.header-container{position:fixed;width:100%;left:0;top:0;z-index:99}.header-container .header-wrapper{display:flex;justify-content:space-between;align-items:center;position:relative;padding-inline:var(--inline-spacing);padding-block:.6em;transition:background-color .3s var(--ease-collapse);background-color:#3e3e3e77}.header-container .header-wrapper .header-left .mobile-drawer-btn{padding:.6em;border-radius:99px;color:var(--clr-primary);transition:background-color .3s ease}.header-container .header-wrapper .header-left .mobile-drawer-btn svg{width:1.3em;height:1.3em}.header-container .header-wrapper .header-left .mobile-drawer-btn:hover{background-color:#ffffff10}.header-container .header-wrapper .header-center .logo-link{text-transform:uppercase;font-weight:600;letter-spacing:.6em;color:var(--clr-background)}.header-container .header-wrapper .header-center .logo-link.center{position:fixed;z-index:2;left:50%;transform:translate(-50%,-50%)}.header-container .header-wrapper .header-center .logo-link svg{width:calc(var(--fs-600) * 6)}.header-container .header-wrapper .header-right{display:flex;gap:.3em;align-items:center;color:var(--clr-background);-webkit-user-select:none;user-select:none}.header-container .header-wrapper .header-right button,.header-container .header-wrapper .header-right a{flex-shrink:0;width:fit-content;position:relative;padding:.6em;border-radius:99px;transition:background-color .3s ease}:is(.header-container .header-wrapper .header-right button,.header-container .header-wrapper .header-right a) svg{width:1.3em;height:1.3em}:is(.header-container .header-wrapper .header-right button,.header-container .header-wrapper .header-right a):hover{background-color:#ffffff10}:is(.header-container .header-wrapper .header-right button,.header-container .header-wrapper .header-right a) .cart-item-count{position:absolute;top:-2px;right:-2px;color:#000;background:var(--clr-primary);border-radius:99px;padding:.1rem .5rem;font-size:var(--fs-100)}:is(.header-container .header-wrapper .header-right button,.header-container .header-wrapper .header-right a) .cart-item-count:empty{display:none}@media (max-width: 1024px){.header-container .header-wrapper .header-left .mobile-drawer-btn{display:inline-block;width:fit-content}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/header.css.map */