.announcement-bar{--announcement-bg-1: #FFF5EA;--announcement-bg-2: #FFDAE0;--announcement-bg-3: #FDFFE7;--announcement-bg-4: #FF99A9;--announcement-text-color: #000000;--countdown-bg-color: #000000;--countdown-text-color: #FFFFFF;--countdown-label-color: #FFFFFF;--announcement-padding: 12px 16px;--countdown-item-padding: 8px 12px;--countdown-border-radius: 4px;--font-size-text: 14px;--font-size-countdown: 16px;--font-size-label: 10px;--animation-duration: 15s;width:100%;position:relative;z-index:1000}.announcement-bar__container{background:linear-gradient(-45deg,var(--announcement-bg-1),var(--announcement-bg-2),var(--announcement-bg-3),var(--announcement-bg-4));background-size:400% 400%;animation:gradientAnimation var(--animation-duration) ease infinite;padding:var(--announcement-padding);display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;min-height:48px}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.announcement-bar__text{color:var(--announcement-text-color);font-size:var(--font-size-text);font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin:0;text-align:center}.announcement-bar__countdown{display:flex;align-items:center;gap:8px}.countdown-item{background-color:var(--countdown-bg-color);padding:var(--countdown-item-padding);border-radius:var(--countdown-border-radius);display:flex;flex-direction:column;align-items:center;min-width:40px;transition:transform .2s ease}.countdown-item:hover{transform:scale(1.05)}.countdown-time{color:var(--countdown-text-color);font-size:var(--font-size-countdown);font-weight:700;line-height:1;margin-bottom:2px;min-width:20px;text-align:center}.countdown-label{color:var(--countdown-label-color);font-size:var(--font-size-label);font-weight:600;line-height:1;text-transform:uppercase;letter-spacing:.5px}.countdown-separator{color:var(--announcement-text-color);font-size:var(--font-size-countdown);font-weight:700;margin:0 4px}.announcement-bar[data-sticky=true]{position:sticky;top:0;z-index:1001}.announcement-bar.is-hidden{transform:translateY(-100%);transition:transform .3s ease}.announcement-bar.is-visible{transform:translateY(0);transition:transform .3s ease}.announcement-bar.is-loading .countdown-time{opacity:.5}@media screen and (max-width: 768px){.announcement-bar{--font-size-text: 12px;--font-size-countdown: 14px;--font-size-label: 9px;--countdown-item-padding: 6px 8px;--announcement-padding: 8px 12px}.announcement-bar__container{gap:12px;flex-direction:column;padding:12px 16px}.announcement-bar__countdown{gap:6px}.countdown-separator{margin:0 2px}}@media screen and (max-width: 480px){.announcement-bar{--font-size-text: 11px;--font-size-countdown: 12px;--font-size-label: 8px;--countdown-item-padding: 4px 6px}.announcement-bar__container{gap:8px;padding:8px 12px}.countdown-item{min-width:32px}}@media (prefers-contrast: high){.countdown-item{border:2px solid var(--countdown-text-color)}.announcement-bar__container{border-bottom:1px solid var(--announcement-text-color)}}@media (prefers-reduced-motion: reduce){.announcement-bar__container{animation:none;background:var(--announcement-bg-1)}.countdown-item{transition:none}.countdown-item:hover{transform:none}}@media print{.announcement-bar{display:none}}.announcement-bar:focus-within{outline:2px solid var(--countdown-text-color);outline-offset:2px}@media (prefers-color-scheme: dark){.announcement-bar{--announcement-text-color: #FFFFFF;--countdown-bg-color: #FFFFFF;--countdown-text-color: #000000;--countdown-label-color: #666666}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/announcement-bar.css.map */