/*!
 * DS Product countdown
 *
 * The ds_countdown block of sections/main-product.liquid, from Figma nodes
 * 1598:21896 (desktop, 468 wide) and 1803:47792 (mobile): a SALE badge with its
 * claim, then 'ends in' and four red tiles, on a rounded card.
 *
 * The two sizes switch on the block's own width rather than the viewport. The
 * block sits in the product info column, which is narrow on tablets and between
 * 1024px and 1280px, and the desktop tiles need about 430px to fit on one line.
 *
 * The timer is <ds-countdown-timer> from assets/ds-countdown-timer.js, the same
 * element as the DS Countdown timer section.
 */.ds-product-countdown{container-type:inline-size}.ds-product-countdown:has(.countdown__timer[hidden]){display:none}.ds-product-countdown__card{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-5) var(--sp-3d5);border-radius:var(--sp-4);color:rgb(var(--color-foreground));background-color:rgb(var(--color-background))}.ds-product-countdown__claim{display:flex;align-items:center;gap:var(--sp-2)}.ds-product-countdown__badge{flex-shrink:0;padding:.4375rem .5625rem;border-radius:var(--rounded-full);font-family:var(--font-heading-family);font-size:.8125rem;font-weight:var(--font-bold);line-height:1;color:rgb(var(--ds-countdown-badge-text, var(--color-foreground)));background-color:rgb(var(--ds-countdown-badge-background, var(--color-button-background)))}.ds-product-countdown__title{margin:0;font-size:.8125rem;font-weight:600;line-height:1.5rem}.ds-product-countdown__timing{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-2)}.ds-product-countdown__label{margin:0;font-size:.875rem;font-weight:600;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--color-foreground) / .6)}.ds-product-countdown .countdown__timer{--countdown-gap: .354rem}.ds-product-countdown .countdown__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:2.922rem;height:2.656rem;border-radius:.443rem;color:rgb(var(--ds-countdown-tile-text, 255 255 255));background-color:rgb(var(--ds-countdown-tile-background, 253 0 0))}.ds-product-countdown .countdown__item p{font-size:1.125rem;line-height:1.5rem;color:inherit}.ds-product-countdown .countdown__item p:after{content:none}.ds-product-countdown .countdown__item span{font-family:var(--font-body-family);font-size:.625rem;font-weight:var(--font-bold);line-height:1;letter-spacing:.06em;color:rgb(var(--ds-countdown-tile-text, 255 255 255) / .75)}@container (min-width: 27.5rem){.ds-product-countdown__card{padding-inline:var(--sp-6)}.ds-product-countdown__claim{gap:var(--sp-4)}.ds-product-countdown__badge{padding:var(--sp-2) var(--sp-3);font-size:.875rem}.ds-product-countdown__title{font-size:1.0625rem}.ds-product-countdown__timing{justify-content:flex-start;gap:var(--sp-5)}.ds-product-countdown .countdown__timer{--countdown-gap: var(--sp-2)}.ds-product-countdown .countdown__item{width:4.125rem;height:3.75rem;border-radius:.625rem}.ds-product-countdown .countdown__item p{font-size:1.75rem;line-height:2.125rem}.ds-product-countdown .countdown__item span{font-size:.75rem}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/ds-product-countdown.css.map */