.custom-announcement-bar{width:100%;height:var(--announcement-height);min-height:var(--announcement-height);background:var(--announcement-bg);color:var(--announcement-text);position:relative;z-index:999;overflow:hidden;margin:0;padding:0;box-sizing:border-box}.custom-announcement-bar__viewport{width:100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box}.custom-announcement-bar__track{width:100%;height:100%;position:relative;overflow:hidden}.custom-announcement-bar__item{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:var(--announcement-alignment);padding:0 50px;box-sizing:border-box;opacity:0;visibility:hidden;transform:translateY(100%);transition:transform .55s cubic-bezier(.4,0,.2,1),opacity .55s ease,visibility .55s ease;pointer-events:none}.custom-announcement-bar__item.is-active{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;z-index:2}.custom-announcement-bar__text{display:block;margin:0;padding:0;color:var(--announcement-text);font-size:var(--announcement-font-size);font-weight:var(--announcement-font-weight);letter-spacing:var(--announcement-letter-spacing);line-height:1.2;text-align:var(--announcement-alignment);text-transform:var(--announcement-transform);white-space:nowrap;box-sizing:border-box}.custom-announcement-bar__link{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:5}.custom-announcement-bar__close{position:absolute;top:50%;right:10px;transform:translateY(-50%);width:26px;height:26px;margin:0;padding:0;border:0;background:transparent;color:var(--announcement-text);font-size:21px;font-weight:300;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20}@media screen and (max-width:749px){.custom-announcement-bar__item{padding:0 35px}.custom-announcement-bar__text{font-size:max(9px,calc(var(--announcement-font-size) - 1px));letter-spacing:calc(var(--announcement-letter-spacing) * .8);white-space:normal;text-align:center;line-height:1.2}}@media screen and (max-width:380px){.custom-announcement-bar__item{padding:0 28px}.custom-announcement-bar__text{font-size:9px}}@media(prefers-reduced-motion:reduce){.custom-announcement-bar__item{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/announcement-bar.css.map */