.main-wrapper{display:flex;width:100%;min-height:calc(100vh - var(--header_height, 0px));position:relative;z-index:0;overflow-x:visible}.sidebar-navigation{width:20%;min-width:200px;max-width:300px;background:var(--sidebar_nav_bg, var(--primary_bg));border-right:1px solid var(--sidebar_nav_bd, var(--custom_bd, var(--alto)));padding:var(--content_p, 20px) var(--rpp, 20px);position:sticky;top:var(--header_height_static, var(--header_height, 0px));align-self:flex-start;height:calc(100vh - var(--header_height_static, var(--header_height, 0px)));overflow-y:auto;overflow-x:visible;z-index:1000;flex-shrink:0;--sidebar_nav_width: 300px;margin:0;border-left:none;border-top:none;border-bottom:none}.main-wrapper>#content{width:80%;flex:1;min-width:0;max-width:none;margin:0;position:relative;z-index:0}.sidebar-nav{width:100%;position:relative;overflow:visible;display:flex;flex-direction:column;height:100%;min-height:100%}.sidebar-nav-title{font-size:var(--sidebar_title_size, 1.4rem);font-weight:var(--main_fw_strong, 600);margin:0 0 var(--sidebar_title_margin_bottom, 25px) 0;padding-bottom:var(--sidebar_title_padding_bottom, 18px);border-bottom:1px solid var(--sidebar_nav_bd, var(--custom_bd, var(--alto)));color:var(--sidebar_nav_title, var(--primary_text_h));letter-spacing:.3px;font-family:inherit;line-height:var(--main_lh_h, 1.4)}.sidebar-nav-menu{list-style:none;margin:0;padding:0;overflow:visible!important;position:relative}.sidebar-nav-item{margin:0;padding:0;position:relative;overflow:visible}.sidebar-nav-link{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:var(--sidebar_menu_padding, 14px 12px);color:var(--sidebar_nav_fg, var(--primary_text));text-decoration:none;font-weight:var(--main_fw, 400);font-size:var(--sidebar_menu_font_size, 1rem);transition:all .2s ease;border-radius:0;position:relative;margin-bottom:0;font-family:inherit;line-height:var(--main_lh, 1.6);border-bottom:1px solid transparent}.sidebar-nav-link,.sidebar-nav-sublink,.sidebar-nav-subsublink{color:var(--sidebar_nav_fg, var(--primary_text))}.sidebar-nav-text{flex:1}.sidebar-nav-image{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;margin-right:10px;flex-shrink:0;line-height:0}.sidebar-nav-image img{width:var(--menu_image_size, 40px);height:var(--menu_image_size, 40px);object-fit:cover;border-radius:4px;display:block}.sidebar-nav-link:before{content:"";position:absolute;left:0;top:50%;width:3px;height:60%;background:var(--sidebar_nav_hover_color, var(--accent, var(--primary_bg_btn)));transform:translateY(-50%) scaleY(0);transform-origin:center;transition:transform .2s ease}.sidebar-nav-link:hover{color:var(--sidebar_nav_hover_color, var(--accent, var(--primary_bg_btn)));background:transparent;padding-left:16px;transform:none;border-bottom-color:var(--sidebar_nav_bd, var(--custom_bd, var(--alto)))}.sidebar-nav-link:hover:before{transform:translateY(-50%) scaleY(1);background:var(--sidebar_nav_hover_color, var(--accent, var(--primary_bg_btn)))}.sidebar-nav-item.active>.sidebar-nav-link{color:var(--sidebar_nav_hover_color, var(--accent, var(--primary_bg_btn)));font-weight:var(--main_fw_strong, 600);background:transparent;padding-left:16px;border-bottom-color:var(--sidebar_nav_bd, var(--custom_bd, var(--alto)))}.sidebar-nav-item.active>.sidebar-nav-link:before{transform:translateY(-50%) scaleY(1);background:var(--sidebar_nav_hover_color, var(--accent, var(--primary_bg_btn)))}.sidebar-nav-arrow{font-size:1.1em;line-height:1;transition:transform .3s cubic-bezier(.4,0,.2,1);color:var(--sidebar_nav_fg, var(--primary_text));opacity:.6;margin-left:8px}.sidebar-nav-item:hover .sidebar-nav-arrow{transform:translate(4px);opacity:1;color:var(--sidebar_nav_hover_color, var(--accent, var(--primary_bg_btn)))}.sidebar-nav-submenu{list-style:none;padding:8px 0;position:absolute;left:100%;top:0;min-width:220px;max-width:320px;background:var(--sidebar_nav_bg, var(--primary_bg));border:1px solid var(--sidebar_nav_bd, var(--custom_bd, var(--alto)));border-left:3px solid var(--sidebar_nav_hover_color, var(--accent, var(--primary_bg_btn)));border-radius:0;box-shadow:2px 2px 12px #0000001a,0 1px 4px #0000000f;opacity:0;visibility:hidden;transform:translate(-8px);transition:all .2s ease;z-index:1001!important;margin:0 0 0 4px;max-height:calc(100vh - var(--header_height_static, var(--header_height, 0px)) - 40px);overflow-y:auto;overflow-x:visible;white-space:nowrap}.sidebar-nav-item:hover .sidebar-nav-submenu,.sidebar-nav-item.active .sidebar-nav-submenu{opacity:1;visibility:visible;transform:translate(0)}.sidebar-nav-submenu{max-width:min(320px,calc(100vw - var(--sidebar_nav_width, 300px) - 40px))}.sidebar-nav-submenu,.sidebar-nav-subsubmenu{pointer-events:auto}.shopify-section-footer{position:relative;z-index:3!important}.main-wrapper>#content>*{position:relative;z-index:1}.sidebar-nav-subitem{margin:0;padding:0;position:relative}.sidebar-nav-sublink{display:flex;align-items:center;padding:10px 16px;gap:10px;color:var(--sidebar_nav_fg, var(--primary_text));text-decoration:none;font-size:var(--sidebar_submenu_font_size, .9rem);transition:all .2s ease;border-radius:0;margin:0;position:relative;font-family:inherit;line-height:var(--main_lh, 1.6);border-bottom:1px solid transparent}.sidebar-nav-sublink:before{display:none}.sidebar-nav-sublink:hover{color:var(--sidebar_nav_hover_color, var(--accent, var(--primary_bg_btn)));background:var(--sand, rgba(0, 0, 0, .02));padding-left:20px;border-bottom-color:var(--sidebar_nav_bd, var(--custom_bd, var(--alto)))}.sidebar-nav-subitem.active>.sidebar-nav-sublink{color:var(--sidebar_nav_hover_color, var(--accent, var(--primary_bg_btn)));font-weight:var(--main_fw_strong, 600);background:transparent;border-bottom-color:var(--sidebar_nav_bd, var(--custom_bd, var(--alto)))}.sidebar-nav-subsubmenu{list-style:none;padding:8px 0;position:absolute;left:100%;top:0;min-width:200px;max-width:300px;background:var(--sidebar_nav_bg, var(--primary_bg));border:1px solid var(--sidebar_nav_bd, var(--custom_bd, var(--alto)));border-left:3px solid var(--sidebar_nav_hover_color, var(--accent, var(--primary_bg_btn)));border-radius:0;box-shadow:2px 2px 12px #0000001a,0 1px 4px #0000000f;opacity:0;visibility:hidden;transform:translate(-8px);transition:all .2s ease;z-index:1002!important;margin:0 0 0 4px;max-height:calc(100vh - var(--header_height_static, var(--header_height, 0px)) - 40px);overflow-y:auto;overflow-x:visible;white-space:nowrap}.sidebar-nav-subitem:hover .sidebar-nav-subsubmenu,.sidebar-nav-subitem.active .sidebar-nav-subsubmenu{opacity:1;visibility:visible;transform:translate(0)}.sidebar-nav-subsubmenu{max-width:min(300px,calc(100vw - var(--sidebar_nav_width, 300px) - var(--submenu_width, 320px) - 40px))}.sidebar-nav-subsubitem{margin:0;padding:0}.sidebar-nav-subsublink{display:flex;align-items:center;padding:8px 16px;gap:10px;color:var(--sidebar_nav_fg, var(--primary_text));text-decoration:none;font-size:var(--sidebar_subsubmenu_font_size, .9rem);transition:all .2s ease;border-radius:0;margin:0;position:relative;font-family:inherit;line-height:var(--main_lh, 1.6);border-bottom:1px solid transparent}.sidebar-nav-subsublink:before{display:none}.sidebar-nav-subsublink:hover{color:var(--sidebar_nav_hover_color, var(--accent, var(--primary_bg_btn)));background:var(--sand, rgba(0, 0, 0, .02));padding-left:20px;border-bottom-color:var(--sidebar_nav_bd, var(--custom_bd, var(--alto)))}.sidebar-nav-subsubitem.active>.sidebar-nav-subsublink{color:var(--sidebar_nav_hover_color, var(--accent, var(--primary_bg_btn)));font-weight:var(--main_fw_strong, 600);background:transparent;border-bottom-color:var(--sidebar_nav_bd, var(--custom_bd, var(--alto)))}.sidebar-nav-empty{color:var(--sidebar_nav_fg, var(--primary_text));font-size:.9em;padding:20px 0;margin:0}.sidebar-programmed-by{display:none!important;margin-top:auto;padding-top:30px;padding-bottom:20px;border-top:1px solid var(--sidebar_nav_bd, var(--custom_bd, var(--alto)));flex-direction:column;gap:4px;font-size:.75rem;line-height:1.4;color:var(--sidebar_nav_fg, var(--primary_text));opacity:.7}.theme-editor .sidebar-programmed-by{display:flex!important}.sidebar-programmed-by-label{text-transform:lowercase;font-weight:var(--main_fw, 400);letter-spacing:.5px}.sidebar-programmed-by-name{font-weight:var(--main_fw_strong, 600);color:var(--sidebar_nav_hover_color, var(--accent, var(--primary_bg_btn)));opacity:1}[dir=rtl] .sidebar-navigation{border-right:none;border-left:1px solid var(--sidebar_nav_bd, var(--custom_bd));box-shadow:-2px 0 8px #0000000d}[dir=rtl] .sidebar-nav-link:hover{padding-left:12px;padding-right:16px;transform:translate(-4px)}[dir=rtl] .sidebar-nav-link:before{left:auto;right:0;border-radius:3px 0 0 3px}[dir=rtl] .sidebar-nav-sublink:hover,[dir=rtl] .sidebar-nav-subsublink:hover{padding-left:16px;padding-right:20px}[dir=rtl] .sidebar-nav-arrow{margin-left:0;margin-right:8px}[dir=rtl] .sidebar-nav-item:hover .sidebar-nav-arrow{transform:translate(-4px)}[dir=rtl] .sidebar-nav-submenu{left:auto;right:100%;margin-left:0;margin-right:8px;border-left:1px solid var(--sidebar_nav_bd, var(--custom_bd));border-right:2px solid var(--accent, var(--primary_bg_btn));transform:translate(10px)}[dir=rtl] .sidebar-nav-item:hover .sidebar-nav-submenu{transform:translate(0)}[dir=rtl] .sidebar-nav-subsubmenu{left:auto;right:100%;margin-left:0;margin-right:8px;border-left:1px solid var(--sidebar_nav_bd, var(--custom_bd));border-right:2px solid var(--accent, var(--primary_bg_btn));transform:translate(10px)}[dir=rtl] .sidebar-nav-subitem:hover .sidebar-nav-subsubmenu{transform:translate(0)}.sidebar-mobile-toggle{display:none;position:fixed;top:var(--header_height_static, var(--header_height, 0px));left:0;z-index:1000;background:var(--sidebar_nav_bg, var(--primary_bg));border:none;border-right:1px solid var(--sidebar_nav_bd, var(--custom_bd));border-bottom:1px solid var(--sidebar_nav_bd, var(--custom_bd));padding:12px 16px;cursor:pointer;width:auto;min-width:60px;box-shadow:2px 2px 8px #0000001a;transition:all .3s ease}.sidebar-mobile-toggle:hover{background:rgba(var(--accent_rgb, 0, 0, 0),.05)}.hamburger-icon{display:flex;flex-direction:column;justify-content:space-around;width:24px;height:20px;margin-right:8px}.hamburger-icon span{display:block;width:100%;height:2px;background:var(--sidebar_nav_fg, var(--primary_text));border-radius:2px;transition:all .3s ease}.sidebar-mobile-toggle.active .hamburger-icon span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.sidebar-mobile-toggle.active .hamburger-icon span:nth-child(2){opacity:0}.sidebar-mobile-toggle.active .hamburger-icon span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu-title{font-size:.9rem;font-weight:var(--main_fw_strong, 600);color:var(--sidebar_nav_fg, var(--primary_text));margin-left:4px}.sidebar-mobile-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;opacity:0;transition:opacity .3s ease}.sidebar-mobile-overlay.active{opacity:1}@media only screen and (max-width: 47.5em){.sidebar-mobile-toggle{display:flex;align-items:center}.sidebar-mobile-overlay{display:block}.sidebar-navigation{position:fixed;top:var(--header_height_static, var(--header_height, 0px));left:-100%;width:280px;max-width:80vw;height:calc(100vh - var(--header_height_static, var(--header_height, 0px)));z-index:1001;transition:left .3s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 20px #00000026;overflow-y:auto;overflow-x:hidden}.sidebar-navigation.active{left:0}.main-wrapper{flex-direction:column}.main-wrapper>.sidebar-navigation{width:0!important;min-width:0!important;max-width:0!important;flex-basis:0!important;flex-shrink:0!important;flex-grow:0!important;margin:0!important;padding:0!important;border:none!important}.main-wrapper>#content{width:100%}.sidebar-nav-submenu{position:static;left:auto;top:auto;margin:8px 0 0;padding:8px 0;border:none;border-top:1px solid var(--sidebar_nav_bd, var(--custom_bd));border-left:none;box-shadow:none;opacity:1;visibility:visible;transform:none;max-height:0;overflow:hidden;transition:max-height .3s ease}.sidebar-nav-item:hover .sidebar-nav-submenu,.sidebar-nav-item.active .sidebar-nav-submenu{max-height:1000px}.sidebar-nav-subsubmenu{position:static;left:auto;top:auto;margin:8px 0 0;padding:8px 0;border:none;border-top:1px solid var(--sidebar_nav_bd, var(--custom_bd));border-left:none;box-shadow:none;opacity:1;visibility:visible;transform:none;max-height:0;overflow:hidden;transition:max-height .3s ease}.sidebar-nav-subitem:hover .sidebar-nav-subsubmenu,.sidebar-nav-subitem.active .sidebar-nav-subsubmenu{max-height:1000px}[dir=rtl] .sidebar-nav-submenu,[dir=rtl] .sidebar-nav-subsubmenu{right:auto;margin-right:0}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/sidebar-navigation.css.map */