.countdown-timer{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;font-weight:700;text-align:center;position:relative;overflow:hidden}.countdown-timer:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,0,76,.1),transparent);animation:shimmer 3s infinite;pointer-events:none}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.countdown-timer-content{display:flex;align-items:center;justify-content:center;gap:1rem;position:relative;z-index:1;flex-wrap:wrap;width:100%;max-width:900px}.countdown-timer__text{font-size:1rem;font-weight:700;color:#fff;white-space:nowrap}.countdown-timer__emoji{font-size:1.5rem;margin-right:.5rem}.countdown-timer__numbers{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#ff004c33;padding:.5rem 1rem;border-radius:.5rem;border:2px solid #ff004c}.countdown-timer__unit{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:3rem}.countdown-timer__value{font-size:1.5rem;font-weight:900;line-height:1;color:#ff004c;font-variant-numeric:tabular-nums}.countdown-timer__label{font-size:.65rem;color:#fffc;text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}.countdown-timer__separator{font-size:1.5rem;font-weight:900;color:#ff004c;animation:pulse-separator 1s infinite}@keyframes pulse-separator{0%,to{opacity:1}50%{opacity:.5}}.countdown-timer__close{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:#fff3;border:none;color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .3s ease;z-index:2}.countdown-timer__close:hover{background:#ff004c80;transform:translateY(-50%) scale(1.1)}.countdown-timer--urgency{animation:urgency-pulse .6s infinite}@keyframes urgency-pulse{0%{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}50%{background:linear-gradient(135deg,#2d0000,#4d0000)}to{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}}.countdown-timer--urgency .countdown-timer__value{animation:blink-text .6s infinite}@keyframes blink-text{0%,to{opacity:1}50%{opacity:.6}}.countdown-timer--expired{background:linear-gradient(135deg,#666,#999);opacity:.6}.countdown-timer--fixed{position:fixed;top:0;left:0;right:0;z-index:9999;border-radius:0}.countdown-timer--fixed-bottom{position:fixed;bottom:0;left:0;right:0;z-index:9999;border-radius:0}.countdown-timer--banner{position:relative;z-index:auto;border-radius:.5rem;margin:1rem}@media(max-width:768px){.countdown-timer{gap:.75rem;padding:.75rem 1rem;flex-direction:column}.countdown-timer-content{gap:.75rem}.countdown-timer__text{font-size:.9rem}.countdown-timer__emoji{font-size:1.2rem}.countdown-timer__numbers{gap:.3rem;padding:.4rem .8rem;border-width:1.5px}.countdown-timer__unit{min-width:2.5rem}.countdown-timer__value{font-size:1.2rem}.countdown-timer__label{font-size:.6rem}.countdown-timer__separator{font-size:1.2rem}.countdown-timer__close{right:.75rem;width:28px;height:28px;font-size:1rem}}@media(max-width:480px){.countdown-timer{gap:.5rem;padding:.5rem .75rem}.countdown-timer__text{font-size:.8rem}.countdown-timer__emoji{font-size:1rem}.countdown-timer__numbers{gap:.2rem;padding:.3rem .6rem}.countdown-timer__unit{min-width:2.2rem}.countdown-timer__value{font-size:1rem}.countdown-timer__label{font-size:.55rem}.countdown-timer__separator{font-size:1rem}}.countdown-timer--red{background:linear-gradient(135deg,#c41e3a,red)}.countdown-timer--red .countdown-timer__numbers{background:#ff03;border-color:#ff0}.countdown-timer--red .countdown-timer__value,.countdown-timer--red .countdown-timer__separator{color:#ff0}.countdown-timer--dark{background:linear-gradient(135deg,#1a1a1a,#000)}.countdown-timer--dark .countdown-timer__numbers{background:#ff980033;border-color:#ff9800}.countdown-timer--dark .countdown-timer__value,.countdown-timer--dark .countdown-timer__separator{color:#ff9800}.countdown-timer--purple{background:linear-gradient(135deg,#581c87,#9333ea)}.countdown-timer--purple .countdown-timer__numbers{background:#fff3;border-color:#fffc}.countdown-timer--purple .countdown-timer__value,.countdown-timer--purple .countdown-timer__separator{color:#fff}
/*# sourceMappingURL=/cdn/shop/t/14/assets/countdown-timer.css.map */