:root{--crystal-blur: 10px;--crystal-bg: rgba(255, 255, 255, .1);--crystal-border: rgba(255, 255, 255, .2);--crystal-shadow: 0 8px 32px 0 rgba(31, 38, 135, .15);--crystal-text-shadow: 0 0 10px rgba(255, 255, 255, .5)}.template-index .menu-drawer{background:var(--crystal-bg)!important;backdrop-filter:blur(var(--crystal-blur));-webkit-backdrop-filter:blur(var(--crystal-blur));border-right:1px solid var(--crystal-border);box-shadow:var(--crystal-shadow)}body:not(.template-index) .menu-drawer{background:rgb(var(--color-background))!important;backdrop-filter:none;-webkit-backdrop-filter:none}.template-index .menu-drawer__inner-container{background:linear-gradient(135deg,#ffffff1a,#ffffff0d)}body:not(.template-index) .menu-drawer__inner-container{background:transparent}.template-index .menu-drawer__menu-item--active{color:#fff!important;background:linear-gradient(135deg,#ffffff40,#ffffff26)!important;border-left:3px solid rgba(255,255,255,.8);text-shadow:var(--crystal-text-shadow);font-weight:600}.template-index .menu-drawer__menu-item:hover,.template-index .menu-drawer__close-button:hover{background:#ffffff26!important;color:#fff!important;transform:translate(3px);transition:all .3s ease}.template-index .menu-drawer__menu-item:focus,.template-index .menu-drawer__close-button:focus{background:#fff3!important;outline:2px solid rgba(255,255,255,.4);outline-offset:2px;color:#fff!important}.template-index .menu-drawer__menu-item{color:#ffffffe6;transition:all .3s ease;position:relative;border-left:3px solid transparent}.template-index .menu-drawer__submenu,.template-index .menu-drawer__submenu.gradient{background:#ffffff1a!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background-attachment:initial!important}.template-index .menu-drawer__submenu .menu-drawer__menu-item{color:#fffffff2!important;text-shadow:0 0 10px rgba(255,255,255,.5)!important}.template-index .menu-drawer__submenu .menu-drawer__close-button{color:#fffffff2!important}.template-index .menu-drawer__navigation>.menu-drawer__menu:has(>li>details[open])>li{display:none!important}.template-index .menu-drawer__navigation>.menu-drawer__menu:has(>li>details[open])>li:has(>details[open]){display:block!important}.template-index .menu-drawer__navigation>.menu-drawer__menu>li>details[open]>summary{display:none!important}.template-index .menu-drawer__submenu .menu-drawer__menu:has(>li>details[open])>li{display:none!important}.template-index .menu-drawer__submenu .menu-drawer__menu:has(>li>details[open])>li:has(>details[open]){display:block!important}.template-index .menu-drawer__submenu .menu-drawer__menu>li>details[open]>summary{display:none!important}.template-index .menu-drawer__submenu:has(.menu-drawer__menu>li>details[open])>.menu-drawer__inner-submenu>.menu-drawer__close-button{display:none!important}body:not(.template-index) .menu-drawer__submenu,body:not(.template-index) .menu-drawer__submenu.gradient{background:rgb(var(--color-background))!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.template-index .menu-drawer__utility-links{background:linear-gradient(to bottom,#ffffff1a,#ffffff0d)!important;border-top:1px solid rgba(255,255,255,.2)}.menu-drawer__menu-item .svg-wrapper svg,.menu-drawer__close-button .svg-wrapper svg{filter:drop-shadow(0 0 3px rgba(255,255,255,.5))}.menu-drawer .list-social__link{background:#ffffff1a;border-radius:50%;transition:all .3s ease}.menu-drawer .list-social__link:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #fff3}.js details[open].menu-opening>.menu-drawer{animation:slideInCrystal .4s ease forwards}@keyframes slideInCrystal{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.js menu-drawer>details[open]>summary:before{background:#0006!important;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}@media (prefers-color-scheme: light){.menu-drawer__menu-item{color:#1e1e1ee6;text-shadow:0 1px 2px rgba(255,255,255,.8)}.menu-drawer__menu-item--active{color:#000!important;background:linear-gradient(135deg,#00000026,#00000014)!important;border-left-color:#000c;text-shadow:0 0 8px rgba(255,255,255,.9)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/menu-crystal-effect.css.map */