.hu-announcement{--hu-announcement-control: 1.5rem;position:relative;display:block;font-size:var(--hu-text-sm);line-height:var(--hu-lh-snug)}.hu-announcement__inner{display:flex;align-items:center;justify-content:center;gap:var(--hu-space-2);padding-block:var(--hu-announcement-pt, var(--hu-space-2)) var(--hu-announcement-pb, var(--hu-space-2))}.hu-announcement__item{display:flex;align-items:center;justify-content:center;text-align:center}.hu-announcement__content{display:inline-flex;align-items:center;justify-content:center;gap:var(--hu-space-2);color:inherit;text-decoration:none;overflow-wrap:anywhere}a.hu-announcement__content:hover span{text-decoration:underline;text-underline-offset:.25em}.hu-announcement__stage{display:grid;flex:1 1 auto;min-inline-size:0}.hu-announcement__stage>.hu-announcement__item{grid-area:1 / 1;transition:opacity var(--hu-dur-base) var(--hu-ease-standard),visibility var(--hu-dur-base) var(--hu-ease-standard)}.hu-announcement__stage>.hu-announcement__item:not(.is-active){opacity:0;visibility:hidden}.hu-announcement--static .hu-announcement__stage>.hu-announcement__item{transition:none}.hu-announcement__controls{display:flex;flex:none;align-items:center;gap:var(--hu-space-1)}.hu-announcement__btn{display:inline-flex;align-items:center;justify-content:center;inline-size:var(--hu-announcement-control);block-size:var(--hu-announcement-control);padding:0;border:0;border-radius:var(--hu-radius-full);background:transparent;color:inherit;cursor:pointer;transition:background-color var(--hu-dur-fast) var(--hu-ease-standard)}.hu-announcement__btn[hidden]{display:none}@media(hover:hover)and (pointer:fine){.hu-announcement__btn:hover{background:rgb(var(--hu-color-text-rgb) / .14)}}.hu-announcement__toggle .hu-announcement__icon-play,.hu-announcement__toggle[aria-pressed=true] .hu-announcement__icon-pause{display:none}.hu-announcement__toggle[aria-pressed=true] .hu-announcement__icon-play{display:inline-block}.hu-announcement__dismiss{position:absolute;inset-block-start:50%;inset-inline-end:var(--hu-space-2);display:inline-flex;align-items:center;justify-content:center;inline-size:var(--hu-announcement-control);block-size:var(--hu-announcement-control);padding:0;border:0;border-radius:var(--hu-radius-full);background:transparent;color:inherit;cursor:pointer;transform:translateY(-50%);transition:background-color var(--hu-dur-fast) var(--hu-ease-standard)}@media(hover:hover)and (pointer:fine){.hu-announcement__dismiss:hover{background:rgb(var(--hu-color-text-rgb) / .14)}}.hu-announcement--dismissible .hu-announcement__inner{padding-inline-end:calc(var(--hu-announcement-control) + var(--hu-space-3))}.hu-announcement__marquee{position:relative;padding-block:var(--hu-announcement-pt, var(--hu-space-2)) var(--hu-announcement-pb, var(--hu-space-2))}.hu-announcement--marquee .hu-marquee__group{align-items:center;justify-content:flex-start;gap:0;padding-inline-end:0}.hu-announcement--marquee .hu-announcement__item{flex:none;white-space:nowrap}.hu-announcement--marquee .hu-announcement__item:after{content:"";flex:none;inline-size:.25rem;block-size:.25rem;margin-inline:var(--hu-space-6);border-radius:var(--hu-radius-full);background:currentColor;opacity:.55}.hu-announcement__marquee>.hu-announcement__toggle{inset-block:0;margin-block:auto;inline-size:var(--hu-announcement-control);block-size:var(--hu-announcement-control);background:var(--hu-color-bg);color:inherit;box-shadow:0 0 .75rem .5rem var(--hu-color-bg)}.hu-announcement--dismissible .hu-announcement__marquee>.hu-announcement__toggle{inset-inline-end:calc(var(--hu-announcement-control) + var(--hu-space-4))}@media(hover:hover)and (pointer:fine){.hu-announcement__marquee>.hu-announcement__toggle:hover{background:color-mix(in srgb,var(--hu-color-bg) 86%,var(--hu-color-text))}}@media(prefers-reduced-motion:reduce){.hu-announcement__marquee>.hu-announcement__toggle,.hu-announcement__controls .hu-announcement__toggle{display:none}.hu-announcement--marquee .hu-announcement__item[aria-hidden=true]{display:none}.hu-announcement--marquee .hu-marquee__group{flex-wrap:wrap;justify-content:center;column-gap:var(--hu-space-8);inline-size:100%;min-inline-size:0}.hu-announcement--marquee .hu-announcement__item{white-space:normal}.hu-announcement--marquee .hu-announcement__item:after{display:none}}@media(forced-colors:active){.hu-announcement__btn,.hu-announcement__dismiss{border:1px solid ButtonText}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-announcement-bar.css.map */