.announcement-bar{--announcement-background:#ffe02e;--announcement-ink:#25200a;--announcement-badge-ink:#d20c32;background:var(--announcement-background);color:var(--announcement-ink);padding:4px max(16px, env(safe-area-inset-left));font-size:24px}.announcement-bar--pink{--announcement-background:#7337ff;--announcement-ink:#fff;--announcement-badge-ink:#7337ff}.announcement-bar--red{--announcement-background:#f72549;--announcement-ink:#300510;--announcement-badge-ink:#d20c32}.announcement-bar__content{min-height:44px;max-width:var(--storefront-content-max-width,1320px);font-family:var(--font-display,sans-serif);font-size:inherit;letter-spacing:.025em;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 24px;margin-inline:auto;line-height:1.1;display:flex}.announcement-bar__copy{text-align:center;min-width:0}.announcement-bar__message{text-transform:uppercase;overflow-wrap:anywhere;text-wrap:balance;margin:0;font-weight:850}.announcement-bar__subtitle{font:500 12px/1.3 var(--font-body,sans-serif);letter-spacing:0;overflow-wrap:anywhere;margin:2px 0 0}.announcement-bar__discount{min-height:44px;color:var(--announcement-badge-ink);letter-spacing:-.04em;font-variant-numeric:tabular-nums;background:#fff;border-radius:3px;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;padding:2px 14px 0;font-size:36px;font-weight:900;line-height:1;display:inline-flex}.announcement-bar__code{max-width:100%;min-height:36px;color:inherit;font:750 16px/1.1 var(--font-display,sans-serif);cursor:pointer;background:0 0;border:1px solid;border-radius:3px;justify-content:center;align-items:center;gap:6px;padding:5px 10px;display:inline-flex}.announcement-bar__code svg{flex-shrink:0;width:16px;height:16px}.announcement-bar__code span{overflow-wrap:anywhere;min-width:0}.announcement-bar__action{min-height:36px;color:inherit;text-transform:uppercase;text-underline-offset:3px;align-items:center;gap:5px;font-size:15px;font-weight:800;text-decoration:underline;display:inline-flex}.announcement-bar__code:enabled:hover{background:#ffffff38}.announcement-bar__action:hover{text-decoration-thickness:2px}.announcement-bar__code:focus-visible,.announcement-bar__action:focus-visible{outline-offset:3px;outline:2px solid}.announcement-bar__feedback:empty{display:none}.announcement-bar__feedback{font:500 12px/1.3 var(--font-body,sans-serif)}@media (max-width:560px){.announcement-bar{padding-block:6px;font-size:18px}.announcement-bar__content{gap:5px 12px}.announcement-bar__copy{flex:180px}.announcement-bar__discount{align-self:center;padding-inline:10px;font-size:30px}.announcement-bar__action{min-height:44px;font-size:14px}.announcement-bar__code{min-height:44px}}@media (pointer:coarse){.announcement-bar__action,.announcement-bar__code{min-height:44px}}