.countdown{z-index:9;position:relative;display:flex;justify-content:center}.countdown.hide{visibility:hidden}.align-content--horizontal-left .countdown{justify-content:flex-start}html[dir=rtl] .align-content--horizontal-left .countdown{justify-content:flex-end}.align-content--horizontal-center .countdown{justify-content:center}.align-content--horizontal-right .countdown{justify-content:flex-end}html[dir=rtl] .align-content--horizontal-right .countdown{justify-content:flex-start}.countdown .time{display:flex}.countdown .time-holder{display:flex;flex-direction:column;text-align:center}.rich-text__container--countdown--compact .countdown .time-holder{margin:0}@media screen and (max-width: 1023px){.countdown .time-holder{margin-left:.625rem;margin-right:.625rem}}@media screen and (max-width: 474px){.countdown .time-holder{margin-left:.625rem;margin-right:.625rem}}.countdown .time-holder .time-data{display:flex;direction:ltr}.countdown .time-holder>span>span{width:2.6875rem;height:3.75rem;background:var(--main-background);display:flex;align-items:center;justify-content:center;margin-right:-.0625rem;border-radius:.375rem;font-size:3.625rem;font-weight:700}.rich-text__container--countdown--compact .countdown .time-holder>span>span{font-size:2rem;width:1.4375rem;height:2.5rem}@media screen and (max-width: 1023px){.countdown .time-holder>span>span{width:1.25rem;height:3.125rem;font-size:1.875rem}.rich-text__container--countdown--compact .countdown .time-holder>span>span{font-size:1.875rem}}@media screen and (max-width: 767px){.countdown .time-holder>span>span{width:1.25rem;height:2.5rem;font-size:1.75rem}.rich-text__container--countdown--compact .countdown .time-holder>span>span{font-size:1.75rem}}.countdown .time-separator{font-size:3.625rem;line-height:.9;padding:0 .625rem}.rich-text__container--countdown--compact .countdown .time-separator{font-size:2rem;line-height:1.1}@media screen and (max-width: 1023px){.countdown .time-separator{font-size:1.875rem;line-height:1.5}.rich-text__container--countdown--compact .countdown .time-separator{font-size:1.875rem}}@media screen and (max-width: 767px){.countdown .time-separator{font-size:1.75rem;line-height:1.3;padding:0 .3125rem}.rich-text__container--countdown--compact .countdown .time-separator{font-size:1.75rem;line-height:1.3}}.countdown .time-helper{opacity:.6;margin-top:.625rem;text-align:center;text-transform:uppercase}@media screen and (max-width: 767px){.countdown .time-helper{margin-top:0}}.rich-text__container--countdown--compact .countdown .time-helper{margin-top:0;font-size:.6875rem}@media screen and (max-width: 767px){.rich-text__container--has-countdown .rich-text__text{text-align:center;justify-content:center}}.rich-text__container--fullwidth.rich-text__container--has-countdown.rich-text__container--countdown-right .rich-text__countdown{padding-inline-end:calc((100vw - (var(--theme-max-width) - (var(--gutter-container)*2))) / 2)}@media screen and (max-width: 767px){.rich-text__container--fullwidth.rich-text__container--has-countdown.rich-text__container--countdown-right .rich-text__countdown{padding:var(--gutter-regular)}}.rich-text__container--fullwidth.rich-text__container--has-countdown.rich-text__container--countdown-left .rich-text__countdown{padding-inline-start:calc((100vw - (var(--theme-max-width) - (var(--gutter-container)*2))) / 2)}@media screen and (max-width: 767px){.rich-text__container--fullwidth.rich-text__container--has-countdown.rich-text__container--countdown-left .rich-text__countdown{padding:var(--gutter-regular)}}.rich-text__container--fullwidth.rich-text__container--has-countdown.rich-text__container--has-countdown-compact .rich-text__text{padding-top:var(--gutter-regular)!important;padding-bottom:var(--gutter-regular)!important}@media screen and (min-width: 768px){.rich-text__container--fullwidth.rich-text__container--has-countdown.rich-text__container--has-countdown-compact{grid-template-columns:1fr 1fr}}@media screen and (max-width: 767px){.rich-text__container--fullwidth.rich-text__container--has-countdown.rich-text__container--has-countdown-compact .rich-text__text{padding:var(--gutter-regular)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-countdown.css.map */