.announcement-rotator{display:block;position:relative;z-index:4;background:var(--announcement-background);color:var(--announcement-color)}.announcement-rotator--divided{border-bottom:1px solid color-mix(in srgb,var(--announcement-color) 18%,transparent)}.announcement-rotator__inner{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;width:100%;max-width:1762px;min-height:calc((var(--announcement-padding) * 2) + 22px);margin-inline:auto;padding-inline:clamp(4px,1.5vw,24px)}.announcement-rotator__inner--static{grid-template-columns:minmax(0,1fr)}.announcement-rotator__viewport{display:grid;min-width:0;overflow:hidden;padding-block:var(--announcement-padding)}.announcement-rotator__message{grid-area:1 / 1;align-self:center;min-width:0;padding-inline:10px;color:inherit;font-size:var(--announcement-font-size);font-weight:500;line-height:1.35;letter-spacing:var(--announcement-letter-spacing);text-align:center;text-transform:var(--announcement-text-transform);opacity:0;visibility:hidden;transform:translateY(7px);transition:opacity .28s ease,transform .28s ease,visibility .28s ease}.announcement-rotator__message.is-active{opacity:1;visibility:visible;transform:translateY(0)}.announcement-rotator__message a{color:inherit;text-decoration:none;text-underline-offset:.18em}.announcement-rotator__message a:hover{text-decoration:underline}.announcement-rotator__message a:focus-visible,.announcement-rotator__control:focus-visible{outline:2px solid currentColor;outline-offset:2px}.announcement-rotator__control{display:grid;width:36px;height:36px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;opacity:.72;cursor:pointer;transition:background-color .18s ease,opacity .18s ease}.announcement-rotator__control:hover{background:color-mix(in srgb,currentColor 10%,transparent);opacity:1}.announcement-rotator__control svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}@media(max-width:749px){.announcement-rotator__inner{grid-template-columns:34px minmax(0,1fr) 34px;padding-inline:0}.announcement-rotator__inner--static{grid-template-columns:minmax(0,1fr)}.announcement-rotator__control{width:34px;height:34px}.announcement-rotator__message{padding-inline:6px}}@media(prefers-reduced-motion:reduce){.announcement-rotator__message,.announcement-rotator__control{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/15/compiled_assets/styles.css.map?subset=EA */