.programmable-countdown{--countdown-bg-color: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--countdown-text-color: #ffffff;--countdown-number-color: #ffffff;--countdown-label-color: rgba(255, 255, 255, .8);--countdown-border-radius: 12px;--countdown-padding: 2rem;--countdown-shadow: 0 10px 30px rgba(0, 0, 0, .2);--countdown-number-size: 2.5rem;--countdown-label-size: .875rem;--countdown-title-size: 1.5rem;--countdown-unit-bg: rgba(255, 255, 255, .1);--countdown-unit-border: 1px solid rgba(255, 255, 255, .2);--countdown-animation-duration: .3s;width:100%;margin:0 auto;animation:countdownFadeIn var(--countdown-animation-duration) ease-in-out}.countdown-container{background:var(--countdown-bg-color);padding:var(--countdown-padding);box-shadow:var(--countdown-shadow);text-align:center;color:var(--countdown-text-color);position:relative;overflow:hidden}.countdown-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:inherit;z-index:-1}.countdown-title{text-transform:uppercase;font-weight:700;color:#fff;margin:0 0 1.5rem;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.1)}.countdown-display{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.countdown-unit{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--countdown-unit-bg);border:var(--countdown-unit-border);border-radius:8px;padding:1rem .75rem;min-width:80px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--countdown-animation-duration) ease}.countdown-unit:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.countdown-number{font-size:var(--countdown-number-size);font-weight:800;line-height:1;color:var(--countdown-number-color);text-shadow:0 2px 4px rgba(0,0,0,.2);font-variant-numeric:tabular-nums;transition:all .2s ease}.countdown-label{font-size:var(--countdown-label-size);font-weight:500;color:var(--countdown-label-color);margin-top:.5rem;text-transform:uppercase;letter-spacing:.05em}.countdown-expired{text-align:center;padding:2rem}.expired-message{font-size:1.25rem;font-weight:600;margin:0;color:var(--countdown-text-color);opacity:.9}@keyframes countdownFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes numberPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.countdown-number.changing{animation:numberPulse .3s ease-in-out}@media (max-width: 768px){.programmable-countdown{--countdown-padding: 1.5rem;--countdown-number-size: 2rem;--countdown-title-size: 1.25rem}.countdown-display{gap:.75rem}.countdown-unit{min-width:70px;padding:.75rem .5rem}}@media (max-width: 480px){.programmable-countdown{--countdown-padding: 1rem;--countdown-number-size: 1.75rem;--countdown-title-size: 1.125rem;--countdown-label-size: .75rem}.countdown-display{gap:.5rem}.countdown-unit{min-width:60px;padding:.5rem .25rem}}.programmable-countdown.theme-dark{--countdown-bg-color: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);--countdown-text-color: #ecf0f1;--countdown-unit-bg: rgba(0, 0, 0, .2)}.programmable-countdown.theme-light{--countdown-bg-color: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);--countdown-text-color: #343a40;--countdown-number-color: #495057;--countdown-label-color: #6c757d;--countdown-unit-bg: rgba(255, 255, 255, .8);--countdown-unit-border: 1px solid rgba(0, 0, 0, .1);--countdown-shadow: 0 10px 30px rgba(0, 0, 0, .1)}.programmable-countdown.theme-red{--countdown-bg-color: linear-gradient(135deg, #bf290a 0%, #f43634 100%)}.programmable-countdown.theme-green{--countdown-bg-color: linear-gradient(135deg, #27ae60 0%, #229954 100%)}.programmable-countdown.theme-blue{--countdown-bg-color: linear-gradient(135deg, #3498db 0%, #2980b9 100%)}.programmable-countdown.theme-purple{--countdown-bg-color: linear-gradient(135deg, #9b59b6 0%, #8e44ad 100%)}.programmable-countdown.theme-orange{--countdown-bg-color: linear-gradient(135deg, #f39c12 0%, #e67e22 100%)}.programmable-countdown.size-small{--countdown-padding: 1rem;--countdown-number-size: 1.5rem;--countdown-title-size: 1rem;--countdown-label-size: .75rem}.programmable-countdown.size-large{--countdown-padding: 3rem;--countdown-number-size: 3.5rem;--countdown-title-size: 2rem;--countdown-label-size: 1rem}.programmable-countdown.urgent .countdown-number{animation:numberPulse 1s ease-in-out infinite;color:#fff}.programmable-countdown.minimal{--countdown-unit-bg: transparent;--countdown-unit-border: none;--countdown-shadow: none;--countdown-bg-color: transparent}.programmable-countdown.minimal .countdown-container{background:transparent;box-shadow:none}.programmable-countdown.fade-in{animation:countdownFadeIn .5s ease-out}.programmable-countdown.slide-up{animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (prefers-contrast: high){.programmable-countdown{--countdown-unit-border: 2px solid currentColor;--countdown-shadow: 0 0 0 2px currentColor}}@media (prefers-reduced-motion: reduce){.programmable-countdown,.countdown-unit,.countdown-number{animation:none!important;transition:none!important}}@media print{.programmable-countdown{background:none!important;color:#000!important;box-shadow:none!important}.countdown-container{border:2px solid black;background:none!important}.countdown-number,.countdown-label,.countdown-title{color:#000!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/programmable-countdown.css.map */