.dark-scheme{background-color:#000;color:#fff}.announcement-bar-section .announcement-bar{flex-wrap:nowrap;overflow:auto;justify-content:flex-start;align-items:flex-start}.modalbox,.modalbox-overlay{position:fixed;right:0;top:0}.announcement-bar p{text-transform:none}.announcement-bar-section{border:none;padding-left:0;padding-right:0;gap:0}.hdr-top-bar .topbar-item{flex-grow:1;padding-right:10px;min-width:fit-content}.topbar-item.img-invert img.icon-img{filter:brightness(0) invert(1)}.topbar-item a span,.topbar-item span{font-size:12px}.topbar-item .announcement-bar__message{display:flex;justify-content:center;align-items:center}.topbar-item a.link{text-decoration:none!important}.modalbox-overlay{width:100vw;height:100vh;left:0;bottom:0;z-index:9998;background-color:#232323cc;display:none}.modalbox-overlay.active{display:block}.modalbox{background-color:#fff;z-index:9999;overflow-y:auto;overflow-x:hidden;transition:transform .5s;width:410px;height:100%;padding:40px 30px;transform:translate3d(410px,0,0);max-width:90%}.modalbox .modal-title{color:#121212;font-weight:900;font-size:large;margin:0 0 20px;padding-bottom:10px;border-bottom:1px solid #bdbcbc}.modalbox .modal-content{color:#121212;font-size:15px;margin-bottom:30px}.modalbox.active{transform:translateZ(0)}.topbar-item a.modal-popup{cursor:pointer}.modalbox button.modal__close{position:absolute;right:30px;top:30px;background:0 0;border:none;padding:0;width:18px;cursor:pointer;color:#000}.hdr-top-bar .page-width{display:flex}@media only screen and (min-width:990px)and (max-width:1200px){.hdr-top-bar .topbar-item{min-width:20%!important}.hdr-top-bar .announcement-bar{flex-wrap:nowrap}}@media only screen and (max-width:990px){.hide-mobile{display:none}.hdr-top-bar .topbar-item{padding:0 5px;width:33.33%!important}.hdr-top-bar .page-width{padding:0 .5rem}.topbar-item-inner:has(.hide-mobile) span{margin:0!important}.topbar-item-inner .icon-img{width:20px;height:20px}}@media only screen and (max-width:480px){.topbar-item a span,.topbar-item span{font-size:10px}.topbar-item-inner .icon-img{width:16px;height:16px}.announcement-bar-section .announcement-bar{padding:8px 0;gap:3px;row-gap:6px}.topbar-item .announcement-bar__message{justify-content:flex-start}}@media screen and (min-width:700px){.announcement-bar-section .announcement-bar{column-gap:.5rem}}.hdr-top-bar.utility-bar .announcement-bar{padding:10px 0}
/*# sourceMappingURL=/cdn/shop/t/6/assets/header-top-bar.css.map */