.countdown-overlay{padding-top:var(--section-padding-top);padding-bottom:var(--section-padding-bottom)}.co-banner{position:relative;width:100%;overflow:hidden;display:flex;flex-direction:column}.co-bg-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}.co-bg-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.co-bg-placeholder svg{width:100%;height:100%;object-fit:cover}.co-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(var(--overlay-rgba, 0,0,0),var(--overlay-opacity, .4));pointer-events:none;z-index:1}.co-inner{position:relative;z-index:2;display:flex;align-items:center;flex:1 1 auto;width:100%;padding:4rem 5rem;box-sizing:border-box;min-height:0}.co-inner.page-width{max-width:var(--page-width);margin-inline:auto;padding-inline:4rem}.co-inner--top{align-items:flex-start}.co-inner--middle{align-items:center}.co-inner--bottom{align-items:flex-end}.co-content{display:flex;flex-direction:column;gap:2rem;width:100%;color:var(--content-color, #ffffff)}.co-content--left{align-items:flex-start;text-align:left}.co-content--center{align-items:center;text-align:center}.co-content--right{align-items:flex-end;text-align:right}.co-heading{color:var(--content-color, #ffffff);margin:0}.co-subheading{color:var(--content-color, #ffffff);opacity:.75;margin:0;font-family:var(--font-body-family);font-weight:var(--font-normal);letter-spacing:.05em}.co-text{color:var(--content-color, #ffffff)}.co-text p{margin:0}.co-btn-wrap{display:flex}.co-timer-wrap{display:flex;flex-direction:column;align-items:inherit;gap:1.2rem}.co-expired-message{display:none;color:var(--content-color, #ffffff)}countdown-overlay-timer{display:inline-flex;align-items:flex-start;gap:0;padding:2.6rem 3.6rem;background-color:rgba(var(--countdown-bg-rgba, 26,26,26),var(--countdown-bg-opacity, .8));border-radius:1.2rem;box-sizing:border-box}countdown-overlay-timer.is-expired{display:none}countdown-overlay-timer.is-expired+.co-expired-message{display:block}.co-cd__unit{display:flex;flex-direction:column;align-items:center;gap:.8rem;flex:0 0 auto}.co-cd__digits{display:flex;gap:var(--digits-gap, .4rem)}.co-cd__card{display:flex;align-items:center;justify-content:center;background-color:var(--countdown-number-bg, #ffffff);border-radius:.8rem;box-sizing:border-box;position:relative;perspective:400px}.co-cd__card span{font-family:var(--font-heading-family);font-weight:var(--font-bold);color:var(--countdown-number-color, #111111);line-height:1;display:block}.co-countdown.has-flip-design .co-cd__card:before,.co-countdown.has-flip-design .co-cd__card:after{content:"";position:absolute;top:50%;border-radius:50%;background-color:rgb(var(--countdown-bg-rgba, 26, 26, 26));transform:translateY(-50%);z-index:3}.co-countdown.has-flip-design .co-cd__card:before{left:var(--notch-offset, -.3rem);width:var(--notch-size, .6rem);height:var(--notch-size, .6rem)}.co-countdown.has-flip-design .co-cd__card:after{right:var(--notch-offset, -.3rem);width:var(--notch-size, .6rem);height:var(--notch-size, .6rem)}.co-countdown.has-flip-design .co-cd__card span:after{content:"";position:absolute;left:0;right:0;top:50%;height:1.5px;background-color:#0000001f;transform:translateY(-50%);z-index:2;pointer-events:none}countdown-overlay-timer[data-animation=flip] .co-cd__card.is-changing span{animation:flipDigit .35s ease-out;transform-origin:center;backface-visibility:hidden}countdown-overlay-timer[data-animation=slide] .co-cd__card.is-changing span{animation:slideDigit .3s cubic-bezier(.25,1,.5,1)}countdown-overlay-timer[data-animation=fade] .co-cd__card.is-changing span{animation:fadeDigit .4s ease-out}@keyframes flipDigit{0%{transform:rotateX(-90deg);opacity:.3}to{transform:rotateX(0);opacity:1}}@keyframes slideDigit{0%{transform:translateY(-40%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeDigit{0%{opacity:0}to{opacity:1}}.co-cd__label{font-family:var(--font-heading-family);font-size:1.1rem;font-weight:var(--font-normal);letter-spacing:.18em;text-transform:uppercase;color:var(--countdown-label-color, #cccccc);white-space:nowrap;text-align:center}.co-cd__sep{flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--sep-gap, .8rem)}.co-cd__sep-dot{display:block;width:var(--dot-size, .6rem);height:var(--dot-size, .6rem);border-radius:50%;background-color:var(--countdown-sep-color, #ffffff);opacity:.8}countdown-overlay-timer.countdown--small{padding:1.8rem 2.4rem;border-radius:.8rem;--digits-gap: .35rem}countdown-overlay-timer.countdown--small .co-cd__card{width:3.2rem;height:5.6rem;border-radius:.6rem;--notch-size: .4rem;--notch-offset: -.2rem}countdown-overlay-timer.countdown--small .co-cd__card span{font-size:calc(var(--font-heading-scale) * 2.4rem)}countdown-overlay-timer.countdown--small .co-cd__sep{height:5.6rem;padding:0 1rem;--dot-size: .5rem;--sep-gap: .6rem}countdown-overlay-timer.countdown--small .co-cd__label{font-size:1rem;letter-spacing:.14em}countdown-overlay-timer.countdown--medium{padding:2.2rem 3rem;--digits-gap: .4rem}countdown-overlay-timer.countdown--medium .co-cd__card{width:4rem;height:7rem;border-radius:.8rem;--notch-size: .5rem;--notch-offset: -.25rem}countdown-overlay-timer.countdown--medium .co-cd__card span{font-size:calc(var(--font-heading-scale) * 3.2rem)}countdown-overlay-timer.countdown--medium .co-cd__sep{height:7rem;padding:0 1.4rem;--dot-size: .6rem;--sep-gap: .8rem}countdown-overlay-timer.countdown--large{padding:2.6rem 3.6rem;--digits-gap: .45rem}countdown-overlay-timer.countdown--large .co-cd__card{width:4.8rem;height:8.5rem;border-radius:1rem;--notch-size: .6rem;--notch-offset: -.3rem}countdown-overlay-timer.countdown--large .co-cd__card span{font-size:calc(var(--font-heading-scale) * 4.2rem)}countdown-overlay-timer.countdown--large .co-cd__sep{height:8.5rem;padding:0 1.8rem;--dot-size: .7rem;--sep-gap: 1rem}.co-bottom-bar{position:relative;z-index:2;width:100%;flex-shrink:0;padding:1.4rem 2rem;text-align:center;box-sizing:border-box}.co-bottom-bar__text{font-family:var(--font-heading-family);font-size:1.3rem;font-weight:var(--font-bold);letter-spacing:.15em;text-transform:uppercase;margin:0}@media screen and (min-width:750px)and (max-width:989px){.co-inner{padding:3rem 3.5rem}countdown-overlay-timer.countdown--large{padding:2.2rem 3rem}countdown-overlay-timer.countdown--large .co-cd__card{width:4rem;height:7rem;border-radius:.8rem;--notch-size: .5rem;--notch-offset: -.25rem}countdown-overlay-timer.countdown--large .co-cd__card span{font-size:calc(var(--font-heading-scale) * 3.4rem)}countdown-overlay-timer.countdown--large .co-cd__sep{height:7rem;padding:0 1.4rem;--dot-size: .6rem;--sep-gap: .8rem}}@media screen and (max-width:749px){.co-inner{padding:2.4rem 1.6rem}.co-content{gap:1.4rem}countdown-overlay-timer{padding:1.4rem 1.6rem!important;border-radius:.8rem;--digits-gap: .3rem}countdown-overlay-timer .co-cd__card{width:2.8rem!important;height:5rem!important;border-radius:.6rem;--notch-size: .4rem;--notch-offset: -.2rem}countdown-overlay-timer .co-cd__card span{font-size:calc(var(--font-heading-scale) * 2.2rem)!important}countdown-overlay-timer .co-cd__sep{height:5rem!important;padding:0 .8rem!important;--dot-size: .45rem;--sep-gap: .5rem}countdown-overlay-timer .co-cd__label{font-size:.9rem;letter-spacing:.1em}.co-bottom-bar{padding:1.2rem 1.6rem}.co-bottom-bar__text{font-size:1.1rem;letter-spacing:.1em}}@media screen and (max-width:480px){countdown-overlay-timer{padding:1.2rem!important;--digits-gap: .25rem}countdown-overlay-timer .co-cd__card{width:2.2rem!important;height:4rem!important;border-radius:.4rem;--notch-size: .3rem;--notch-offset: -.15rem}countdown-overlay-timer .co-cd__card span{font-size:calc(var(--font-heading-scale) * 1.7rem)!important}countdown-overlay-timer .co-cd__sep{height:4rem!important;padding:0 .6rem!important;--dot-size: .35rem;--sep-gap: .4rem}countdown-overlay-timer .co-cd__label{font-size:.75rem;letter-spacing:.06em}}.no-js countdown-overlay-timer{display:none}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-countdown-overlay.css.map */