.menu-drawer{position:fixed;top:0;left:0;width:85%;max-width:380px;height:100vh;background:#fffc;backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);border-right:1px solid rgba(255,255,255,.25);transform:translate(-100%);visibility:hidden;opacity:0;transition:transform .6s cubic-bezier(.19,1,.22,1),opacity .4s ease;z-index:99999}.js details[open].menu-opening>.menu-drawer{transform:translate(0);visibility:visible;opacity:1}menu-drawer>details[open]>summary:before{background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .4s ease-in-out,visibility .4s ease-in-out;z-index:99998}.menu-drawer__inner-container{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:3rem 2.5rem 2rem;position:relative;z-index:99999}.menu-drawer__close-btn{position:absolute;top:1.6rem;right:1.8rem;background:#0000000d;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:none;border-radius:50%;width:38px;height:38px;font-size:1.6rem;font-weight:500;color:#222;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:100000}.menu-drawer__close-btn:hover{background:#00a98d26;color:#00a98d;transform:rotate(90deg)}.js .menu-drawer__menu-item .icon-caret{display:none!important}.menu-drawer__menu-item{display:flex;align-items:center;justify-content:space-between;padding:1.4rem 0;font-size:1.6rem;font-weight:500;color:#1a1a1a;letter-spacing:.4px;border-bottom:1px solid rgba(0,0,0,.05);transition:all .3s ease;position:relative}.menu-drawer__menu-item:hover{color:#00a98d;background:#00a98d0d;padding-left:.8rem}.menu-drawer__menu-item>.svg-wrapper{width:15px;right:0;opacity:.5;transition:transform .3s ease,opacity .3s ease}.menu-drawer__menu-item:hover>.svg-wrapper{transform:translate(3px);opacity:.8}.js .menu-drawer__submenu{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transform:translate(100%) scale(.98);opacity:0;transition:transform .6s cubic-bezier(.19,1,.22,1),opacity .4s ease;position:absolute;top:0;left:0;width:100%;height:100%;visibility:hidden;z-index:2;padding:5rem 2.5rem 2rem}.js details[open].menu-opening>.menu-drawer__submenu{transform:translate(0) scale(1);opacity:1;visibility:visible}.js details[open].menu-opening>.menu-drawer__menu{transform:scale(.97);opacity:.6;transition:transform .6s ease,opacity .4s ease}.menu-drawer__submenu .menu-drawer__menu-item{color:#1a1a1a;border-bottom:1px solid rgba(0,0,0,.05);background:transparent}.menu-drawer__submenu .menu-drawer__menu-item:hover{color:#00a98d;background:#00a98d0d}.menu-drawer__navigation-container::-webkit-scrollbar{width:5px}.menu-drawer__navigation-container::-webkit-scrollbar-thumb{background:#00a98d66;border-radius:4px}.menu-drawer__utility-links{background:#fff9;padding:2rem 0;border-top:1px solid rgba(0,0,0,.05)}.menu-drawer__account{display:flex;align-items:center;font-weight:500;color:#111;padding:1rem 0;transition:all .3s ease}.menu-drawer__account:hover{color:#00a98d;transform:translate(4px)}.menu-drawer .list-social__link{opacity:.7;transition:opacity .3s ease,transform .3s ease}.menu-drawer .list-social__link:hover{opacity:1;transform:scale(1.1)}@media screen and (min-width: 750px){.menu-drawer{max-width:420px;border-right:1px solid rgba(0,0,0,.1)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-menu-drawer.css.map */