.ht-announcement.ht-announcement-rotator{display:block;padding:0 16px}.ht-announcement-inner{display:flex;align-items:center;justify-content:center;max-width:920px;min-height:46px;margin-inline:auto}.ht-announcement-messages{display:grid;flex:1;min-width:0}.ht-announcement-message{grid-area:1 / 1;display:flex;align-items:center;justify-content:center;padding:10px 8px;opacity:0;visibility:hidden;transition:opacity .25s ease}.ht-announcement-message[data-active=true]{opacity:1;visibility:visible}.ht-announcement-message a{color:inherit;text-decoration:none;text-underline-offset:4px}.ht-announcement-message a:hover{text-decoration:underline}.ht-announcement-control{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:44px;padding:0;border:0;border-radius:2px;background:transparent;color:inherit;cursor:pointer}.ht-announcement-control:hover{background:#ffffff14}.ht-announcement-control[hidden],.ht-announcement-control svg[hidden]{display:none}.ht-announcement-toggle{opacity:.8}.ht-announcement-control:focus-visible,.ht-announcement-message a:focus-visible{outline:2px solid var(--ht-cream);outline-offset:-3px}@media(max-width:749px){.ht-announcement.ht-announcement-rotator{padding-inline:6px;font-size:14px;letter-spacing:0;line-height:1.4}.ht-announcement-inner{min-height:56px}.ht-announcement-message{padding:8px 4px}.ht-announcement-control{flex-basis:32px;width:32px}}@media(prefers-reduced-motion:reduce){.ht-announcement-message{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hair-temple-announcement.css.map */