.site-wrapper-with-sidebar{display:flex;min-height:100vh}.sidebar-menu{width:56px;min-width:56px;background:linear-gradient(180deg,#4a47a3,#2d2978);color:#fff;position:sticky;top:0;height:100vh;overflow:hidden;z-index:100;box-shadow:4px 0 20px #2d297826;transition:width .35s cubic-bezier(.4,0,.2,1)}.sidebar-menu:hover{width:280px;box-shadow:4px 0 30px #2d297840}.sidebar-menu:before{content:"";display:flex;align-items:center;justify-content:center;width:56px;height:56px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFD000' stroke-width='2.5' stroke-linecap='round'%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cline x1='3' y1='12' x2='21' y2='12'/%3E%3Cline x1='3' y1='18' x2='21' y2='18'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:26px;border-bottom:1px solid rgba(255,208,0,.2);transition:all .35s ease}.sidebar-menu:hover:before{opacity:0;width:0;height:0;position:absolute;pointer-events:none}.sidebar-menu__inner{padding:0;opacity:0;transform:translate(-20px);transition:all .35s cubic-bezier(.4,0,.2,1);transition-delay:0s}.sidebar-menu:hover .sidebar-menu__inner{opacity:1;transform:translate(0);transition-delay:.1s}.sidebar-menu__title{font-size:13px;font-weight:700;padding:20px 24px 15px;margin:0;border-bottom:1px solid rgba(255,255,255,.08);text-transform:uppercase;letter-spacing:2px;color:#fff9}.sidebar-menu__list{list-style:none;margin:0;padding:10px 0}.sidebar-menu__item{border-bottom:none;margin:2px 12px}.sidebar-menu__link{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;color:#fff;text-decoration:none;font-size:14px;font-weight:500;transition:all .25s ease;white-space:nowrap;border-radius:8px}.sidebar-menu__link:hover{background:#ffd00026;color:#ffd000;transform:translate(4px)}.sidebar-menu__link--header{color:#ffd000;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:default;pointer-events:none;opacity:1;margin-bottom:4px}.sidebar-menu__link--header:hover{background:transparent;transform:none}.sidebar-menu__item.expanded{margin-bottom:8px}.sidebar-menu__arrow{display:flex;align-items:center;transition:transform .25s ease;opacity:.6;transform:rotate(-90deg)}.sidebar-menu__arrow svg{width:14px;height:14px;fill:currentColor}.sidebar-menu__item:hover .sidebar-menu__arrow{transform:rotate(-90deg);opacity:1}.sidebar-menu__submenu{list-style:none;margin:8px;padding:8px 0;background:#00000026;border-radius:8px;max-height:1000px;overflow:visible}.sidebar-menu__item:hover .sidebar-menu__submenu{max-height:1000px;margin:8px;padding:8px 0}.sidebar-menu__subitem{border-bottom:none;margin:0 4px}.sidebar-menu__sublink{display:block;padding:10px 16px;color:#ffffffbf;text-decoration:none;font-size:13px;transition:all .2s ease;border-radius:6px}.sidebar-menu__sublink:hover{background:#ffd0001a;color:#ffd000;transform:translate(4px)}.sidebar-menu__submenu--level-2{background:#0000001a;margin:4px 0;border-radius:6px;max-height:1000px;overflow:visible;padding:4px 0}.sidebar-menu__submenu--level-2 .sidebar-menu__sublink{padding-left:24px;font-size:12px}.site-main-wrapper{flex:1;min-width:0}.sidebar-menu::-webkit-scrollbar{width:6px}.sidebar-menu::-webkit-scrollbar-track{background:#ffffff0d}.sidebar-menu::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar-menu::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media screen and (max-width:991px){.sidebar-menu{display:none}.site-wrapper-with-sidebar{display:block}}body.template-collection [id*=kobu_menu_highlight_app_block],body.template-collection mhp-menu-highlight-pro,body.template-collection #mhp-container{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}@media screen and (min-width:1200px){.site-wrapper-with-sidebar{align-items:stretch}.sidebar-menu{width:238px;min-width:238px;max-width:238px;overflow-y:auto;overflow-x:hidden;background:linear-gradient(180deg,#1b175d,#27206f);border-right:3px solid #F3C542;box-shadow:5px 0 18px #1b175d24;transition:none}.sidebar-menu:hover{width:238px;box-shadow:5px 0 18px #1b175d24}.sidebar-menu:before,.sidebar-menu:hover:before{display:none}.sidebar-menu__inner,.sidebar-menu:hover .sidebar-menu__inner{opacity:1;transform:none;transition:none}.sidebar-menu__title{padding:16px 18px 12px;color:#f3c542;border-bottom:1px solid rgba(243,197,66,.22);letter-spacing:1.2px}.sidebar-menu__list{padding:8px 0 18px}.sidebar-menu__item{margin:4px 10px 10px}.sidebar-menu__link,.sidebar-menu__sublink{display:flex;align-items:center;gap:.55rem;min-width:0;text-decoration:none}.sidebar-menu__link{padding:10px 12px}.sidebar-menu__sublink{padding:8px 10px;color:#ffffffd6}.sidebar-menu__link:hover,.sidebar-menu__sublink:hover,.sidebar-menu__sublink.is-active,.sidebar-menu__link.is-active{background:#f3c54224;color:#fff;transform:none}.sidebar-menu__sublink.is-active,.sidebar-menu__link.is-active{box-shadow:inset 3px 0 #f3c542}.sidebar-menu__link--header{padding:8px 10px 6px;margin-bottom:2px;color:#f3c542}.sidebar-menu__submenu{margin:5px 0 0;padding:5px;background:#ffffff0e;border:1px solid rgba(255,255,255,.075)}.sidebar-menu__submenu--level-2{margin:4px 0 2px 1.65rem;padding:3px}.sidebar-menu__icon{width:17px;height:17px;flex:0 0 17px;color:#f3c542}.sidebar-menu__label{min-width:0;overflow:hidden;text-overflow:ellipsis}}@media screen and (min-width:992px)and (max-width:1199px){.sidebar-menu{width:56px;min-width:56px}.sidebar-menu__icon{width:16px;height:16px}}@media screen and (min-width:1200px){.sidebar-menu__link,.sidebar-menu__sublink{font-size:.9rem;line-height:1.25}.sidebar-menu__link--header{font-size:.84rem}.sidebar-menu__icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:23px;flex:0 0 20px;color:#f3c542}.sidebar-menu__icon svg{width:20px;height:23px;display:block}.sidebar-menu__label{font-weight:650}}@media screen and (min-width:1200px){.sidebar-menu__subitem:nth-child(odd)>.sidebar-menu__sublink{background:#ffffff09}.sidebar-menu__subitem:nth-child(2n)>.sidebar-menu__sublink{background:#f3c5420e}.sidebar-menu__subitem>.sidebar-menu__sublink:hover,.sidebar-menu__subitem>.sidebar-menu__sublink.is-active{background:#f3c5422e}.sidebar-menu__icon{width:24px;height:28px;flex:0 0 24px}.sidebar-menu__icon svg{width:24px;height:28px;stroke-width:1.8}.sidebar-menu__sublink{padding-top:8px;padding-bottom:8px}}@media screen and (min-width:1200px){.sidebar-menu__link,.sidebar-menu__sublink{gap:.75rem}.sidebar-menu__subitem>.sidebar-menu__sublink{min-height:48px;padding-top:9px;padding-bottom:9px}.sidebar-menu__icon{width:32px;height:36px;flex:0 0 32px;color:#f3c542;filter:drop-shadow(0 1px 0 rgba(0,0,0,.18))}.sidebar-menu__icon svg{width:32px;height:36px;stroke-width:2.05}.sidebar-menu__label{font-size:.94rem;line-height:1.16}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/sidebar-menu.css.map */