.announcement-bar{background:var(--announcement-bg, var(--brand-700));color:var(--announcement-text, var(--text-inverse));position:-webkit-sticky;position:sticky;top:0;z-index:202;width:100%;transition:transform .3s ease-out,opacity .3s ease-out;overflow:hidden;border-bottom:1px solid rgba(0,0,0,.08)}.announcement-bar--hidden{transform:translateY(-100%);opacity:0}.announcement-bar--dismissed{display:none}.announcement-bar__container{position:relative;max-width:var(--page-width);margin:0 auto;padding:0 var(--page-margin);height:var(--announcement-height, 44px);display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.announcement-bar__messages{position:relative;flex:1;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.announcement-bar__message{position:absolute;top:0;left:0;right:0;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease-smooth),transform .5s var(--ease-smooth);pointer-events:none}.announcement-bar__message[data-active=true]{opacity:1;transform:translateY(0);pointer-events:auto;z-index:1}.announcement-bar__content{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:center;max-width:100%}.announcement-bar__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.95}.announcement-bar__icon svg{width:18px;height:18px;stroke-width:2;transition:var(--transition-transform)}.announcement-bar__message[data-active=true] .announcement-bar__icon svg{animation:icon-bounce .6s var(--ease-bounce) .2s}@keyframes icon-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.announcement-bar__text{font-size:var(--font-size-text-sm);font-weight:var(--font-weight-medium);line-height:1.4;text-align:center;letter-spacing:.01em}.announcement-bar__countdown{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-text-sm);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-2-5);background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:4px 6px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);white-space:nowrap;transition:var(--transition-colors)}.announcement-bar__countdown:hover{background:#fff3}.announcement-bar__countdown-label{opacity:.9;font-weight:var(--font-weight-medium)}.announcement-bar__countdown-timer{font-variant-numeric:tabular-nums;letter-spacing:.5px;font-weight:var(--font-weight-semibold);font-family:var(--font-mono, ui-monospace, "SF Mono", monospace)}.announcement-bar__cta{display:inline-flex;align-items:center;gap:var(--space-1-5);padding:var(--space-1-5) var(--space-3);background:#fff3;color:inherit;text-decoration:none;font-size:var(--font-size-text-sm);font-weight:var(--font-weight-semibold);border-radius:6px 8px;transition:all .2s var(--ease-smooth);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);white-space:nowrap;position:relative;overflow:hidden}.announcement-bar__cta:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.announcement-bar__cta:hover{background:#ffffff4d;transform:translateY(-1px);box-shadow:0 2px 8px #00000026;border-color:#fff6}.announcement-bar__cta:hover:before{opacity:1}.announcement-bar__cta:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px;border-radius:6px 8px}.announcement-bar__cta:active{transform:translateY(0)}.announcement-bar__cta-arrow{transition:transform .3s var(--ease-smooth);font-size:1.1em;line-height:1}.announcement-bar__cta:hover .announcement-bar__cta-arrow{transform:translate(3px)}[data-theme=dark] .announcement-bar{border-bottom:1px solid rgba(0,0,0,.3);box-shadow:0 2px 8px #0003}[data-theme=dark] .announcement-bar__cta,[data-theme=dark] .announcement-bar__countdown{background:#0003;border-color:#0000004d}[data-theme=dark] .announcement-bar__cta:hover{background:#00000059;border-color:#0006}[data-theme=dark] .announcement-bar__countdown:hover{background:#0000004d}@media screen and (max-width: 1024px){.announcement-bar__container{gap:var(--space-3)}.announcement-bar__content{gap:var(--space-2-5)}}@media screen and (max-width: 768px){.announcement-bar__container{padding:0 var(--space-4);gap:var(--space-2)}.announcement-bar__content{gap:var(--space-2)}.announcement-bar__text{font-size:var(--font-size-text-xs)}.announcement-bar__cta{padding:var(--space-1) var(--space-2);font-size:var(--font-size-text-xs);gap:var(--space-1)}.announcement-bar__countdown{font-size:var(--font-size-text-xs);padding:var(--space-0-5) var(--space-1-5);gap:var(--space-1)}.announcement-bar__icon svg{width:16px;height:16px}}@media screen and (max-width: 480px){.announcement-bar__container{padding:var(--space-0-5) var(--space-2);min-height:36px;height:auto}.announcement-bar__messages{position:relative;height:auto;min-height:36px}.announcement-bar__message{position:relative;display:none}.announcement-bar__message[data-active=true]{display:flex}.announcement-bar__content{gap:var(--space-1);flex-wrap:wrap}.announcement-bar__text{font-size:var(--font-size-text-xs);max-width:100%;overflow:visible;white-space:normal;text-align:center;line-height:1.3}.announcement-bar__countdown{font-size:10px;padding:var(--space-0-5) var(--space-1)}}.announcement-bar__cta:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}[data-theme=dark] .announcement-bar__cta:focus-visible{outline-color:#fff9}@media (prefers-contrast: high){.announcement-bar{border-bottom-width:2px}.announcement-bar__cta,.announcement-bar__countdown{border-width:2px}.announcement-bar__cta:hover{outline:2px solid currentColor;outline-offset:1px}}@media (prefers-reduced-motion: reduce){.announcement-bar,.announcement-bar__message,.announcement-bar__cta,.announcement-bar__cta-arrow,.announcement-bar__icon svg{transition:none!important;animation:none!important}.announcement-bar__message{transition:opacity .3s ease!important}}@media print{.announcement-bar{display:none}}.announcement-bar+.site-header{top:0}:root{--announcement-bar-height: 0px}
/*# sourceMappingURL=/cdn/shop/t/35/assets/component-announcement-bar.css.map */