.countdown-banner__link{display:block;text-decoration:none;color:inherit;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.countdown-banner__content{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;position:relative;z-index:2}.countdown-banner__timer{display:flex;align-items:center;gap:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative}.countdown-banner__shop-now-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:6;pointer-events:none;opacity:0;transition:opacity .5s ease-in-out}.countdown-banner__shop-now-overlay.visible{opacity:1}.countdown-banner__shop-now-text{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap;background:#0009;padding:4px 8px;border-radius:3px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media screen and (max-width: 768px){.countdown-banner{padding:10px 0}.countdown-banner__container{padding:0 40px 0 20px}.countdown-banner__close{right:10px;width:28px;height:28px}.countdown-banner__close svg{width:18px;height:18px}.countdown-banner__text{font-size:12px}.countdown-banner__timer{gap:4px}.countdown-banner__timer-number{font-size:24px;min-width:36px;padding:6px 8px}.countdown-banner__timer-label{font-size:9px}.countdown-banner__timer-separator{font-size:18px;padding:0 2px}.countdown-banner__ended{font-size:14px}.countdown-banner__shop-now-text{font-size:9px;padding:3px 6px}}@media screen and (max-width: 480px){.countdown-banner__timer-number{font-size:20px;min-width:32px;padding:5px 6px}.countdown-banner__timer-label{font-size:8px}.countdown-banner__timer-separator{font-size:16px}}.countdown-banner{position:relative;width:100%;padding:12px 0;z-index:1000;background-color:#000;color:#fff;text-align:center;box-shadow:0 2px 8px #0003}.countdown-banner--clickable{cursor:pointer}.countdown-banner__link{display:block;text-decoration:none;color:inherit;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;cursor:pointer}.countdown-banner__container{position:relative;display:flex;align-items:center;justify-content:center;padding:0 60px}.countdown-banner__close{position:absolute;top:50%;right:20px;transform:translateY(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .3s ease,transform .2s ease;z-index:10;text-decoration:none;pointer-events:auto}.countdown-banner__close:hover{opacity:.7;transform:translateY(-50%) scale(1.1)}.countdown-banner__close svg{width:20px;height:20px}.countdown-banner__content{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;position:relative;z-index:2;min-height:80px;pointer-events:none}.countdown-banner__text{font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px}.countdown-banner__timer-wrapper{display:flex;align-items:center;justify-content:center}.countdown-banner__timer{display:flex;align-items:center;gap:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;z-index:2;pointer-events:none}.countdown-banner__cta-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:4;overflow:visible;padding:0 60px;box-sizing:border-box}.countdown-banner__cta-overlay{position:absolute;z-index:5;pointer-events:none;opacity:0;transition:opacity .8s ease-in-out,transform .3s ease-out;will-change:opacity,transform}.countdown-banner__cta-overlay.visible{opacity:1;transform:translateY(0)}.countdown-banner__cta-overlay.fade-in{animation:ctaFadeIn .8s ease-out forwards}.countdown-banner__cta-overlay.fade-out{animation:ctaFadeOut .8s ease-in forwards}.countdown-banner__cta-text{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;white-space:nowrap;background:#000000b3;padding:4px 10px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 8px #0000004d;color:inherit;display:inline-block;transform:translateY(-5px)}@keyframes ctaFadeIn{0%{opacity:0;transform:translateY(-5px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ctaFadeOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(5px) scale(.9)}}.countdown-banner__timer-item{display:flex;flex-direction:column;align-items:center;gap:4px}.countdown-banner__timer-number{font-size:32px;font-weight:700;line-height:1;min-width:44px;text-align:center;background:#ffffff1a;padding:8px 12px;border-radius:6px;transition:all .3s ease;animation:pulse 2s ease-in-out infinite}.countdown-banner__timer-number.updated{animation:flip .6s ease}.countdown-banner__timer-label{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:1px;opacity:.8}.countdown-banner__timer-separator{font-size:24px;font-weight:700;opacity:.6;padding:0 4px;animation:blink 1s ease-in-out infinite}.countdown-banner__ended{font-size:18px;font-weight:600;text-transform:uppercase;letter-spacing:1px;opacity:.9}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes flip{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes blink{0%,to{opacity:.6}50%{opacity:1}}@media screen and (max-width: 768px){.countdown-banner{padding:10px 0}.countdown-banner__container{padding:0 40px 0 20px}.countdown-banner__close{right:10px;width:28px;height:28px}.countdown-banner__close svg{width:18px;height:18px}.countdown-banner__text{font-size:12px}.countdown-banner__timer{gap:4px}.countdown-banner__timer-number{font-size:24px;min-width:36px;padding:6px 8px}.countdown-banner__timer-label{font-size:9px}.countdown-banner__timer-separator{font-size:18px;padding:0 2px}.countdown-banner__ended{font-size:14px}.countdown-banner__cta-container{padding:0 40px 0 20px}.countdown-banner__cta-text{font-size:9px;padding:3px 6px}}@media screen and (max-width: 480px){.countdown-banner__timer-number{font-size:20px;min-width:32px;padding:5px 6px}.countdown-banner__timer-label{font-size:8px}.countdown-banner__timer-separator{font-size:16px}.countdown-banner__cta-container{padding:0 20px}.countdown-banner__cta-text{font-size:8px;padding:2px 5px}}
/*# sourceMappingURL=/cdn/shop/t/196/compiled_assets/styles.css.map */