/*!
  Machina, by Koding Themes
  component-navigation.css
  https://kodingthemes.com
*/body.show-sidebar-main .js-menu-toggle-home .open-menu-hamburger{display:none}body.show-sidebar-main .js-menu-toggle-home .close-menu-hamburger .hamburger__line{background-color:rgb(var(--color-foreground))}.open-menu-hamburger,.close-menu-hamburger{width:44px;height:44px}.close-menu-hamburger{display:none}body.show-sidebar-main .js-menu-toggle-home .close-menu-hamburger{display:block}.sidebar-menu-full-width .sidebar-menu{display:grid;grid-template-columns:28% 28% 28%}.sidebar-menu-columns{overflow-y:auto;height:100vh;background-color:rgb(var(--color-foreground))}.sidebar-menu-full-width .sidebar-menu ul li a{color:rgb(var(--color-foreground));display:flex;justify-content:space-between;align-items:center;width:100%;flex-grow:1;font-size:var(--text-size-primary);letter-spacing:var(--letter-spacing);line-height:var(--line-height);font-weight:var(--font-weight-header);padding:5px 0;margin:10px 0}ul.sidebar-mega-menu-list{list-style-type:none;padding:0 10px 0 40px}ul.sidebar-mega-menu-list li{margin-bottom:0;display:flex;align-items:center;justify-content:space-between;opacity:1}ul.sidebar-mega-menu-list li span.dropdown-toggle{cursor:pointer;padding:var(--padding-product)}@keyframes fadeInAnimation{0%{opacity:0}80%{opacity:0}to{opacity:1}}.active-sidebar-nav-column .sidebar-menu-back{animation:fadeInAnimation ease .5s;opacity:1}.sidebar-menu-columns.sidebar-menu-columns-child ul.sidebar-mega-menu-list li .dropdown-toggle:after,.sidebar-menu-columns.sidebar-menu-columns-grandchild ul.sidebar-mega-menu-list li .dropdown-toggle:after{filter:invert(1)}ul.sidebar-mega-menu-list li .dropdown-toggle:after{transform:rotate(270deg)}.sidebar-menu-columns.sidebar-menu-columns-parent ul li a{color:rgb(var(--color-foreground))}.sidebar-menu-columns.sidebar-menu-columns-parent ul li{opacity:1}ul.sidebar-mega-menu-list li a:hover,li.active-sidebar-menu-item a{text-decoration:underline!important;text-underline-offset:.2rem!important}.sidebar-menu-columns.sidebar-menu-columns-parent,.sidebar-menu-columns.sidebar-menu-columns-child,.sidebar-menu-columns.sidebar-menu-columns-grandchild{background-color:rgb(var(--color-background))}.sidebar-menu-columns.sidebar-menu-columns-child,.sidebar-menu-columns.sidebar-menu-columns-grandchild{width:0%;transition:width .1s ease-in-out,visibility .1s ease-in-out}body.show-sidebar-main div#aside_main.sidebar-menu-full-width{background-color:#000000b3;transform:translateZ(0);opacity:1;transition:opacity .2s ease}div#aside_main.sidebar-menu-full-width{left:120px;width:100%;transform:translate3d(calc(-100% - 120px),0,0);opacity:0;transition:opacity .3s,transform .1ms;background-color:#000000b3}.sidebar-menu-back,.sidebar-menu-full-width .close-menu{display:none}.sidebar-menu-back{color:rgb(var(--color-foreground));opacity:0;padding:4px;font-size:20px;align-items:center;width:100%;margin-bottom:10px;font-weight:var(--font-weight-header)}.sidebar-menu-back span.dropdown-toggle:after{transform:rotate(90deg);filter:invert(1);width:20px;height:11px}span.sidebar-menu-back-btn{margin-left:5px}.sidebar-menu-columns-parent{width:0}body.show-sidebar-main .sidebar-menu-columns-parent{width:100%}@media screen and (max-width: 1198px){.sidebar-menu-full-width .sidebar-menu{display:block;max-width:80%!important;position:relative}div#aside_main.sidebar-menu-full-width{left:0}.sidebar-menu-columns{position:absolute}.sidebar-menu-columns.sidebar-menu-columns-parent{width:100%}.active-sidebar-nav-column .sidebar-menu-back,.sidebar-menu-full-width .close-menu{display:block}.menu-slider-wrap{display:none!important}}.menu-slider-wrap .tns-nav{display:none}.menu-items-slider .menu-float__breadcrumb{flex-shrink:unset}.menu-slider-active li.prev[aria-disabled=true],.menu-slider-active li.next[aria-disabled=true]{opacity:.4}.menu-slider-wrap{display:flex;flex-direction:row}.menu-slider-controls{list-style:none;margin:0 auto;display:flex;align-items:center;padding:0;background-color:rgb(var(--color-background));border:var(--border-width) solid var(--border-gray);color:rgb(var(--color-foreground));border-radius:var(--rounded-normal)}.menu-slider-controls li{position:relative;z-index:99;padding:0 4px;cursor:pointer}.menu-slider-controls li a{justify-content:center;width:100%;background:var(--border-gray);color:rgb(var(--color-foreground));white-space:nowrap;margin-left:0}.tns-nav{text-align:center;margin-top:15px;margin-bottom:15px}.menu-slider-wrap .tns-nav .tns-nav-active{background-color:rgb(var(--color-foreground))}.menu-slider-active{padding:0}.menu-items-slider.menu-float__layout-list{display:flex}@media screen and (max-width: 1007px){.menu-slider-wrap{display:none}}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-300px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}#aside_main .main-menu-list-items .sub-menu,#aside_main .main-menu-list-items .child-menu-item .sub-menu{margin-left:10px!important}#aside_main .main-menu-list-items .sub-menu{background-color:rgb(var(--color-background))}#aside_main .main-menu-list-items .child-menu-item .sub-menu{background:var(--bg-white)}.menu-float__top .menu-float__menu.menu-main{overflow-y:auto}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-navigation.css.map */
