.countdown{max-width:960px}.countdown-display{--display-bg:linear-gradient(160deg, #26262a, #111113);--ring:#ff5a4e;--ring-track:#ffffff1a;flex-direction:column;align-items:center;gap:18px;padding-top:clamp(28px,5vw,52px);padding-bottom:clamp(28px,5vw,48px);display:flex}.countdown-display[data-event=christmas-countdown]{--display-bg:linear-gradient(160deg, #1e3b2f, #0e1e17);--ring:#ff5a4e}.countdown-display[data-event=halloween-countdown]{--display-bg:linear-gradient(160deg, #2c1c40, #110a1b);--ring:#ff8a2b}.countdown-display[data-event=thanksgiving-countdown]{--display-bg:linear-gradient(160deg, #3b2615, #1c1109);--ring:#f2a541}.countdown-display[data-event=new-year-countdown]{--display-bg:linear-gradient(160deg, #161c38, #07090f);--ring:#f5c76b}.countdown-display[data-event=summer-countdown]{--display-bg:linear-gradient(160deg, #0f6a9e, #0a3a5c);--ring:#ffd447}.countdown-display[data-event=birthday-countdown]{--display-bg:linear-gradient(160deg, #3b1f40, #190d1e);--ring:#ff6fa8}.countdown-display[data-event=midnight-countdown]{--display-bg:linear-gradient(160deg, #12173d, #05060f);--ring:#8e9bff}.countdown-display .display-label{max-width:32em;margin:0}.countdown-ring{aspect-ratio:1;width:clamp(210px,42vw,300px);position:relative}.countdown-ring svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.countdown-ring circle{fill:none;stroke-width:9px}.ring-track{stroke:var(--ring-track)}.ring-fill{stroke:var(--ring);stroke-linecap:round;stroke-dasharray:100;filter:drop-shadow(0 0 10px color-mix(in srgb, var(--ring), transparent 55%));transition:stroke-dashoffset .6s}.countdown-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:12%}.countdown-center .display-value{font-size:clamp(56px,11vw,104px)}.countdown-center .display-value.is-clock{letter-spacing:-.03em;font-size:clamp(32px,7.4vw,60px)}.countdown-unit{opacity:.72;margin:6px 0 0;font-size:clamp(14px,1.8vw,17px);font-weight:600}.countdown-today{letter-spacing:-.03em;margin:0;font-size:clamp(22px,4vw,34px);font-weight:700;line-height:1.15;display:none}.countdown-tiles{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;max-width:560px}.countdown-display[data-event=midnight-countdown] .countdown-tiles{grid-template-columns:repeat(3,minmax(0,1fr));max-width:420px}.countdown-tiles .tile{padding:14px 6px}.countdown-tiles .tile-value{font-size:clamp(24px,4.6vw,40px)}.countdown-display .display-sub{margin:0}.countdown-extra:empty,.countdown-progress:empty{display:none}.countdown-progress{opacity:.6;font-variant-numeric:tabular-nums;margin:0;font-size:14px;font-weight:500}.countdown-display[data-state=today] .countdown-center .display-value,.countdown-display[data-state=today] .countdown-unit,.countdown-display[data-state=today] .countdown-tiles{display:none}.countdown-display[data-state=today] .countdown-today{display:block}.countdown-display[data-state=empty] .countdown-tiles{opacity:.45}.countdown-confetti{pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.countdown-confetti span{top:-16px;left:var(--x);background:var(--c);opacity:.9;width:8px;height:12px;animation:countdown-fall var(--t) cubic-bezier(.3, .6, .5, 1) var(--d) forwards;border-radius:2px;position:absolute}@keyframes countdown-fall{to{transform:translate3d(var(--drift), 110vh, 0) rotate(var(--r));opacity:0}}.countdown-fs{top:14px;z-index:2;cursor:pointer;width:40px;height:40px;color:inherit;background:#ffffff1a;border:0;border-radius:50%;place-items:center;transition:background-color .2s;display:grid;position:absolute;inset-inline-end:14px}.countdown-fs:hover{background:#fff3}.countdown-fs svg{width:20px;height:20px}.countdown-fs .ic-exit,.countdown-display.is-fs .countdown-fs .ic-enter{display:none}.countdown-display.is-fs .countdown-fs .ic-exit{display:block}.countdown-display:fullscreen{border-radius:0;justify-content:center}.countdown-display.is-pseudo-fs{z-index:500;border-radius:0;justify-content:center;width:100vw;height:100dvh;position:fixed;inset:0}.countdown-display.is-fs{padding:max(24px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left))}.countdown-display.is-fs:after{display:none}.countdown-display.is-fs .countdown-ring{width:min(56vmin,520px)}.countdown-display.is-fs .countdown-center .display-value{font-size:min(18vmin,180px)}.countdown-display.is-fs .countdown-center .display-value.is-clock{font-size:min(10vmin,104px)}.countdown-display.is-fs .countdown-tiles{max-width:min(760px,92vw)}@media (orientation:landscape) and (height<=540px){.countdown-display.is-fs{flex-flow:wrap;place-content:center;gap:12px 28px}.countdown-display.is-fs .countdown-ring{width:min(70vmin,360px)}.countdown-display.is-fs .countdown-tiles{grid-template-columns:repeat(2,minmax(0,1fr));max-width:340px}.countdown-display.is-fs .display-label,.countdown-display.is-fs .display-sub,.countdown-display.is-fs .countdown-progress{text-align:center;flex-basis:100%}}.countdown-birthday .form-grid{grid-template-columns:1.4fr 1fr 1.2fr}@media (width<=560px){.countdown-birthday .form-grid{grid-template-columns:1fr 1fr}.countdown-birthday .form-grid .field:first-child{grid-column:1/-1}}.countdown-birthday-actions{margin-top:16px}.countdown-birthday .form-hint{margin-top:10px}.countdown-dates .data-table td:first-child{font-weight:600}@media (prefers-reduced-motion:reduce){.ring-fill{transition:none}.countdown-confetti{display:none}}