@font-face{font-family:Bebas Neue;src:url(/fonts/clock/bebas-neue.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Caveat;src:url(/fonts/clock/caveat.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(/fonts/clock/cormorant-garamond.woff2)format("woff2");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:Fraunces;src:url(/fonts/clock/fraunces.woff2)format("woff2");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:Instrument Serif;src:url(/fonts/clock/instrument-serif-italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Instrument Serif;src:url(/fonts/clock/instrument-serif.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/clock/jetbrains-mono.woff2)format("woff2");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:Jost;src:url(/fonts/clock/jost.woff2)format("woff2");font-weight:200 700;font-style:normal;font-display:swap}@font-face{font-family:Playfair Display;src:url(/fonts/clock/playfair-display.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/clock/space-grotesk.woff2)format("woff2");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:Inter Tight;src:url(/fonts/clock/inter-tight.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/clock/manrope.woff2)format("woff2");font-weight:200 800;font-style:normal;font-display:swap}@font-face{font-family:Outfit;src:url(/fonts/clock/outfit.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:VT323;src:url(/fonts/clock/vt323.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Silkscreen;src:url(/fonts/clock/silkscreen-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Silkscreen;src:url(/fonts/clock/silkscreen-700.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Monoton;src:url(/fonts/clock/monoton.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fredoka;src:url(/fonts/clock/fredoka.woff2)format("woff2");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:Bricolage Grotesque;src:url(/fonts/clock/bricolage-grotesque.woff2)format("woff2");font-weight:200 800;font-stretch:100%;font-style:normal;font-display:swap}@font-face{font-family:Bangers;src:url(/fonts/clock/bangers.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Quicksand;src:url(/fonts/clock/quicksand.woff2)format("woff2");font-weight:300 700;font-style:normal;font-display:swap}
.cf-face{color:inherit;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;white-space:nowrap;line-height:.88;display:inline-block}.cf-hm{display:inline-block}.cf-period{letter-spacing:.07em;vertical-align:baseline;opacity:.72;margin-left:.14em;font-size:.2em;font-weight:700}.cf-seconds{letter-spacing:.015em;opacity:.82;margin-left:.1em;font-size:.3em;font-weight:500}.cf-quiet{font-family:var(--font-hanken), sans-serif;letter-spacing:-.045em;font-weight:600}.cf-air{letter-spacing:.06em;font-family:Jost,sans-serif;font-weight:200}.cf-air .cf-period{letter-spacing:.18em;font-weight:400}.cf-grotesk{letter-spacing:-.055em;font-family:Space Grotesk,sans-serif;font-weight:500}.cf-ink{letter-spacing:-.012em;font-family:Instrument Serif,serif;font-weight:400}.cf-ink .cf-period{letter-spacing:.02em;font-style:italic;font-weight:400}.cf-roman{letter-spacing:.02em;font-family:Cormorant Garamond,serif;font-weight:300}.cf-roman .cf-period{letter-spacing:.12em;font-weight:500}.cf-editorial{letter-spacing:-.03em;font-family:Playfair Display,serif;font-weight:500}.cf-editorial-main{border-bottom:1px solid color-mix(in srgb, currentColor 26%, transparent);padding-bottom:.03em;display:inline-block}.cf-editorial .cf-period{letter-spacing:.1em;opacity:.62;font-weight:500}.cf-literary{letter-spacing:-.02em;font-family:Fraunces,serif;font-weight:300}.cf-script{letter-spacing:0;font-family:Caveat,cursive;font-size:1.14em;font-weight:500;line-height:.8}.cf-script .cf-period{letter-spacing:.02em;font-weight:600}.cf-poster{letter-spacing:.012em;flex-direction:column;align-items:flex-start;gap:.02em;font-family:Bebas Neue,sans-serif;font-weight:400;line-height:.82;display:inline-flex}.cf-poster-label{font-family:var(--font-hanken), sans-serif;letter-spacing:.26em;opacity:.48;font-size:.11em;font-weight:700}.cf-poster .cf-period{letter-spacing:.12em;opacity:.65;font-family:Bebas Neue,sans-serif;font-size:.18em;font-weight:400}.cf-terminal{letter-spacing:.055em;font-family:JetBrains Mono,monospace;font-weight:300}.cf-terminal .cf-seconds{letter-spacing:.04em;opacity:.58}.cf-terminal-box{letter-spacing:.1em;opacity:.62;vertical-align:.18em;border:1px solid;border-radius:2px;margin-left:.22em;padding:.06em .18em;font-size:.2em;display:inline-block}.cf-numeric{letter-spacing:-.02em;font-family:JetBrains Mono,monospace;font-weight:500}.cf-num{flex-direction:column;align-items:flex-start;line-height:.84;display:inline-flex}.cf-sub{letter-spacing:.14em;opacity:.52;margin-top:.1em;font-size:.24em;font-weight:400}.cf-dial{line-height:0}.cf-dial-wrap{width:1.3em;height:1.3em;line-height:0;display:inline-block}.cf-dial-wrap svg{width:100%;height:100%;display:block;overflow:visible}.cfs-card{container-type:inline-size}.cfs-header{justify-content:space-between;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.cfs-title{letter-spacing:-.01em;color:var(--ink);margin:0;font-size:13.5px;font-weight:700}.cfs-hint{color:var(--ink-muted);margin:0;font-size:11px;line-height:1.3}.cfs-stage{gap:var(--space-3);min-height:200px;margin-top:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-lg);background:radial-gradient(120% 100% at 50% -10%,#ffffff12,#fff0 62%),linear-gradient(#ffffff08,#ffffff02);flex-direction:column;padding:clamp(16px,3.2vw,26px) clamp(14px,3.2vw,26px) 14px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.cfs-stage-top{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.cfs-date{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);margin:0;font-size:10px;font-weight:700}.cfs-greeting{letter-spacing:-.01em;color:color-mix(in srgb, var(--ink) 84%, transparent);margin:0;font-size:13.5px;font-weight:600}.cfs-clock-wrap{max-width:100%;min-height:1.08em;color:var(--ink);justify-content:center;align-items:center;padding:2px 0 4px;font-size:clamp(58px,10vw,104px);line-height:1;display:flex}.cfs-clock-wrap[data-face=dial]{font-size:clamp(84px,22cqw,132px)}.cfs-stage-foot{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-top:auto;display:flex}.cfs-face-meta{flex-direction:column;gap:1px;min-width:0;display:flex}.cfs-face-name{color:var(--ink);font-size:12.5px;font-weight:700}.cfs-face-note{color:var(--ink-muted);font-size:10.5px;line-height:1.45}.cfs-zone{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-top:2px;font-size:9px;font-weight:700}.tz-trigger{border:1px solid var(--line);border-radius:var(--radius-pill);max-width:230px;height:32px;color:var(--ink);font:inherit;cursor:pointer;transition:background .14s var(--ease), border-color .14s var(--ease);background:#ffffff0a;align-items:center;gap:7px;padding:0 10px;font-size:11.5px;font-weight:650;display:inline-flex}.tz-trigger:hover{border-color:var(--line-strong,#ffffff2e);background:#ffffff12}.tz-trigger:focus-visible{outline:2px solid var(--focus-ring,var(--accent));outline-offset:2px}.tz-trigger-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tz-trigger-offset{color:var(--ink-faint);flex:none;font-size:10px;font-weight:600}.tz-trigger svg{width:12px;height:12px;color:var(--ink-faint);transition:transform .16s var(--ease);flex:none}.tz-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.tz-panel{border:1px solid var(--line);background:#0000002e;border-radius:14px;margin:0 0 12px;padding:12px}.tz-auto{align-items:stretch;gap:8px;display:flex}.tz-auto-btn{border:1px solid var(--line);min-width:0;color:var(--ink);text-align:left;cursor:pointer;transition:background .14s var(--ease), border-color .14s var(--ease);background:#ffffff08;border-radius:10px;flex:1;padding:8px 10px}.tz-auto-btn:hover{background:#ffffff0f}.tz-auto-btn[aria-pressed=true]{border-color:color-mix(in srgb, var(--accent) 55%, transparent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.tz-auto-title{font-size:12px;font-weight:700;display:block}.tz-auto-hint{color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:10.5px;line-height:1.4;display:block;overflow:hidden}.tz-close{border:1px solid var(--line);height:30px;color:var(--ink-muted);font:inherit;cursor:pointer;background:0 0;border-radius:8px;flex:none;padding:0 9px;font-size:11px;font-weight:600}.tz-close:hover{color:var(--ink);background:#ffffff0f}.tz-search{margin-top:10px;display:block}.tz-search input{height:34px;font-size:12.5px}.tz-count{color:var(--ink-faint);letter-spacing:.01em;margin:7px 2px 6px;font-size:10px}.tz-list{border:1px solid var(--line);overscroll-behavior:contain;border-radius:10px;max-height:250px;margin:0;padding:0;list-style:none;position:relative;overflow:auto}.tz-option{width:100%;color:var(--ink-muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff0d;align-items:baseline;gap:9px;padding:8px 10px;display:flex}.tz-option:last-child{border-bottom:0}.tz-option[data-active=true]{color:var(--ink);background:#ffffff0e}.tz-option[aria-selected=true]{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--ink)}.tz-option-city{text-overflow:ellipsis;white-space:nowrap;flex:none;max-width:44%;font-size:12.5px;font-weight:650;overflow:hidden}.tz-option-zone{min-width:0;color:var(--ink-faint);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.tz-option-check{width:12px;height:12px;color:var(--accent);flex:none;margin-left:auto}.tz-empty{color:var(--ink-faint);text-align:center;padding:16px 10px;font-size:11.5px}.tz-note{color:var(--ink-faint);margin:8px 2px 0;font-size:10px;line-height:1.45}@media (max-width:520px){.tz-trigger{max-width:54vw}}.cfs-selected{border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--ink-muted);white-space:nowrap;background:#ffffff0d;align-items:center;gap:6px;padding:4px 9px;font-size:10.5px;font-weight:600;display:inline-flex}.cfs-dot{background:var(--accent);border-radius:50%;width:5px;height:5px}.cfs-faces-toggle{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;margin-top:var(--space-3);border:0;border-top:1px solid var(--line);color:var(--ink-muted);font:inherit;letter-spacing:.01em;text-align:left;cursor:pointer;transition:color .14s var(--ease);background:0 0;padding:10px 2px 1px;font-size:11.5px;font-weight:650;display:flex}.cfs-faces-toggle:hover{color:var(--ink)}.cfs-faces-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.cfs-toggle-left{align-items:center;gap:7px;min-width:0;display:flex}.cfs-count{border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--ink-muted);letter-spacing:.04em;padding:1px 6px;font-size:9.5px;font-weight:600}.cfs-chevron{width:14px;height:14px;color:var(--ink-faint);transition:transform .14s var(--ease), color .14s var(--ease);flex:none}.cfs-faces-toggle[aria-expanded=true] .cfs-chevron{color:var(--ink-muted);transform:rotate(180deg)}.cfs-pills{margin-top:var(--space-2)}.cfs-grid{gap:var(--space-2);margin-top:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.cfs-grid[hidden]{display:none}.cfs-face-card{border:1px solid var(--line);border-radius:var(--radius-md);min-height:76px;color:var(--ink);text-align:left;font:inherit;cursor:pointer;transition:border-color .14s var(--ease), background .14s var(--ease), box-shadow .14s var(--ease);background:#ffffff06;flex-direction:column;align-items:stretch;gap:7px;margin:0;padding:10px;display:flex;position:relative}.cfs-face-card:hover{border-color:var(--line-strong);background:#ffffff0b}.cfs-face-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cfs-face-card[data-selected=true]{border-color:color-mix(in srgb, var(--accent) 55%, transparent);background:color-mix(in srgb, var(--accent) 12%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 45%, transparent)}.cfs-face-card[data-selected=true]:hover{border-color:color-mix(in srgb, var(--accent) 72%, transparent);background:color-mix(in srgb, var(--accent) 16%, transparent)}.cfs-mini{align-items:center;min-height:32px;font-size:30px;line-height:1;display:flex}.cfs-meta{flex-direction:column;gap:1px;min-width:0;display:flex}.cfs-name-row{align-items:center;gap:4px;min-width:0;display:flex}.cfs-card-name{white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:700;overflow:hidden}.cfs-card-family{color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.cfs-check{width:13px;height:13px;color:var(--accent);flex:none;margin-left:auto}@container (max-width:600px){.cfs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width:400px){.cfs-clock-wrap{font-size:clamp(48px,15cqw,58px)}}@media (prefers-reduced-motion:reduce){.cfs-face-card,.cfs-faces-toggle,.cfs-chevron{transition:none}}
.cfs-clock-wrap{font-size:clamp(58px,15cqw,104px)}.cfs-clock-wrap[data-face=stack]{font-size:clamp(46px,11cqw,78px)}@container (max-width:400px){.cfs-clock-wrap{font-size:clamp(48px,15cqw,58px)}.cfs-clock-wrap[data-face=stack]{font-size:clamp(38px,10cqw,50px)}}.cfs-mini .cf-glass,.cfs-mini .cf-widget,.cfs-mini .cf-halo{font-size:.9em}.cfs-mini .cf-rule,.cfs-mini .cf-focus{font-size:.94em}.cfs-mini .cf-mist{font-size:.95em}.clock[data-size=fill] .cf-face.cf-stack,.clock[data-size=large] .cf-face.cf-stack{font-size:.62em}.cfs-mini .cf-face.cf-stack{font-size:.8em}.clock[data-size=fill] .cf-face.cf-badge,.clock[data-size=fill] .cf-face.cf-corner,.clock[data-size=fill] .cf-face.cf-fog{font-size:.82em}.cf-face.cf-focus{text-align:center;font-family:"Inter Tight", var(--font-hanken), sans-serif;letter-spacing:-.055em;font-weight:600;line-height:1;display:inline-block}.cf-face.cf-focus:before{content:"FOCUS";letter-spacing:.28em;color:color-mix(in srgb, currentColor 56%, transparent);margin-bottom:.62em;font-size:.13em;font-weight:700;line-height:1;display:block}.cf-face.cf-focus .cf-period{letter-spacing:.1em;opacity:.6;font-size:.18em;font-weight:600}.cf-face.cf-glass{border:1px solid color-mix(in srgb, currentColor 18%, transparent);background:color-mix(in srgb, currentColor 8%, transparent);font-family:"Inter Tight", var(--font-hanken), sans-serif;letter-spacing:-.02em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:baseline;padding:.2em .52em .24em;font-weight:300;line-height:1.04;display:inline-flex}.cf-face.cf-glass .cf-hm{line-height:1}.cf-face.cf-glass .cf-period{letter-spacing:.12em;opacity:.55;font-size:.2em;font-weight:400}.cf-face.cf-halo{font-family:"Inter Tight", var(--font-hanken), sans-serif;letter-spacing:.085em;text-shadow:0 0 .34em color-mix(in srgb, currentColor 24%, transparent);font-weight:200;line-height:1}.cf-face.cf-halo .cf-period{letter-spacing:.2em;opacity:.5;text-shadow:none;font-size:.2em;font-weight:300}.cf-face.cf-stack{letter-spacing:-.04em;flex-direction:column;align-items:center;gap:.02em;font-family:Manrope,sans-serif;font-weight:600;line-height:.82;display:inline-flex}.cf-face.cf-stack .cf-stack-body{flex-direction:column;align-items:center;gap:.02em;display:flex}.cf-face.cf-stack .cf-stack-hour,.cf-face.cf-stack .cf-stack-minute{font-size:.72em;line-height:.9;display:block}.cf-face.cf-stack .cf-stack-foot{letter-spacing:.18em;text-transform:uppercase;opacity:.58;margin-top:.42em;padding-left:.18em;font-size:.16em;font-weight:500;line-height:1;display:block}.cf-face.cf-widget{border:1px solid color-mix(in srgb, currentColor 10%, transparent);background:color-mix(in srgb, currentColor 7%, transparent);letter-spacing:-.03em;text-align:left;border-radius:.36em;padding:.28em .46em .32em;font-family:Manrope,sans-serif;font-weight:500;line-height:1;display:inline-block}.cf-face.cf-widget:before{content:"NOW";letter-spacing:.24em;color:color-mix(in srgb, currentColor 52%, transparent);margin-bottom:.64em;font-size:.12em;font-weight:700;line-height:1;display:block}.cf-face.cf-widget .cf-period{letter-spacing:.1em;opacity:.6;font-size:.2em;font-weight:600}.cf-face.cf-signal{letter-spacing:-.02em;align-items:baseline;font-family:JetBrains Mono,monospace;font-weight:300;line-height:1;display:inline-flex}.cf-face.cf-signal .cf-period{border-left:1px solid color-mix(in srgb, currentColor 32%, transparent);letter-spacing:.08em;opacity:1;color:color-mix(in srgb, currentColor 72%, transparent);margin-left:.32em;padding-left:.32em;font-size:.22em;font-weight:400}.cf-face.cf-rule{letter-spacing:-.045em;text-align:center;padding:.16em 0;font-family:Outfit,sans-serif;font-weight:500;line-height:1;display:inline-block}.cf-face.cf-rule:before,.cf-face.cf-rule:after{content:"";background:color-mix(in srgb, currentColor 26%, transparent);width:100%;height:1px;display:block}.cf-face.cf-rule:before{margin-bottom:.18em}.cf-face.cf-rule:after{margin-top:.18em}.cf-face.cf-rule .cf-period{letter-spacing:.14em;opacity:.55;font-size:.19em;font-weight:500}.cf-face.cf-mist{letter-spacing:.13em;color:color-mix(in srgb, currentColor 86%, transparent);font-family:Jost,sans-serif;font-weight:200;line-height:1}.cf-face.cf-mist .cf-period{letter-spacing:.22em;opacity:.6;font-size:.19em;font-weight:300}.cf-face.cf-horizon{letter-spacing:.01em;color:color-mix(in srgb, currentColor 84%, transparent);font-family:Cormorant Garamond,serif;font-weight:300;line-height:1;display:inline-block}.cf-face.cf-horizon:after{content:"";background:color-mix(in srgb, currentColor 22%, transparent);width:100%;height:1px;margin-top:.2em;display:block}.cf-face.cf-horizon .cf-period{letter-spacing:.12em;opacity:.55;font-size:.22em;font-weight:400}.cf-face.cf-still{font-family:var(--font-hanken), "Hanken Grotesk", sans-serif;letter-spacing:-.03em;font-size:.88em;font-weight:300;line-height:1}.cf-face.cf-still .cf-period{letter-spacing:.1em;opacity:.52;font-size:.22em;font-weight:400}.cf-face.cf-dawn{letter-spacing:.005em;color:color-mix(in srgb, currentColor 88%, transparent);font-family:Instrument Serif,serif;font-style:italic;font-weight:400;line-height:1}.cf-face.cf-dawn .cf-period{letter-spacing:.1em;opacity:.58;font-size:.24em;font-style:normal}.cf-face.cf-soft{font-variation-settings:"SOFT" 70, "WONK" 0;letter-spacing:-.02em;color:color-mix(in srgb, currentColor 88%, transparent);font-family:Fraunces,serif;font-weight:300;line-height:1}.cf-face.cf-soft .cf-period{letter-spacing:.1em;opacity:.55;font-size:.22em;font-weight:400}.cf-face.cf-monolith{font-family:"Inter Tight", var(--font-hanken), sans-serif;letter-spacing:-.075em;font-weight:700;line-height:.9}.cf-face.cf-monolith .cf-period{letter-spacing:.08em;opacity:.55;font-size:.18em;font-weight:700}.cf-face.cf-line{border-left:2px solid color-mix(in srgb, currentColor 30%, transparent);letter-spacing:-.045em;align-items:baseline;padding-left:.34em;font-family:Outfit,sans-serif;font-weight:500;line-height:1;display:inline-flex}.cf-face.cf-line .cf-period{letter-spacing:.12em;opacity:.55;font-size:.19em;font-weight:500}.cf-face.cf-badge{letter-spacing:-.03em;align-items:baseline;font-family:Manrope,sans-serif;font-weight:500;line-height:1;display:inline-flex}.cf-face.cf-badge:before{content:"";width:.12em;height:.12em;box-shadow:0 0 .55em color-mix(in srgb, currentColor 60%, transparent);background:currentColor;border-radius:50%;flex:none;align-self:center;margin-right:.26em}.cf-face.cf-badge .cf-period{letter-spacing:.1em;opacity:.55;font-size:.17em;font-weight:500}.cf-face.cf-corner{letter-spacing:-.045em;background-image:linear-gradient(color-mix(in srgb, currentColor 28%, transparent) 0 100%), linear-gradient(color-mix(in srgb, currentColor 28%, transparent) 0 100%), linear-gradient(color-mix(in srgb, currentColor 28%, transparent) 0 100%), linear-gradient(color-mix(in srgb, currentColor 28%, transparent) 0 100%), linear-gradient(color-mix(in srgb, currentColor 28%, transparent) 0 100%), linear-gradient(color-mix(in srgb, currentColor 28%, transparent) 0 100%), linear-gradient(color-mix(in srgb, currentColor 28%, transparent) 0 100%), linear-gradient(color-mix(in srgb, currentColor 28%, transparent) 0 100%);background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;background-repeat:no-repeat;background-size:.46em 1px,1px .46em,.46em 1px,1px .46em,.46em 1px,1px .46em,.46em 1px,1px .46em;padding:.2em .34em;font-family:Outfit,sans-serif;font-weight:500;line-height:1;display:inline-block}.cf-face.cf-corner .cf-period{letter-spacing:.1em;opacity:.55;font-size:.18em;font-weight:500}.cf-face.cf-fog{letter-spacing:.2em;color:color-mix(in srgb, currentColor 78%, transparent);text-shadow:0 0 .5em color-mix(in srgb, currentColor 28%, transparent);font-family:Jost,sans-serif;font-weight:200;line-height:1}.cf-face.cf-fog .cf-period{letter-spacing:.3em;opacity:.48;text-shadow:none;font-size:.19em;font-weight:300}.cf-face.cf-veil{letter-spacing:.005em;font-family:Instrument Serif,serif;font-style:italic;font-weight:400;line-height:1;display:inline-block}.cf-face.cf-veil:before{content:"";border-top:1px dotted color-mix(in srgb, currentColor 30%, transparent);height:0;margin-bottom:.14em;display:block}.cf-face.cf-veil .cf-period{letter-spacing:.08em;opacity:.6;font-size:.2em;font-style:normal;font-weight:400}.cfs-mini .cf-face.cf-corner,.cfs-mini .cf-face.cf-fog{font-size:.9em}
.cf-face.cf-pixel{letter-spacing:.03em;font-family:Silkscreen,monospace;font-size:.86em;font-weight:400;line-height:1}.cf-face.cf-pixel .cf-period{letter-spacing:.05em;opacity:.68;font-family:Silkscreen,monospace;font-size:.18em;font-weight:400}.cf-face.cf-vhs{letter-spacing:.035em;text-shadow:0 0 .05em color-mix(in srgb, currentColor 42%, transparent), 0 0 .16em color-mix(in srgb, currentColor 20%, transparent);font-family:VT323,monospace;font-weight:400;line-height:.95}.cf-face.cf-vhs .cf-period{letter-spacing:.06em;opacity:.78;font-family:VT323,monospace;font-size:.26em;font-weight:400}.cf-face.cf-neon{letter-spacing:.02em;text-shadow:0 0 .07em color-mix(in srgb, currentColor 52%, transparent), 0 0 .2em color-mix(in srgb, currentColor 22%, transparent);font-family:Monoton,cursive;font-weight:400;line-height:1}.cf-face.cf-neon .cf-period{font-family:var(--font-hanken), sans-serif;letter-spacing:.1em;opacity:.82;text-shadow:none;font-size:.18em;font-weight:700}.cf-face.cf-splitflap{border:1px solid color-mix(in srgb, currentColor 38%, transparent);background:color-mix(in srgb, currentColor 7%, transparent);letter-spacing:.06em;border-radius:.1em;align-items:center;padding:.08em .16em .06em;font-family:Bebas Neue,sans-serif;font-weight:400;line-height:1.04;display:inline-flex}.cf-face.cf-splitflap .cf-hm{text-transform:uppercase}.cf-face.cf-splitflap .cf-period{letter-spacing:.14em;text-transform:uppercase;opacity:.7;font-family:Bebas Neue,sans-serif;font-size:.2em;font-weight:400}.cf-face.cf-bracket{letter-spacing:.01em;padding:0 .3em;font-family:JetBrains Mono,monospace;font-weight:400;line-height:1;position:relative}.cf-face.cf-bracket:before,.cf-face.cf-bracket:after{opacity:.38;pointer-events:none;align-items:center;font-size:.78em;font-weight:400;display:flex;position:absolute;top:0;bottom:0}.cf-face.cf-bracket:before{content:"[";left:0}.cf-face.cf-bracket:after{content:"]";right:0}.cf-face.cf-bracket .cf-period{letter-spacing:.08em;opacity:.56;font-family:JetBrains Mono,monospace;font-size:.18em;font-weight:400}.cf-face.cf-bubble{letter-spacing:-.01em;font-family:Fredoka,sans-serif;font-weight:600;line-height:1}.cf-face.cf-bubble .cf-period{background:color-mix(in srgb, currentColor 12%, transparent);letter-spacing:.04em;vertical-align:.18em;opacity:.92;border-radius:999px;margin-left:.18em;padding:.18em .45em;font-family:Fredoka,sans-serif;font-size:.17em;font-weight:600;display:inline-block}.cf-face.cf-sticker{border:1px solid color-mix(in srgb, currentColor 30%, transparent);background:color-mix(in srgb, currentColor 6%, transparent);letter-spacing:-.02em;box-shadow:.06em .07em .02em color-mix(in srgb, currentColor 16%, transparent);border-radius:.1em;padding:.07em .15em .05em;font-family:Bricolage Grotesque,sans-serif;font-weight:700;line-height:1.08;display:inline-block;transform:rotate(-2.2deg)}.cf-face.cf-sticker .cf-period{letter-spacing:.06em;opacity:.68;font-family:Bricolage Grotesque,sans-serif;font-size:.18em;font-weight:700}.cf-face.cf-comic{letter-spacing:.04em;text-shadow:.03em .04em 0 color-mix(in srgb, currentColor 22%, transparent);font-family:Bangers,sans-serif;font-weight:400;line-height:1;display:inline-block;transform:rotate(-1.6deg)}.cf-face.cf-comic .cf-period{letter-spacing:.08em;opacity:.74;font-family:Bangers,sans-serif;font-size:.2em;font-weight:400}.cf-face.cf-candy{letter-spacing:.01em;font-family:Quicksand,sans-serif;font-weight:600;line-height:1}.cf-face.cf-candy .cf-period{border:1px solid color-mix(in srgb, currentColor 22%, transparent);background:color-mix(in srgb, currentColor 8%, transparent);letter-spacing:.06em;vertical-align:.2em;opacity:.9;border-radius:999px;margin-left:.18em;padding:.18em .45em;font-family:Quicksand,sans-serif;font-size:.17em;font-weight:600;display:inline-block}.cf-face.cf-doodle{letter-spacing:0;font-family:Caveat,cursive;font-weight:600;line-height:.92}.cf-face.cf-doodle .cf-hm{text-decoration-line:underline;text-decoration-style:wavy;-webkit-text-decoration-color:color-mix(in srgb, currentColor 42%, transparent);text-decoration-color:color-mix(in srgb, currentColor 42%, transparent);text-underline-offset:.1em;text-decoration-thickness:.035em}.cf-face.cf-doodle .cf-period{letter-spacing:.02em;opacity:.7;font-family:Caveat,cursive;font-size:.26em;font-weight:600}.cf-face.cf-crt{border:1px solid color-mix(in srgb, currentColor 34%, transparent);background:color-mix(in srgb, currentColor 5%, transparent);letter-spacing:.04em;border-radius:.08em;padding:.1em .22em .08em;font-family:VT323,monospace;font-weight:400;line-height:1;display:inline-block;position:relative;overflow:hidden}.cf-face.cf-crt:after{content:"";background:repeating-linear-gradient(to bottom, color-mix(in srgb, currentColor 18%, transparent) 0, color-mix(in srgb, currentColor 18%, transparent) 1px, transparent 1px, transparent 3px);opacity:.3;pointer-events:none;position:absolute;inset:0}.cf-face.cf-crt .cf-hm,.cf-face.cf-crt .cf-seconds,.cf-face.cf-crt .cf-period{z-index:1;position:relative}.cf-face.cf-crt .cf-period{letter-spacing:.08em;opacity:.92;font-family:VT323,monospace;font-size:.2em;font-weight:400}.cf-face.cf-arcade{border:1px solid color-mix(in srgb, currentColor 40%, transparent);background:color-mix(in srgb, currentColor 6%, transparent);letter-spacing:.02em;border-radius:.06em;padding:.14em .24em .1em;font-family:Silkscreen,monospace;font-size:.9em;font-weight:400;line-height:1;display:inline-block;position:relative}.cf-face.cf-arcade:before{content:"PLAY";letter-spacing:.14em;opacity:.55;pointer-events:none;font-family:Silkscreen,monospace;font-size:.16em;font-weight:400;position:absolute;top:8%;right:3%}.cf-face.cf-arcade .cf-period{border:1px solid color-mix(in srgb, currentColor 34%, transparent);letter-spacing:.08em;opacity:.88;border-radius:.06em;padding:.1em .2em;font-family:Silkscreen,monospace;font-size:.2em;font-weight:400;display:inline-block}.cf-face.cf-magnet{border:2px solid color-mix(in srgb, currentColor 68%, transparent);background:color-mix(in srgb, currentColor 12%, transparent);box-shadow:.09em .09em 0 color-mix(in srgb, currentColor 22%, transparent);letter-spacing:-.02em;border-radius:.14em;padding:.12em .2em .1em;font-family:Bricolage Grotesque,sans-serif;font-weight:800;line-height:1;display:inline-block}.cf-face.cf-magnet .cf-period{letter-spacing:.06em;opacity:.78;font-family:Bricolage Grotesque,sans-serif;font-size:.18em;font-weight:800}.cf-face.cf-bubblegum{border:1px dashed color-mix(in srgb, currentColor 42%, transparent);background:color-mix(in srgb, currentColor 6%, transparent);letter-spacing:.01em;border-radius:999px;padding:.1em .24em .08em;font-family:Quicksand,sans-serif;font-weight:600;line-height:1;display:inline-block}.cf-face.cf-bubblegum .cf-period{background:color-mix(in srgb, currentColor 16%, transparent);letter-spacing:.05em;vertical-align:.18em;opacity:.95;border-radius:999px;margin-left:.16em;padding:.16em .4em;font-family:Quicksand,sans-serif;font-size:.17em;font-weight:700;display:inline-block}.cfs-mini .cf-face.cf-crt{padding:.05em .12em;font-size:.72em}.cfs-mini .cf-face.cf-arcade{padding:.1em .16em;font-size:.6em}.cfs-mini .cf-face.cf-magnet{box-shadow:.06em .06em 0 color-mix(in srgb, currentColor 22%, transparent);border-width:1px;padding:.06em .12em .05em;font-size:.66em}.cfs-mini .cf-face.cf-bubblegum{padding:.05em .16em;font-size:.72em}.clock[data-size=fill] .cf-face.cf-arcade{font-size:.76em}.clock[data-size=fill] .cf-face.cf-magnet,.clock[data-size=fill] .cf-face.cf-bubblegum{font-size:.82em}
