.vs-site-header .icon-menu{--gap:4px;--height-bar:2px;--pos-y-bar-one:0;--pos-y-bar-three:0;--scale-bar:1;--rotate-bar-one:0;--rotate-bar-three:0;width:18px;display:flex;flex-direction:column;gap:var(--gap);cursor:pointer;position:relative}.vs-site-header .bar{position:relative;height:var(--height-bar);width:100%;border-radius:.5rem;background-color:currentColor}.vs-site-header .bar--1{top:var(--pos-y-bar-one);transform:rotate(var(--rotate-bar-one));transition:top .2s .1s,transform .1s}.vs-site-header .bar--2{transform:scaleX(var(--scale-bar));transition:transform .15s .1s}.vs-site-header .bar--3{bottom:var(--pos-y-bar-three);transform:rotate(var(--rotate-bar-three));transition:bottom .2s .1s,transform .1s}.vs-site-header .icon-menu.check-icon>.bar--1{transition:top .2s,transform .2s .1s}.vs-site-header .icon-menu.check-icon>.bar--3{transition:bottom .2s,transform .2s .1s}.vs-site-header .icon-menu.check-icon{--pos-y-bar-one:calc(var(--gap) + var(--height-bar));--pos-y-bar-three:calc(var(--gap) + var(--height-bar));--scale-bar:0;--rotate-bar-one:45deg;--rotate-bar-three:-45deg}@supports (padding-bottom:env(safe-area-inset-bottom)){.vs-base-mobile-bottom-nav.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}}.bottom-nav-container{width:100%;border-radius:0;overflow:visible;transition:background-color .3s ease}.bottom-nav-list{list-style:none;width:100%;display:flex;align-items:center;justify-content:space-between;margin:0;padding:0;overflow:visible}.bottom-nav-item{perspective:100px;flex:0 0 20%;max-width:20%;overflow:visible}.bottom-nav-link{font-size:10px;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;height:48px;overflow:visible;position:relative;outline:none;width:100%;cursor:pointer;-webkit-tap-highlight-color:transparent}.bottom-nav-link:before{content:"";width:4px;height:4px;border-radius:15px;background-color:#0075ff;position:absolute;transform:translateY(60px) scale(.4);transition:all .35s cubic-bezier(0,.51,0,.99);opacity:0}.bottom-nav-icon{display:flex;align-items:center;justify-content:center}.bottom-nav-icon,.bottom-nav-text{transition:all .35s ease;will-change:opacity,transform,background-color}.bottom-nav-text{position:absolute;transform:translateY(60px) skewY(-20deg);transform-origin:left bottom;color:#0075ff;font-weight:700;opacity:0;text-transform:uppercase;letter-spacing:.5px}.bottom-nav-link.active .bottom-nav-icon{transform:translateY(-60px) rotateX(90deg) scale(.4) skewY(-30deg);opacity:0}.bottom-nav-link.active .bottom-nav-text{opacity:1;transform:translateY(-3px) skewY(0deg)}.bottom-nav-link.active:before{transform:translateY(12px) scale(1.2);transition:all .35s cubic-bezier(0,.51,0,.99) .2s;opacity:1}