.sg-cd{--sg-cd-tile: var(--sg-xh-tile, var(--sg-ink));--sg-cd-ink: var(--sg-cream);--sg-cd-h: 7.2rem;--sg-cd-radius: 12px;--sg-cd-font: 4rem;--sg-cd-gap: 1rem;--sg-cd-label: 1rem;--sg-cd-metal: linear-gradient(90deg, #4a4540 0%, #d8d1c6 45%, #9c958c 70%, #3e3a35 100%);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sg-cd-gap);width:100%}.sg-cd__unit{display:flex;flex-direction:column;align-items:center;gap:.6rem;min-width:0}.sg-cd__tile{position:relative;display:grid;place-items:center;width:100%;height:var(--sg-cd-h);overflow:hidden;border-radius:var(--sg-cd-radius);background:linear-gradient(180deg,color-mix(in srgb,var(--sg-cd-tile) 88%,var(--sg-cream)),color-mix(in srgb,var(--sg-cd-tile) 94%,var(--sg-cream)) 49.6%,color-mix(in srgb,var(--sg-cd-tile) 100%,#000) 50.4%,color-mix(in srgb,var(--sg-cd-tile) 96%,var(--sg-cream)));box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #0006,0 14px 24px -14px #0009;color:var(--sg-cd-ink);font-family:var(--sg-font-ui);font-size:var(--sg-cd-font);font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.sg-cd__num{display:block;transform-origin:50% 50%}.sg-cd__tile.is-tick .sg-cd__num{animation:sg-cd-tick .35s cubic-bezier(.2,.8,.2,1) both}.sg-cd__hinge{position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:#000000b8;box-shadow:0 1px #ffffff12;pointer-events:none}.sg-cd__hinge:before,.sg-cd__hinge:after{content:"";position:absolute;top:-.5rem;width:.5rem;height:1.8rem;border-radius:3px;background:var(--sg-cd-metal);box-shadow:0 1px 2px #0009}.sg-cd__hinge:before{left:.2rem}.sg-cd__hinge:after{right:.2rem}.sg-cd__label{font-family:var(--sg-font-body);font-size:var(--sg-cd-label);line-height:1.2;color:var(--sg-cd-label-color, var(--sg-muted));text-align:center}@keyframes sg-cd-tick{0%{opacity:0;transform:translateY(-28%) scaleY(.6)}to{opacity:1;transform:none}}@media(min-width:990px){.sg-cd{--sg-cd-h: 8.8rem;--sg-cd-font: 4.6rem;--sg-cd-gap: 1.2rem;--sg-cd-label: 1.1rem;grid-template-columns:repeat(4,8rem);width:auto}}@media(prefers-reduced-motion:reduce){.sg-cd__tile.is-tick .sg-cd__num{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/83/assets/sg-countdown.css.map */