.announcement{--announcement-bg: var(--color-background);--announcement-fg: var(--color-ink);--announcement-line: var(--color-line);display:block;background-color:var(--announcement-bg);color:var(--announcement-fg);border-bottom:var(--border-width) solid var(--announcement-line)}.announcement--ink{--announcement-bg: var(--color-dark-background);--announcement-fg: var(--color-dark-text);--announcement-line: transparent}.announcement--accent{--announcement-bg: var(--color-accent);--announcement-fg: var(--color-accent-contrast);--announcement-line: transparent}.announcement[hidden]{display:none}.announcement__inner{display:flex;align-items:center;gap:var(--space-3xs);min-height:2.5rem}.announcement__track{flex:1;display:grid;min-width:0}.announcement__message{grid-area:1 / 1;display:flex;align-items:center;justify-content:center;gap:var(--space-2xs);min-height:var(--tap-target);margin:0;padding-inline:var(--space-2xs);font-family:var(--font-mono-family);font-size:var(--text-xs);letter-spacing:var(--tracking-mono);text-transform:uppercase;text-align:center;line-height:1.4;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity var(--duration) var(--ease-out),transform var(--duration) var(--ease-out),visibility 0s linear var(--duration)}.announcement__message.is-active{opacity:1;visibility:visible;transform:none;transition-delay:0s}.announcement__message:before{content:"//";flex:none;color:var(--announcement-marker, var(--color-accent-text))}.announcement--accent,.announcement--ink{--announcement-marker: currentColor}.announcement__message strong{font-weight:var(--font-mono-weight);color:inherit;border-bottom:1px solid currentColor}.announcement--outline .announcement__message strong{color:var(--color-accent);border-color:currentColor}.announcement__icon{flex:none;width:1.125rem;height:1.125rem}.announcement__link{display:inline-flex;align-items:center;gap:.5em;min-height:var(--tap-target);color:inherit;text-decoration:none}.announcement__link:hover{color:inherit}.announcement__arrow{width:.95rem;height:.95rem;transition:transform var(--duration) var(--ease-out)}.announcement__link:hover .announcement__arrow{transform:translate(3px)}.announcement__nav,.announcement__dismiss{flex:none;color:inherit}.announcement__nav svg,.announcement__dismiss svg{width:1rem;height:1rem}.announcement :focus-visible{outline-color:currentColor}@media(min-width:750px){.announcement__nav{opacity:.6;transition:opacity var(--duration-fast) ease}.announcement__nav:hover,.announcement__nav:focus-visible{opacity:1}}.recommendations{display:block;min-block-size:1px}
/*# sourceMappingURL=/cdn/shop/t/5/compiled_assets/styles.css.map */
