.section__container:has(.countdown-section){display:flex;padding:0;container-type:size;container-name:countdown-container}.section__container:has(.countdown-section) animated-stages{width:100%}.section__container.container-full:has(.countdown-section){--page-width-spacing: 0px}.section:has(.section__container.container-full) .countdown-section{max-width:var(--page-width-fixed);margin-inline:auto}.section__container.container-fixed:has(.countdown-section),.section__wrapper:has(.section__container.container-fixed .countdown-section),.section__wrapper:has(.section__container.container-fixed .countdown-section) .section__background-media{border-radius:var(--border-radius-size-5);overflow:hidden}.section__container:has(.countdown-section){--countdown-height: var(--countdown-height-mobile);position:relative;height:var(--countdown-height)}.section__container:has(.countdown-section--fullheight){--countdown-height-mobile: 200px;--countdown-height-tablet: 300px;--countdown-height-desktop: 300px;--countdown-max-height: 100vh;--countdown-height: max(var(--countdown-height-mobile), var(--countdown-max-height))}.section__container:has(.countdown-section--under-header){--header-wrapper-height: calc(var(--header-height) + var(--header-top-height));--countdown-max-height: calc(100vh - var(--header-height) - var(--section-spacing-top-mobile))}@media screen and (min-width:577px){.section__container:has(.countdown-section){--countdown-height: var(--countdown-height-tablet)}.section__container:has(.countdown-section--fullheight){--countdown-height: max(var(--countdown-height-tablet), var(--countdown-max-height))}.section__container:has(.countdown-section--under-header){--countdown-max-height: calc(100vh - var(--header-wrapper-height, 0px) - var(--section-spacing-top))}}@media screen and (min-width:1025px){.section__container:has(.countdown-section){--countdown-height: var(--countdown-height-desktop)}.section__container:has(.countdown-section--fullheight){--countdown-height: max(var(--countdown-height-desktop), var(--countdown-max-height))}}.countdown-section{position:relative;height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:60px;overflow:hidden}.countdown-section__content{--top-spacing: var(--content-top-spacing-mobile);position:relative;width:100%;flex:1;overflow:hidden}.countdown-section__content-wrapper{position:absolute;left:0;top:0;height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between;gap:30px;overflow:hidden}.countdown-section__headings-top{position:absolute;display:flex;flex-direction:column;gap:30px;top:var(--top-spacing);left:0;width:100%;transform:translateY(calc(-1 * var(--top-spacing)))}@media screen and (min-width:577px){.countdown-section__content-wrapper{gap:50px}.countdown-section__headings-top{--top-spacing: var(--content-top-spacing-tablet)}}@media screen and (min-width:1025px){.countdown-section__content-wrapper{left:var(--content-start-spacing);width:var(--content-width);transform:translate(calc(-1 * var(--content-start-spacing)))}.countdown-section__link+.countdown-section__content-wrapper{z-index:var(--layer-flat);pointer-events:none}.countdown-section__link+.countdown-section__content-wrapper .countdown-section__buttons{width:fit-content;pointer-events:all}.countdown-section__headings-top{--top-spacing: var(--content-top-spacing-desktop)}}.section__wrapper:has(.countdown-section),.section:has(.section__container.container-full .countdown-section){margin-top:var(--section-spacing-top-mobile);margin-bottom:var(--section-spacing-bottom-mobile)}.countdown-section-wrapper{padding:30px}.countdown-section-wrapper,.countdown-section-wrapper animated-stages{width:100%;height:100%}@media(min-width:577px){.section__wrapper:has(.countdown-section),.section:has(.section__container.container-full .countdown-section){margin-top:var(--section-spacing-top);margin-bottom:var(--section-spacing-bottom)}.countdown-section-wrapper{padding:60px}@container countdown-container (height < 631px){.countdown-section-wrapper{padding:50px}}}@media(min-width:769px){.countdown-section-wrapper{padding:100px}@container countdown-container (height < 631px){.countdown-section-wrapper{padding:50px}}}@media(max-width:576px){.countdown-section.mobile-to-center{margin-inline:auto;align-items:center}.countdown-section.mobile-to-center .countdown-timer,.countdown-section.desktop-to-center .countdown-section__buttons{justify-content:center}.countdown-section.mobile-to-center .countdown-section__content-wrapper{align-items:center;text-align:center}.countdown-section.mobile-to-center .countdown-section__buttons{margin-inline:auto}.countdown-section.countdown-section.mobile-to-right{align-items:flex-end}.countdown-section.mobile-to-right .countdown-timer,.countdown-section.desktop-to-right .countdown-section__buttons{justify-content:flex-end}.countdown-section.mobile-to-right .countdown-section__content-wrapper{align-items:flex-end;text-align:end}.countdown-section.mobile-to-right .countdown-section__buttons{margin-inline-start:auto}}@media(min-width:577px){.countdown-section.desktop-to-center{margin-inline:auto;align-items:center}.countdown-section.desktop-to-center .countdown-timer,.countdown-section.desktop-to-center .countdown-section__buttons{justify-content:center}.countdown-section.desktop-to-center .countdown-section__content-wrapper{align-items:center;text-align:center}.countdown-section.desktop-to-center .countdown-section__buttons{margin-inline:auto}.countdown-section.countdown-section.desktop-to-right{align-items:flex-end}.countdown-section.desktop-to-right .countdown-timer,.countdown-section.desktop-to-right .countdown-section__buttons{justify-content:flex-end}.countdown-section.desktop-to-right .countdown-section__content-wrapper{align-items:flex-end;text-align:end}.countdown-section.desktop-to-right .countdown-section__buttons{margin-inline-start:auto}}.countdown-section__logo .media{width:var(--logo-width-mobile, fit-content);max-width:100%}.countdown-section__logo .media :is(div,img,svg){display:block;height:100%;width:100%;object-fit:cover}.countdown-section__logo .placeholder-svg{aspect-ratio:1}@media screen and (min-width:1025px){.countdown-section__logo .media{width:var(--logo-width, fit-content)}}.countdown-section__content{display:flex;flex-direction:column;gap:30px}.countdown-section--center .countdown-section__content{align-items:center}.countdown-section .header-group__heading{font-size:var(--heading-font-size-mobile);color:var(--heading-group-heading-color);transition:color var(--duration-default) var(--transition-primary)}.countdown-section .countdown-section__link{z-index:var(--layer-flat)}.countdown-section:has(.countdown-section__link) .countdown-timer__headings{z-index:var(--layer-flat);cursor:pointer}.countdown-section:not(:has(.countdown-section__link)) .header-group__heading>.link-animated--heading{background-image:none}.countdown-section .header-group__subtitle{font-size:var(--subheading-font-size);color:var(--heading-group-subheading-color);transition:color var(--duration-default) var(--transition-primary)}.countdown-section .header-group__description{color:var(--heading-group-description-color);transition:color var(--duration-default) var(--transition-primary)}.countdown-section .header-group__description *{color:currentColor}@media(min-width:577px){.countdown-section .header-group__heading{font-size:var(--heading-font-size-tablet)}}@media(min-width:1025px){.countdown-section .header-group__heading{font-size:var(--heading-font-size)}}@media screen and (min-width:1025px){.countdown-section:has(.countdown-section__link) .countdown-timer__headings:hover .header-group__heading{color:var(--heading-group-heading-color-hover, var(--heading-group-heading-color))}.countdown-section:has(.countdown-section__link) .countdown-timer__headings:hover .header-group__subtitle{color:var(--heading-group-subheading-color-hover, var(--heading-group-subheading-color))}.countdown-section:has(.countdown-section__link) .countdown-timer__headings:hover .header-group__description{color:var(--heading-group-description-color-hover, var(--heading-group-description-color))}}.countdown-section__buttons{display:flex;flex-wrap:wrap;gap:14px}@media(max-width:576px){.countdown-section__button,.countdown-section__button .button{width:100%}}.countdown-section__headings-wrapper,.countdown-timer__headings{display:flex;flex-direction:column;grid-gap:30px}.countdown-timer__headings{grid-gap:10px}.countdown-timer{display:flex;flex-wrap:wrap;column-gap:12px;row-gap:5px;align-items:baseline}.countdown-timer__item{position:relative;display:flex;flex-direction:column;align-items:center}.countdown-timer__item:not(:last-child):after{content:"";position:absolute;right:-9px;top:calc(50% - 11px);width:6px;height:22px;background-image:radial-gradient(circle,rgba(var(--color-base-rgb),.3) 3.1px,transparent 3.1px),radial-gradient(circle,rgba(var(--color-base-rgb),.3) 3.1px,transparent 3.1px);background-position:top center,bottom center;background-repeat:no-repeat;background-size:6px 6px}.countdown-timer__number{position:relative;width:2.2ch;height:50px;font-size:42px;font-weight:900;line-height:50px;overflow:hidden;display:flex;justify-content:center;align-items:center;text-align:center;-webkit-font-smoothing:antialiased;transform:translateZ(0);font-variant-numeric:tabular-nums}.countdown-timer__label{--text-size-h4: calc(var(--font-heading-small-scale) * 13px);--text-size-h4-mobile: calc(var(--font-heading-small-scale-mobile) * 13px);white-space:nowrap}@media screen and (min-width:420px){.countdown-timer{column-gap:18px}.countdown-timer__item:not(:last-child):after{right:-12px}.countdown-timer__number{height:56px;font-size:48px;line-height:56px}.countdown-timer__label{--text-size-h4: calc(var(--font-heading-small-scale) * 15px);--text-size-h4-mobile: calc(var(--font-heading-small-scale-mobile) * 15px)}}@media screen and (min-width:577px){.countdown-timer{column-gap:14px;row-gap:10px}.countdown-timer__number{height:76px;font-size:64px;line-height:76px}}@media screen and (min-width:640px){.countdown-timer{column-gap:18px;row-gap:10px}.countdown-timer__number{height:76px;font-size:64px;line-height:76px}}@media screen and (min-width:992px){.countdown-timer{column-gap:34px}.countdown-timer__item:not(:last-child):after{right:-23px;top:calc(50% - 18px);width:10px;height:36px;background-image:radial-gradient(circle,rgba(var(--color-base-rgb),.3) 5.1px,transparent 5.1px),radial-gradient(circle,rgba(var(--color-base-rgb),.3) 5.1px,transparent 5.1px);background-size:10px 10px}.countdown-timer__number{height:115px;font-size:96px;line-height:115px}}.countdown-timer .countdown-value{position:absolute;left:0;right:0;margin:auto;text-align:center;width:100%}.countdown-timer .countdown-value--next{opacity:0;visibility:hidden}.countdown-timer .countdown-value--in,.countdown-value--out{visibility:visible}.countdown-timer .countdown-value--current{opacity:1;visibility:visible}.countdown-timer--animate-slide .countdown-value--out{animation:numberSlideUpOut .7s cubic-bezier(.65,0,.35,1) forwards}.countdown-timer--animate-slide .countdown-value--in{animation:numberSlideUpIn .7s cubic-bezier(.65,0,.35,1) forwards}@keyframes numberSlideUpOut{0%{transform:translateZ(0);opacity:1}to{transform:translate3d(0,-100%,0);opacity:0}}@keyframes numberSlideUpIn{0%{transform:translate3d(0,100%,0);opacity:0}to{transform:translateZ(0);opacity:1}}.countdown-timer--animate-zoom .countdown-timer__number{overflow:visible}.countdown-timer--animate-zoom .countdown-value--out{animation:numberZoomOut .6s cubic-bezier(.4,0,.2,1) forwards}.countdown-timer--animate-zoom .countdown-value--in{animation:numberZoomIn .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes numberZoomOut{0%{transform:scale(1);opacity:1;filter:blur(0)}to{transform:scale(1.3);opacity:0;filter:blur(3px)}}@keyframes numberZoomIn{0%{transform:scale(.8);opacity:0;filter:blur(3px)}to{transform:scale(1);opacity:1;filter:blur(0)}}.countdown-timer--animate-pop .countdown-value--out{animation:numberPopOut .5s cubic-bezier(.68,-.55,.265,1.55) forwards}.countdown-timer--animate-pop .countdown-value--in{animation:numberPopIn .5s cubic-bezier(.68,-.55,.265,1.55) forwards}@keyframes numberPopOut{0%{transform:scale(1) rotate(0);opacity:1}to{transform:scale(0) rotate(-180deg);opacity:0}}@keyframes numberPopIn{0%{transform:scale(0) rotate(180deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.countdown-timer--animate-flip .countdown-timer__number{perspective:1000px}.countdown-timer--animate-flip .countdown-value--out{animation:numberFlipOut .7s cubic-bezier(.4,0,.2,1) forwards;transform-origin:50% 100%}.countdown-timer--animate-flip .countdown-value--in{animation:numberFlipIn .7s cubic-bezier(.4,0,.2,1) forwards;transform-origin:50% 0%}@keyframes numberFlipOut{0%{transform:rotateX(0);opacity:1}to{transform:rotateX(-90deg);opacity:0}}@keyframes numberFlipIn{0%{transform:rotateX(90deg);opacity:0}to{transform:rotateX(0);opacity:1}}.countdown-timer--animate-side .countdown-value--out{animation:numberSideOut .8s cubic-bezier(.76,0,.24,1) forwards}.countdown-timer--animate-side .countdown-value--in{animation:numberSideIn .8s cubic-bezier(.76,0,.24,1) forwards}@keyframes numberSideOut{0%{transform:translateZ(0);opacity:1}to{transform:translate3d(100%,0,0);opacity:0}}@keyframes numberSideIn{0%{transform:translate3d(-100%,0,0);opacity:0}to{transform:translateZ(0);opacity:1}}shopify-visual-preview-section-list-item .section:has(.countdown-section){--overlay-opacity: 60%;--color-base: #ffffff;--color-base-rgb: 255, 255, 255}shopify-visual-preview-section-list-item .section:has(.countdown-section) .section__container{--countdown-height-mobile: 870px;--countdown-height-tablet: 870px;--countdown-height-desktop: 870px}shopify-visual-preview-section-list-item .countdown-section__content-wrapper{width:100%}
/*# sourceMappingURL=/cdn/shop/t/22/assets/component-countdown-timer-section.css.map */