.notification-bar-top{position:relative;z-index:999;width:100%;height:2.5rem;overflow:hidden;color:#fff;background:#000;border-bottom:none;transition:height .25s ease,opacity .25s ease}.notification-bar-top.is-closing{height:0;opacity:0}.notification-bar-container{position:relative;display:flex;width:100%;height:100%;padding:0 5.5rem;align-items:center;justify-content:center}.notification-bar-content{display:flex;min-width:0;height:100%;align-items:center;justify-content:center;gap:.65rem;color:#fff}.notification-bar-title{color:#fff;font-size:1.5rem;font-weight:700;line-height:1;letter-spacing:.05rem;white-space:nowrap}.notification-bar-text{color:#fff;font-size:.875rem;font-weight:400;line-height:1;letter-spacing:.85px;white-space:nowrap}.notification-bar-button{display:inline-flex;min-height:1.625rem;margin-left:.5rem;align-items:center;justify-content:center;gap:.5rem;border:1px dashed #FFFFFF;border-radius:.875rem;color:#fff;background:transparent;font-size:.875rem;font-weight:400;line-height:1;letter-spacing:.56px;text-decoration:none;white-space:nowrap;transition:color .25s ease,border-color .25s ease,background-color .25s ease;padding-left:.5rem;padding-right:.5rem;font-family:var(--heading-semibold)}.notification-bar-button:visited{color:#fff}.notification-bar-button:hover{color:#fff;border-color:#fff;background:#ffffff14}.notification-bar-button__label{display:block;color:inherit;line-height:1}.notification-bar-button__icon{display:block;width:1.6rem;height:1.6rem;flex:0 0 auto;transition:transform .25s ease}.notification-bar-button:hover .notification-bar-button__icon{transform:translate(.25rem)}.notification-close{position:absolute;z-index:2;top:50%;right:1.3rem;display:flex;width:1.43rem;height:1.43rem;padding:0;align-items:center;justify-content:center;border:0;border-radius:0;color:#fff;background:transparent;box-shadow:none;cursor:pointer;transform:translateY(-50%);transition:opacity .25s ease}.notification-close:before,.notification-close:after{display:none}.notification-close svg{display:block;width:2.2rem;height:2.2rem}.notification-close:hover{color:#fff;background:transparent;opacity:.65}.notification-close:focus-visible{outline:.1rem solid #ffffff;outline-offset:.2rem}@media screen and (max-width:990px){.notification-bar-button{display:none}.notification-bar-text{font-size:12px;letter-spacing:.72px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-notification-bar.css.map */