/*!
 * DS Countdown timer
 *
 * Layout for sections/ds-countdown-timer.liquid, from Figma nodes 1304:11402
 * (desktop) and 1304:14931 (mobile): a sale bar with a rounded top edge holding
 * a SALE badge and its claim, a countdown, and a call to action.
 *
 * The two designs are the same parts in two directions — one row on desktop,
 * one centred column on mobile — so the markup is written once for the column
 * and the row is assembled at 1024px by flattening the two grouping elements
 * with `display: contents`. The groups exist only to keep the mobile stacking
 * (headline pair, label above the timer) and disappear on the desktop line,
 * where every part sits on the same flex row.
 *
 * The timer blocks are the theme's own <countdown-timer> items, restyled into
 * the design's rounded tiles.
 */.ds-countdown-timer-section .section{padding-block-start:var(--section-padding-top-mobile);padding-block-end:var(--section-padding-bottom-mobile)}.ds-countdown-timer{display:flex;flex-direction:column;align-items:center;gap:var(--sp-5d5);text-align:center}.ds-countdown-timer__claim{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.ds-countdown-timer__badge{display:inline-flex;align-items:center;padding:var(--sp-2) var(--sp-3);border-radius:var(--rounded-full);font-size:var(--text-sm);font-weight:var(--font-bold);line-height:1;white-space:nowrap;color:rgb(var(--ds-countdown-badge-text, var(--color-button-text)));background-color:rgb(var(--ds-countdown-badge-background, var(--color-button-background)))}.ds-countdown-timer__headline{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1)}.ds-countdown-timer__title{margin:0;font-size:var(--text-xl);font-weight:600;line-height:1.3}.ds-countdown-timer__note{margin:0;font-size:var(--text-base);font-weight:var(--font-bold);line-height:1.375;color:rgb(var(--color-foreground) / .8)}.ds-countdown-timer__actions{display:flex;flex-direction:column;gap:var(--sp-5d5);justify-content:center}.ds-countdown-timer__timing{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2d5)}.ds-countdown-timer__label{margin:0;font-size:var(--text-sm);font-weight:600;line-height:1;letter-spacing:.08em;text-transform:uppercase}.ds-countdown-timer .countdown__timer{--countdown-gap: var(--sp-2);flex-wrap:wrap;justify-content:center;column-gap:var(--countdown-gap);row-gap:var(--countdown-gap)}.ds-countdown-timer .countdown__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-0d5);width:4.125rem;height:3.75rem;border-radius:.625rem;background-color:rgb(var(--color-foreground) / .3)}.ds-countdown-timer .countdown__item p{display:block;font-size:1.5rem;line-height:1.1}.ds-countdown-timer .countdown__item p:after{content:none}.ds-countdown-timer .countdown__item span{font-size:.6875rem;line-height:1.2;letter-spacing:.06em;color:rgb(var(--color-foreground) / .75)}.ds-countdown-timer .countdown__message{margin:0}@media screen and (min-width:1024px){.ds-countdown-timer-section .section{padding-block-start:var(--section-padding-top);padding-block-end:var(--section-padding-bottom)}.ds-countdown-timer{flex-direction:row;justify-content:space-between;gap:var(--sp-6);text-align:start}.ds-countdown-timer__claim,.ds-countdown-timer__actions{display:flex;flex-direction:row;align-items:center}.ds-countdown-timer__claim{gap:var(--sp-4)}.ds-countdown-timer__actions{flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;gap:var(--sp-5)}.ds-countdown-timer__headline,.ds-countdown-timer__timing{display:contents}.ds-countdown-timer__note:before{content:"\b7";margin-inline-end:var(--sp-4);font-size:var(--text-xl)}.ds-countdown-timer__title,.ds-countdown-timer__note{line-height:1.4;white-space:nowrap}.ds-countdown-timer .countdown__timer{flex-wrap:nowrap}.ds-countdown-timer .countdown__item p{font-size:1.75rem;font-weight:600}.ds-countdown-timer .countdown__item span{font-size:var(--text-xs)}}@media screen and (min-width:1024px)and (max-width:1279px){.ds-countdown-timer__badge,.ds-countdown-timer__label{font-size:var(--text-xs)}.ds-countdown-timer__title,.ds-countdown-timer__note:before{font-size:var(--text-lg)}.ds-countdown-timer__note{font-size:var(--text-sm)}.ds-countdown-timer .countdown__item p{font-size:1.5rem}.ds-countdown-timer .countdown__item span{font-size:var(--text-2xs)}}@media screen and (max-width:768px){.ds-countdown-timer__actions .button{width:fit-content;align-self:center}}.ds-countdown-timer--compact .countdown__item{flex-direction:row;align-items:baseline;border-radius:var(--sp-2)}.ds-countdown-timer--compact .countdown__timer .countdown__item p{font-weight:var(--font-bold)}.ds-countdown-timer--compact .countdown__item span{font-weight:600;letter-spacing:0;text-transform:none}@media screen and (max-width:1023px){.ds-countdown-timer-section .section:has(.ds-countdown-timer--compact){padding-block:.625rem}.ds-countdown-timer--compact{align-items:stretch;gap:.3625rem;text-align:start}.ds-countdown-timer--compact .ds-countdown-timer__claim{flex-direction:row;gap:var(--sp-2d5)}.ds-countdown-timer--compact .ds-countdown-timer__headline{align-items:flex-start}.ds-countdown-timer--compact .ds-countdown-timer__title{font-size:.9375rem;line-height:1.25rem}.ds-countdown-timer--compact .ds-countdown-timer__note{display:none}.ds-countdown-timer--compact .ds-countdown-timer__actions{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-2)}.ds-countdown-timer--compact .ds-countdown-timer__timing{flex-direction:row;gap:var(--sp-2)}.ds-countdown-timer--compact .ds-countdown-timer__label{font-size:.625rem;line-height:.75rem;letter-spacing:.06em}.ds-countdown-timer--compact .countdown__timer{--countdown-gap: .3125rem;flex-wrap:nowrap}.ds-countdown-timer--compact .countdown__item{gap:var(--sp-1);width:auto;min-width:3rem;height:2rem;padding:var(--sp-2) 0 0}.ds-countdown-timer--compact .countdown__item[data-empty]{display:none}.ds-countdown-timer--compact .countdown__item p{font-size:.9375rem;line-height:1.0625rem}.ds-countdown-timer--compact .countdown__item span{font-size:.625rem;line-height:.75rem}.ds-countdown-timer--compact .ds-countdown-timer__actions .button{align-self:auto;padding:.5625rem .875rem;font-size:.8125rem;line-height:1.125rem}.ds-countdown-timer--compact .ds-countdown-timer__actions .btn-text{gap:var(--sp-1)}}@media screen and (min-width:1024px){.ds-countdown-timer--compact .ds-countdown-timer__actions{gap:var(--sp-4)}.ds-countdown-timer--compact .ds-countdown-timer__label{font-size:var(--text-xs)}.ds-countdown-timer--compact .countdown__timer{--countdown-gap: var(--sp-1d5)}.ds-countdown-timer--compact .countdown__item{gap:var(--sp-1);width:auto;min-width:4.125rem;height:2.375rem;padding:.5625rem var(--sp-2) 0}.ds-countdown-timer--compact .countdown__item p{font-size:1.125rem;line-height:1.25rem}.ds-countdown-timer--compact .countdown__item span{font-size:var(--text-xs);line-height:.875rem}}@media screen and (max-width:1023px){.ds-countdown-timer--hide-seconds-mobile .countdown__item:nth-child(4){display:none}}@media screen and (max-width:1023px){.ds-countdown-timer--no-button .ds-countdown-timer__actions{align-self:stretch}.ds-countdown-timer--no-button .ds-countdown-timer__timing,.ds-countdown-timer--no-button .countdown__timer{flex-grow:1}.ds-countdown-timer--no-button .countdown__timer{align-self:stretch}.ds-countdown-timer--no-button .countdown__item{flex:1 1 0;width:auto}}@media screen and (max-width:1023px){.ds-countdown-timer--three-tiles-mobile .countdown__item[data-empty],.ds-countdown-timer--three-tiles-mobile .countdown__item:first-child:not([data-empty])~.countdown__item:nth-child(4){display:none}}.ds-countdown-timer--title-regular .ds-countdown-timer__title{font-weight:var(--font-normal)}
/*# sourceMappingURL=/cdn/shop/t/23/assets/ds-countdown-timer.css.map */