@layer sections{.cdown{position:relative;display:grid;justify-items:center;gap:var(--space-5);text-align:center}.cdown__content{display:grid;justify-items:inherit;gap:var(--space-3)}.cdown__heading{margin:0;font-size:calc(clamp(1.875rem,1.4rem + 2.2vw,3.5rem) * var(--heading-scale));line-height:1.05;text-wrap:balance}.cdown__text{max-width:36rem;opacity:.85}.ctimer{display:flex;gap:clamp(.5rem,.25rem + 1vw,1rem)}.ctimer__unit{display:grid;justify-items:center;gap:var(--space-1);min-width:clamp(4rem,3.25rem + 2.5vw,5.75rem);padding:var(--space-3) var(--space-2);background-color:color-mix(in srgb,currentColor 9%,transparent);border:1px solid color-mix(in srgb,currentColor 16%,transparent);border-radius:var(--radius-media)}.ctimer__num{font-family:var(--font-heading-family);font-size:calc(clamp(1.75rem,1.3rem + 2vw,3rem) * var(--heading-scale));line-height:1;font-variant-numeric:tabular-nums}.ctimer__label{font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;opacity:.75}.cdown__expired{display:none;margin:0;font-weight:var(--font-body-weight-bold)}.cdown:has(ts-countdown[data-expired]) .cdown__expired{display:block}.cdown:has(.cdown__expired) ts-countdown[data-expired]{display:none}.cdown__buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.cdown--banner{--cdown-fg: #fff;min-height:var(--h-custom-m, clamp(24rem, 52svh, 36rem));align-content:center;padding:clamp(2.5rem,1.5rem + 4vw,6rem) var(--gutter);overflow:hidden;color:var(--cdown-fg);background-color:#111;border-radius:calc(var(--radius-media) * 2);isolation:isolate}@media(min-width:750px){.cdown--banner{min-height:var(--h-custom, clamp(24rem, 52svh, 36rem))}}.cdown-wrap--full .cdown--banner{border-radius:0}.cdown--banner.cdown--dark{--cdown-fg: #111;background-color:var(--color-bg-subtle)}.cdown--banner .section-header__eyebrow{color:inherit;opacity:.85}.cdown__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.cdown__media :is(img,svg,video){width:100%;height:100%;object-fit:cover}.cdown__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgb(0 0 0 / var(--overlay))}.cdown--dark .cdown__media:after{background-color:rgb(255 255 255 / var(--overlay))}.cdown--card{padding:clamp(2rem,1.5rem + 3vw,4.5rem) var(--gutter);background-color:color-mix(in srgb,var(--color-fg) 4%,var(--color-bg));border-radius:calc(var(--radius-media) * 1.5)}@media(min-width:990px){.cdown--strip{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;justify-items:start;gap:var(--space-7);padding:var(--space-6) var(--space-7);text-align:start;background-color:color-mix(in srgb,var(--color-fg) 4%,var(--color-bg));border-radius:calc(var(--radius-media) * 1.5)}.cdown--strip .cdown__expired{grid-column:2}}@media(max-width:989px){.cdown--strip{padding:var(--space-6) var(--space-4);background-color:color-mix(in srgb,var(--color-fg) 4%,var(--color-bg));border-radius:calc(var(--radius-media) * 1.5)}}.cdown--product{padding:clamp(1.25rem,1rem + 1.5vw,2.5rem);background-color:color-mix(in srgb,var(--color-fg) 4%,var(--color-bg));border-radius:calc(var(--radius-media) * 1.5)}.cdown__product{--ratio: 1;position:relative;width:100%;max-width:28rem;border-radius:var(--radius-media)}.cdown__product :is(img,svg){width:100%;height:100%;object-fit:cover}.cdown__badge{position:absolute;top:var(--space-3);left:var(--space-3)}.cdown__price .price{justify-content:center;font-size:1.375rem}@media(min-width:990px){.cdown--product{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:auto auto auto auto;align-items:center;justify-items:start;column-gap:clamp(2rem,1rem + 3vw,5rem);text-align:start}.cdown--product .cdown__product{grid-row:1 / span 5;max-width:none}.cdown--product .cdown__price .price,.cdown--product .cdown__buttons{justify-content:flex-start}}.ctimer__sep{align-self:flex-start;padding-block-start:var(--space-3);font-family:var(--font-heading-family);font-size:calc(clamp(1.75rem,1.3rem + 2vw,3rem) * var(--heading-scale));line-height:1;opacity:.5}.ctimer:has(.ctimer__sep){gap:clamp(.25rem,.1rem + .6vw,.625rem)}.ctimer--sized{--ctimer-size: calc(var(--ctimer-num) * .72)}@media(min-width:750px){.ctimer--sized{--ctimer-size: var(--ctimer-num)}}.ctimer--sized :is(.ctimer__num,.ctimer__sep){font-size:var(--ctimer-size)}.ctimer--sized .ctimer__unit{min-width:calc(var(--ctimer-size) * 1.9)}.ctimer--box .ctimer__unit{position:relative;overflow:hidden;color:var(--ctimer-fg, #111);background-color:var(--ctimer-bg, #fff);border-color:transparent;box-shadow:0 10px 30px -14px #00000080}.ctimer--box .ctimer__unit:before{content:"";position:absolute;inset-inline:0;top:50%;height:1px;background-color:#0000001f}.ctimer--glass .ctimer__unit{background-color:#ffffff1f;border-color:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ctimer--frame .ctimer__unit{background-color:transparent;border:1.5px solid currentColor}.ctimer--band{justify-content:center;gap:var(--space-3);width:fit-content;min-width:min(100%,19.375rem);max-width:100%;padding:var(--space-3) var(--space-5);color:var(--ctimer-fg, #fff);background-color:var(--ctimer-bg, #101418);border-radius:max(.5rem,var(--radius-media));box-shadow:0 8px 22px #00000040}.ctimer--band .ctimer__unit{min-width:0;padding:0;background-color:transparent;border:0}.ctimer--band .ctimer__num{font-family:inherit;font-weight:700}.ctimer--band .ctimer__label{font-weight:600;letter-spacing:.1em;opacity:.68}.ctimer--band .ctimer__sep{padding-block-start:0;font-family:inherit;font-weight:700;opacity:.4}.ctimer[data-flip] .ctimer__unit{perspective:20rem}.ctimer__num.is-flipping{animation:ctimer-flip .45s var(--ease)}.ctimer[data-urgent] .ctimer__num{color:var(--ctimer-urgent, #ff4d4d)}.ctimer[data-urgent]:not(.ctimer--band) .ctimer__unit,.ctimer--band[data-urgent]{animation:ctimer-pulse 1.2s ease-in-out infinite}@keyframes ctimer-flip{0%{transform:rotateX(0)}45%{transform:rotateX(-90deg);opacity:.2}55%{transform:rotateX(90deg);opacity:.2}to{transform:rotateX(0);opacity:1}}@keyframes ctimer-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--ctimer-urgent, #ff4d4d) 35%,transparent)}50%{box-shadow:0 0 0 .5rem transparent}}.ctimer-box{display:grid;justify-items:center;gap:var(--space-3)}.ctimer-box__label{margin:0;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;opacity:.75}.ctimer-box__bar{width:100%;height:3px;overflow:hidden;background-color:color-mix(in srgb,currentColor 20%,transparent);border-radius:3px}.ctimer-box__fill{display:block;height:100%;inline-size:calc(var(--progress, 0) * 100%);background-color:currentColor;transition:inline-size 1s linear}.cdown:has(.cdown__expired) .ctimer-box:has(ts-countdown[data-expired]),.cdown--hide-zero ts-countdown[data-expired],.cdown--hide-zero .ctimer-box:has(ts-countdown[data-expired]){display:none}.cdown--banner.cdown--fit{min-height:auto;aspect-ratio:var(--cdown-ratio-m, var(--cdown-ratio))}@media(min-width:750px){.cdown--banner.cdown--fit{aspect-ratio:var(--cdown-ratio)}}@media(min-width:990px){.cdown--banner.cdown--beside{grid-template-columns:minmax(0,1fr) auto;align-items:center;justify-items:start;column-gap:var(--space-7);padding-inline:max(var(--gutter),calc((100% - var(--page-width)) / 2));text-align:start}.cdown--beside .cdown__content{grid-column:1;grid-row:span 2}.cdown--beside>:is(.ctimer,.ctimer-box,.cdown__expired){grid-column:2;align-self:end;justify-self:center}.cdown--beside>.cdown__buttons{grid-column:2;align-self:start;justify-self:center}}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-countdown.css.map */
