:root{--lateral-crystal-blur: 12px;--lateral-crystal-bg: rgba(255, 255, 255, .08);--lateral-crystal-border: rgba(255, 255, 255, .25);--lateral-crystal-shadow: 0 10px 40px rgba(31, 38, 135, .2);--lateral-crystal-hover: rgba(255, 255, 255, .12);--lateral-crystal-active: rgba(255, 255, 255, .18)}.template-index .header-lateral-panel{background:var(--lateral-crystal-bg)!important;backdrop-filter:blur(var(--lateral-crystal-blur))!important;-webkit-backdrop-filter:blur(var(--lateral-crystal-blur))!important;border:1px solid var(--lateral-crystal-border)!important;box-shadow:var(--lateral-crystal-shadow)!important;border-radius:12px!important;overflow:hidden}.template-index .lateral-panel-content{background:linear-gradient(135deg,#ffffff1a,#ffffff08)!important}.template-index .lateral-categories{background:linear-gradient(to right,#ffffff14,#ffffff0a)!important;border-right:1px solid rgba(255,255,255,.15)!important}.template-index .lateral-category-link{color:#fffffff2!important;transition:all .3s ease!important}.template-index .lateral-category-item.active{background:linear-gradient(90deg,#fff3,#ffffff1a)!important;border-left:3px solid rgba(255,255,255,.8)!important}.template-index .lateral-category-link--active,.template-index .lateral-category-item.active .lateral-category-link{color:#fff!important;font-weight:600!important;text-shadow:0 0 10px rgba(255,255,255,.5)!important}.template-index .lateral-category-link:hover,.template-index .lateral-category-item:hover .lateral-category-link{background:var(--lateral-crystal-hover)!important;color:#fff!important;transform:translate(2px);text-shadow:0 0 8px rgba(255,255,255,.4)}.template-index .menu-icon{color:#ffffffb3!important;filter:drop-shadow(0 0 3px rgba(255,255,255,.5));transition:all .3s ease}.template-index .lateral-category-item:hover .menu-icon{color:#fff!important;transform:scale(1.1);filter:drop-shadow(0 0 5px rgba(255,255,255,.8))}.template-index .lateral-category-link--has-children:after{color:#fff9!important;transition:all .3s ease}.template-index .lateral-category-item:hover .lateral-category-link--has-children:after{color:#fff!important;transform:translate(3px)}.template-index .lateral-subcategories-wrapper{background:linear-gradient(135deg,#ffffff0f,#ffffff05)!important}.template-index .lateral-subcategories-wrapper.active{animation:fadeInCrystal .3s ease forwards}.template-index .lateral-subcategory-link{color:#ffffffd9!important;transition:all .2s ease}.template-index .lateral-subcategory-link:hover{color:#fff!important;transform:translate(5px);text-shadow:0 0 6px rgba(255,255,255,.4)}.template-index .lateral-subcategory-link--active{color:#fff!important;font-weight:600!important;text-shadow:0 0 8px rgba(255,255,255,.5)!important;background:linear-gradient(90deg,rgba(255,255,255,.15) 0%,transparent 100%);padding:.6rem 1rem!important;border-radius:4px}@keyframes fadeInCrystal{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.template-index .header-lateral-panel.expanded{animation:expandCrystal .3s ease forwards}@keyframes expandCrystal{0%{width:301px}to{width:650px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/lateral-panel-crystal-v2.css.map */