:root{--announcement-bar-height: 31px}.announcement-bar-section.header__banner{position:fixed;top:0;right:0;left:0;z-index:1200;max-height:100px;overflow:hidden;opacity:1;transform:translateY(0);transition:transform .42s cubic-bezier(.22,1,.36,1);will-change:transform}.announcement-bar-section.header__banner.is-hidden{max-height:100px;min-height:0;padding-top:0;padding-bottom:0;opacity:1;transform:translateY(-100%)}header.header_new{top:0;transform:translateY(var(--announcement-bar-height));transition:transform .42s cubic-bezier(.22,1,.36,1);will-change:transform}header.header_new.announcement-bar-scrolled,body.announcement-bar-hidden header.header_new{transform:translateY(0)}header.header_new .header__main.sticky-enter,header.header_new .header__main.sticky-ready{top:0}.announcement-slider{display:block;position:relative;width:100%}.announcement-slider__slides,.announcement-bar,.announcement-bar__link{min-height:31px}.announcement-bar{display:grid;align-items:center}.announcement-bar[hidden]{display:none}.announcement-bar__link{display:grid;align-items:center;color:inherit;text-decoration:none}.announcement-bar__message{width:100%;max-width:calc(100% - 110px);margin:0 auto;padding:8px 10px;color:inherit;font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:11px;font-weight:700;line-height:15px;letter-spacing:0}.announcement-bar__message.left{text-align:left}.announcement-bar__message.center{text-align:center}.announcement-bar__message.right{text-align:right}.announcement-slider__button{position:absolute;top:0;z-index:1;display:grid;width:55px;height:100%;min-height:31px;padding:0;place-items:center;color:inherit;background:transparent;border:0;cursor:pointer}.announcement-slider__button--previous{left:0}.announcement-slider__button--next{right:0}.announcement-slider__button .icon{width:10px;height:6px}.announcement-slider__button--previous .icon{transform:rotate(90deg)}.announcement-slider__button--next .icon{transform:rotate(-90deg)}.announcement-slider__button--previous:hover .icon{transform:rotate(90deg) scale(1.1)}.announcement-slider__button--next:hover .icon{transform:rotate(-90deg) scale(1.1)}.announcement-slider__button:focus-visible{outline:2px solid currentColor;outline-offset:-4px}@media screen and (max-width:749px){.announcement-bar__message{max-width:calc(100% - 80px);padding-right:5px;padding-left:5px}.announcement-slider__button{width:40px}}@media(prefers-reduced-motion:reduce){.announcement-bar-section.header__banner,header.header_new{transition-duration:.01ms}}
/*# sourceMappingURL=/cdn/shop/t/67/compiled_assets/styles.css.map */
