:root{--header-height:5.5rem}.global-header{align-items:center;background-color:var(--white);display:flex;height:var(--header-height);justify-content:space-between;position:fixed;top:0;width:100%;z-index:10}.global-header.menu-open .menu-container{background:var(--gray-100)}.global-header .logo-container{align-items:center;background:var(--gray-100);display:inline-flex;height:100%;padding:0 4rem 0 4.5rem;position:relative}.global-header .logo-container:before{background:var(--gray-100);content:"";display:block;height:100%;position:absolute;right:100%;width:calc(var(--vw)*50)}.global-header .logo-container .mess-image{--transition:.35s ease;position:relative;transition:var(--transition);width:20rem}.global-header .logo-container .mess-image:after{background:linear-gradient(270deg,var(--gray-100) 0,hsla(0,0%,100%,0) 50%,var(--gray-100) 100%);content:"";display:block;height:100%;opacity:0;position:absolute;top:0;transition:var(--transition);width:100%}.global-header .logo-container:hover .mess-image{transform:scale(1.02)}.global-header .logo-container:hover .mess-image:after{opacity:.5}.global-header .menu-container{align-items:center;background:var(--white);display:flex;flex-grow:1;height:100%;justify-content:flex-end;padding:0 2rem}.global-header .cart-button{align-items:center;background:var(--red);color:var(--white);display:flex;height:var(--header-height);justify-content:center;position:relative;width:var(--header-height);--transition:.25s ease-in-out}.global-header .cart-button .mess-svg{height:1.5rem;transition:var(--transition);width:1.5rem}.global-header .cart-button .counter-container{align-items:center;display:flex;height:100%;justify-content:center;left:50%;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;transition:var(--transition);translate:-50% -50%;width:100%}.global-header .cart-button .counter-container .counter{font-weight:900;margin-right:-.25rem;margin-top:-2rem}.global-header .cart-button:hover .counter-container,.global-header .cart-button:hover .mess-svg{opacity:.9;transform:scale(1.1)}@media (max-width:768px){.global-header .menu-container{background:var(--gray-100)}.global-header .logo-container{padding:0;padding-left:calc(var(--vw)*10)}.global-header .logo-container .mess-image{align-items:center;display:flex}}