@import url('fonts/fonts.css');
body[data-type=caslon]{--display-font:'Libre Caslon Condensed';--info-font:'DM Mono'}body[data-type=poppins]{--display-font:'Poppins';--info-font:'Nanum Gothic Coding'}body[data-type=smooch]{--display-font:'Smooch Sans';--info-font:'IBM Plex Mono'}body[data-type=techno]{--display-font:'Orbitron';--info-font:'Kode Mono'}body[data-type=major]{--display-font:'Major Mono Display';--info-font:'VT323'}
body[data-type] .brand,body[data-type] #omen,body[data-type] dialog h1{font-family:var(--display-font),sans-serif;font-weight:400}body[data-type] .metadata,body[data-type] .eyebrow,body[data-type] .sky-label,body[data-type] #counts,body[data-type] #figures,body[data-type] .playback,body[data-type] .pan-tools{font-family:var(--info-font),monospace}body[data-type] .day-control select{font-family:var(--info-font),monospace}body[data-type=caslon] #omen,body[data-type=smooch] #omen{font-size:24px}body[data-type=major] #omen{font-size:17px;letter-spacing:-.04em;text-transform:uppercase}body[data-type=major] .brand{text-transform:uppercase;font-size:23px}body[data-type=major] .sky-label{font-size:16px}body[data-type=major] .metadata,body[data-type=major] #counts,body[data-type=major] #figures{font-size:12px}body[data-type=techno] #omen{font-size:17px;letter-spacing:-.025em}body[data-type] .sky-label{line-height:1.3}body[data-type] #omen{max-height:none;overflow:visible}

.pictorial #figures{scrollbar-width:none}.pictorial #figures::-webkit-scrollbar{display:none}
