.announcement-bar{position:relative;background:var(--ann-bg, var(--ink-950));color:var(--ann-text, #fff);font-family:var(--font-body);z-index:var(--z-announcement);overflow:hidden;transition:height var(--dur-3) var(--ease-out),opacity var(--dur-3) var(--ease-out)}.announcement-bar[hidden]{display:none}.announcement-bar.is-dismissing{opacity:0}.announcement-bar--bordered{box-shadow:inset 0 -1px #ffffff1a}.announcement-bar__inner{display:grid;align-items:center;gap:var(--space-2);max-width:var(--container-wide);margin-inline:auto;padding-block:var(--ann-py, 11px);padding-inline:var(--gutter);min-height:calc(var(--ann-py, 11px) * 2 + 1.25em)}.announcement-bar__inner--center{grid-template-columns:1fr auto 1fr}.announcement-bar__inner--center .announcement-bar__viewport{grid-column:2}.announcement-bar__inner--center .announcement-bar__controls{grid-column:3;justify-self:end}.announcement-bar__inner--edge{grid-template-columns:1fr auto}.announcement-bar__inner--edge .announcement-bar__viewport{justify-content:flex-start}.announcement-bar__rail{min-width:0}.announcement-bar__viewport{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-1) var(--space-3);min-width:0}.announcement-bar__message{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:var(--ann-fs, 13px);line-height:1.2;letter-spacing:var(--ann-ls, .2px);font-weight:var(--fw-medium);color:inherit;white-space:nowrap}.announcement-bar--uppercase .announcement-bar__message{text-transform:uppercase;letter-spacing:max(var(--ann-ls, .2px),.07em);font-size:calc(var(--ann-fs, 13px) - 1px)}.announcement-bar__icon{flex:0 0 auto;width:16px;height:16px;display:inline-flex;color:var(--ann-accent, var(--aqua-300))}.announcement-bar__icon svg{width:100%;height:100%;display:block}.announcement-bar__text{color:inherit}.announcement-bar__link{position:relative;display:inline-flex;align-items:center;gap:4px;margin-inline-start:4px;color:var(--ann-accent, #fff);font-weight:var(--fw-semibold);text-decoration:none}.announcement-bar__link:after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:1px;background:currentColor;opacity:.85;transition:right var(--dur-2) var(--ease-out)}.announcement-bar__link:hover:after{right:14px}.announcement-bar__arrow{transition:transform var(--dur-2) var(--ease-out)}.announcement-bar__link:hover .announcement-bar__arrow{transform:translate(3px)}.announcement-bar__sep{flex:0 0 auto;width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.35}.announcement-bar--rotate .announcement-bar__viewport{display:grid;place-items:center;flex-wrap:nowrap}.announcement-bar--rotate .announcement-bar__inner--edge .announcement-bar__viewport{justify-items:start}.announcement-bar--rotate .announcement-bar__message{grid-area:1 / 1;opacity:0;transform:translateY(6px);transition:opacity var(--dur-3) var(--ease-out),transform var(--dur-3) var(--ease-out);pointer-events:none}.announcement-bar--rotate .announcement-bar__message.is-active{opacity:1;transform:none;pointer-events:auto}.announcement-bar--marquee .announcement-bar__viewport{display:block;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.announcement-bar__track{display:flex;align-items:center;gap:var(--space-4);width:max-content;animation:ann-marquee var(--marquee-duration, 40s) linear infinite}.announcement-bar--pause .announcement-bar__track:hover{animation-play-state:paused}@keyframes ann-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.announcement-bar__controls{display:inline-flex;align-items:center;gap:var(--space-1)}.announcement-bar__countdown{display:inline-flex;align-items:center;gap:8px;font-size:var(--ann-fs, 13px);font-weight:var(--fw-medium);white-space:nowrap}.announcement-bar__countdown-label{opacity:.85}.announcement-bar__timer{display:inline-flex;align-items:center;gap:3px;font-variant-numeric:tabular-nums;font-weight:var(--fw-semibold)}.announcement-bar__unit{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:3.2ch;padding:3px 7px;background:#ffffff1f;border-radius:var(--radius-xs);line-height:1}.announcement-bar__unit b{font-size:1.05em;font-weight:var(--fw-bold);letter-spacing:.02em}.announcement-bar__unit small{font-size:.62em;font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.06em;opacity:.68}.announcement-bar__dismiss{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;background:transparent;color:inherit;border-radius:var(--radius-pill);cursor:pointer;opacity:.7;transition:opacity var(--dur-2) var(--ease-out),background var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out)}.announcement-bar__dismiss:hover{opacity:1;background:#ffffff1f}.announcement-bar__dismiss:active{transform:scale(.92)}.announcement-bar__dismiss svg{width:15px;height:15px}.announcement-bar--promo{background:linear-gradient(100deg,var(--ann-bg) 0%,var(--ann-bg2, var(--ann-bg)) 100%);--ann-accent: #fff}.announcement-bar--promo.announcement-bar--bordered{box-shadow:inset 0 -1px #ffffff38}.announcement-bar--promo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.22) 50%,transparent 70%);background-size:240% 100%;animation:ann-sheen 7s linear infinite;pointer-events:none;z-index:0}.announcement-bar--promo .announcement-bar__inner{position:relative;z-index:1}@keyframes ann-sheen{0%{background-position:180% 0}to{background-position:-80% 0}}.announcement-bar--promo .announcement-bar__icon{color:#fff;width:17px;height:17px}.announcement-bar--promo .announcement-bar__icon svg{animation:ann-icon-pop 2.4s var(--ease-in-out) infinite;transform-origin:center}@keyframes ann-icon-pop{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.16) rotate(-5deg)}}.announcement-bar__text--chip{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-pill);background:#fff;color:var(--ann-bg, #0B0F14);font-weight:var(--fw-bold);letter-spacing:.02em;box-shadow:0 2px 12px #0000002e;animation:ann-chip-pulse 2.6s var(--ease-in-out) infinite}.announcement-bar--uppercase .announcement-bar__text--chip{letter-spacing:.06em}@keyframes ann-chip-pulse{0%,to{transform:scale(1);box-shadow:0 2px 12px #0000002e}50%{transform:scale(1.05);box-shadow:0 4px 18px #00000042}}.announcement-bar--promo .announcement-bar__sep{width:5px;height:5px;opacity:.6;background:#fff}.announcement-bar--promo.announcement-bar--has-countdown .announcement-bar__inner{display:flex;flex-direction:column;align-items:center;gap:7px}.announcement-bar--promo.announcement-bar--has-countdown .announcement-bar__viewport{width:100%}.announcement-bar--promo.announcement-bar--has-countdown .announcement-bar__controls{justify-content:center}.announcement-bar--promo .announcement-bar__dismiss{position:absolute;top:4px;right:6px;z-index:2}.announcement-bar--promo .announcement-bar__countdown{gap:10px;padding:5px 8px 5px 14px;border-radius:var(--radius-pill);background:#0b0f148c;box-shadow:inset 0 0 0 1px #ffffff24;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.announcement-bar--promo .announcement-bar__countdown-label{display:inline-flex;align-items:center;gap:6px;opacity:1;font-weight:var(--fw-semibold)}.announcement-bar--promo .announcement-bar__countdown-label:before{content:"";width:13px;height:13px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 2 4 14h6l-1 8 9-12h-6z'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 2 4 14h6l-1 8 9-12h-6z'/%3E%3C/svg%3E") center / contain no-repeat;animation:ann-bolt-flash 1.8s var(--ease-in-out) infinite}@keyframes ann-bolt-flash{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.announcement-bar--promo .announcement-bar__unit{background:#fff;color:var(--ann-bg, #0B0F14);min-width:3.4ch;box-shadow:0 2px 8px #0000002e}.announcement-bar--promo .announcement-bar__unit small{opacity:.6}.announcement-bar__unit.is-tick{animation:ann-tick .5s var(--ease-out)}@keyframes ann-tick{0%{transform:scale(1)}28%{transform:scale(1.16)}to{transform:scale(1)}}@media(max-width:749px){.announcement-bar__rail{display:none}.announcement-bar__inner{grid-template-columns:1fr auto;gap:var(--space-1)}.announcement-bar__inner--center .announcement-bar__viewport{grid-column:1}.announcement-bar__inner--center .announcement-bar__controls{grid-column:2}.announcement-bar__countdown,.announcement-bar--hide-mobile{display:none}.announcement-bar--promo.announcement-bar--has-countdown .announcement-bar__inner{grid-template-columns:none}.announcement-bar--promo .announcement-bar__countdown{display:inline-flex;padding:4px 6px 4px 12px;gap:8px}.announcement-bar--promo .announcement-bar__unit{min-width:3ch;padding:3px 6px}}@media(max-width:480px){.announcement-bar__message{font-size:calc(var(--ann-fs, 13px) - 1px)}.announcement-bar--promo .announcement-bar__countdown-label{display:none}}@media(prefers-reduced-motion:reduce){.announcement-bar--promo:before,.announcement-bar--promo .announcement-bar__icon svg,.announcement-bar__text--chip,.announcement-bar--promo .announcement-bar__countdown-label:before,.announcement-bar__unit.is-tick,.announcement-bar__track{animation:none!important}.announcement-bar__text--chip{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/component-announcement-bar.css.map */