.header__icon--menu{position:initial}menu-drawer>details{position:relative}menu-drawer>details>summary:before,menu-drawer>details[open]:not(.menu-opening)>summary:before{content:"";position:fixed;cursor:default;width:100%;height:100vh;height:calc(var(--viewport-height, 100vh));top:0;left:0;background:#00000080;opacity:0;visibility:hidden;z-index:2;transition:opacity .3s ease,visibility .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}menu-drawer>details[open]>summary:before{visibility:visible;opacity:1}.menu-drawer{position:fixed;transform:translate(-100%);visibility:hidden;z-index:3;left:0;top:0;width:80%;max-width:400px;height:100vh;padding:0;background-color:rgb(var(--color-background));overflow-x:hidden;overflow-y:auto;box-shadow:0 0 20px #0000001a;transition:transform .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1)}@media screen and (min-width:750px){.menu-drawer{width:35rem;max-width:35rem}}.js details[open]>.menu-drawer{transition:transform .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1)}.js details[open].menu-opening>.menu-drawer{transform:translate(0);visibility:visible}.menu-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:2rem;border-bottom:1px solid rgba(var(--color-foreground),.08);background-color:rgb(var(--color-background));position:sticky;top:0;z-index:10}.menu-drawer__close-btn{background:none;border:none;cursor:pointer;padding:.8rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;width:4rem;height:4rem}.menu-drawer__close-btn:hover{background-color:rgba(var(--color-foreground),.05);transform:rotate(90deg)}.menu-drawer__close-btn .svg-wrapper{width:2rem;height:2rem}.menu-drawer__logo{flex:1;text-align:center}.menu-drawer__logo img{max-height:4rem;width:auto}.menu-drawer__inner-container{position:relative;height:100%;display:flex;flex-direction:column}.menu-drawer__navigation-container{display:flex;flex-direction:column;justify-content:space-between;height:calc(100% - 7rem);overflow-y:auto}.menu-drawer__navigation{padding:2rem 0;flex:1}.menu-drawer__menu{list-style:none;margin:0;padding:0}.menu-drawer__menu li{margin-bottom:0;list-style:none}.menu-drawer__menu-item{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 2rem;text-decoration:none;font-size:1.6rem;font-weight:500;color:rgb(var(--color-foreground));transition:all .2s ease;position:relative;background:transparent;border:none;width:100%;cursor:pointer}.menu-drawer__menu-item:hover{background-color:rgba(var(--color-foreground),.05);padding-left:2.4rem}.menu-drawer__menu-item--active{color:rgb(var(--color-foreground));font-weight:600;background:linear-gradient(90deg,rgba(var(--color-foreground),.08) 0%,transparent 100%)}.dropdown-icon{display:inline-flex;transition:transform .3s ease}details[open]>summary .dropdown-icon{transform:rotate(180deg)}.dropdown-icon .svg-wrapper{width:1.2rem;height:1.2rem}.menu-drawer__submenu{padding-left:2rem;background-color:rgba(var(--color-foreground),.02);overflow:hidden;transition:all .3s ease}.menu-drawer__submenu .menu-drawer__menu-item{padding:1rem 2rem;font-size:1.4rem;font-weight:400}.menu-drawer__submenu .menu-drawer__menu-item:hover{padding-left:2.4rem}.menu-drawer__submenu .menu-drawer__submenu{padding-left:2rem;background-color:rgba(var(--color-foreground),.01)}.menu-drawer__submenu .menu-drawer__submenu .menu-drawer__menu-item{font-size:1.3rem;padding:.8rem 2rem}.js .menu-drawer__submenu{position:relative;transform:none;visibility:visible;background-color:transparent;display:block;max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease-out,opacity .3s ease-out}.js details[open]>.menu-drawer__submenu{max-height:500px;opacity:1;transform:none;visibility:visible}.menu-drawer__close-button{display:none}.menu-drawer__utility-links{padding:2rem;border-top:1px solid rgba(var(--color-foreground),.08);background-color:rgba(var(--color-foreground),.02);margin-top:auto}.menu-drawer__account{display:inline-flex;align-items:center;text-decoration:none;padding:1rem 0;font-size:1.4rem;color:rgb(var(--color-foreground));margin-bottom:1.5rem;transition:all .2s ease}.menu-drawer__account:hover{opacity:.7;transform:translate(.5rem)}.menu-drawer__account .svg-wrapper{width:2rem;height:2rem;margin-right:1rem}.menu-drawer__localization{margin:1rem 0}.menu-drawer .list-social{display:flex;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(var(--color-foreground),.08)}.menu-drawer .list-social__link{display:inline-flex;align-items:center;justify-content:center;padding:.8rem;border-radius:50%;transition:all .2s ease;background-color:rgba(var(--color-foreground),.05)}.menu-drawer .list-social__link:hover{background-color:rgba(var(--color-foreground),.1);transform:translateY(-.2rem)}.menu-drawer .list-social__link .svg-wrapper{width:2rem;height:2rem}.menu-drawer__navigation-container::-webkit-scrollbar{width:4px}.menu-drawer__navigation-container::-webkit-scrollbar-track{background:rgba(var(--color-foreground),.05)}.menu-drawer__navigation-container::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.2);border-radius:4px}.menu-drawer__navigation-container::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-foreground),.3)}@keyframes slideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.menu-opening .menu-drawer{animation:slideIn .3s cubic-bezier(.4,0,.2,1) forwards}@media screen and (max-width:749px){.menu-drawer{width:80%;max-width:320px}.menu-drawer__menu-item{padding:1.1rem 1.8rem;font-size:1.5rem}.menu-drawer__submenu{padding-left:1.5rem}.menu-drawer__utility-links{padding:1.8rem}}@media screen and (min-width:750px)and (max-width:989px){.menu-drawer{width:35rem}}.menu-drawer__menu-item:focus-visible,.menu-drawer__close-btn:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.menu-drawer__menu-item,.dropdown-icon,.menu-drawer__close-btn,.menu-drawer__account,.list-social__link{transition:all .2s cubic-bezier(.4,0,.2,1)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-menu-drawer.css.map */