lava-nav{display:none}@media screen and (min-width:1025px){lava-nav{display:block;position:relative}lava-nav .nav-tabs__item{transition:none}lava-nav .lava-nav__selector:not([style*=transform]),lava-nav[disabled] .lava-nav__selector{display:none}lava-nav .lava-nav__selector{display:block;position:absolute;top:0;left:0;height:100%;z-index:var(--layer-base);pointer-events:auto;background:var(--color-selector-background);border-radius:var(--selector-radius);transition:transform .35s ease .05s,width .3s ease .1s,border-radius .3s ease}lava-nav .lava-nav__selector:before,lava-nav .lava-nav__selector:after{content:"";display:var(--selector-edges-enabled, block);position:absolute;bottom:0;width:20px;height:10px;background:transparent;z-index:-1;box-shadow:10px 0 0 0 var(--color-selector-background)}lava-nav .lava-nav__selector:before{left:-20px;border-bottom-right-radius:var(--border-radius-size-3)}lava-nav .lava-nav__selector:after{right:-20px;box-shadow:-10px 0 0 0 var(--color-selector-background);border-bottom-left-radius:var(--border-radius-size-3)}lava-nav:not([disabled]) .nav-tabs__item:hover{background-color:transparent!important;border-radius:0!important}lava-nav:has(.nav-tabs){--color-selector-background: var(--mpsb-navigation-edge)}lava-nav:has(.nav-tabs) .lava-nav__selector{background:var(--mpsb-navigation-gradient);background-position:var(--mpsb-gradient-position-x, 0px) 0;background-size:100vw var(--mpsb-navigation-gradient-height);background-repeat:no-repeat;transition:transform .35s ease .05s,background-position .35s ease .05s,width .3s ease .1s,border-radius .3s ease}lava-nav:has(.nav-tabs) .nav-tabs__item:is(.nav-tabs__item--active,:hover,.active){color:#fff}lava-nav:has(.nav-tabs__item:not(.nav-tabs__item--active):hover) .nav-tabs__item.nav-tabs__item--active:not(:hover),lava-nav:has(.nav-tabs__item.active) .nav-tabs__item.nav-tabs__item--active:not(.active){color:var(--color-base)}lava-nav:has(.nav-tabs__item.active) .lava-nav__selector{opacity:0!important}lava-nav:not([disabled]) .nav-tabs__item.active{background:var(--mpsb-navigation-gradient)!important;background-position:var(--mpsb-gradient-position-x, 0px) 0!important;background-size:100vw var(--mpsb-navigation-gradient-height)!important;background-repeat:no-repeat!important;border-radius:var(--border-radius-size-3) var(--border-radius-size-3) 0 0!important}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-lava-nav.css.map */
