.vs-navbar-group{position:relative}.vs-navbar-group::after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:-3px;max-width:18px;margin:auto;width:0;transition:width .3s ease;height:3px;border-radius:12px;background-color:#000}.vs-navbar-group:hover .vs-navbar-group__text{opacity:1}.vs-navbar-group:hover .vs-navbar-group__items{opacity:1;visibility:visible;transform:translate(0,100%)}.vs-navbar-group.is-active .vs-navbar-group__text{opacity:1}.vs-navbar-group.is-active::after{width:100%}.vs-navbar-group__text{padding:10px 15px;font-size:.85rem;background:0 0;color:inherit;font-weight:700;transition:var(--vs-transition-ease),color 0s;opacity:.7;border:0;cursor:pointer}.vs-navbar-group__items{display:flex;justify-content:center;align-items:center;position:absolute;bottom:0;left:0;flex-direction:column;margin-bottom:-12px;transform:translate(0,90%);background:rgba(var(--vs-color),1);border-radius:5px 18px 18px 18px;padding:10px;min-width:160px;opacity:0;box-shadow:0 5px 20px 0 rgba(0,0,0,var(--vs-shadow-opacity));transition:var(--vs-transition-ease);color:inherit;visibility:hidden}.vs-navbar-group__items:after{content:"";left:0;top:-13px;background:0 0;width:100%;height:14px;position:absolute;z-index:-1}.vs-navbar-group__items .vs-navbar-item{text-align:left;width:100%;position:relative;padding:5px 10px}.vs-navbar-group__items .vs-navbar-item:before{content:"";left:0;top:0;width:4px;height:4px;background:rgba(var(--vs-text),1);position:absolute;border-radius:50%;top:calc(50% - 2px);opacity:0;transform:translate(-10px);transition:var(--vs-transition-ease)}.vs-navbar-group__items .vs-navbar-item.is-active:before{opacity:1;transform:translate(0)}.vs-navbar-group__items .vs-navbar-item::after{width:0;height:0}