.volume-slider{align-items:center;cursor:pointer;display:flex;height:24px;justify-content:center;position:relative;width:70px;-webkit-tap-highlight-color:rgba(255,255,255,0)}.volume-slider.half .volume-slider__indicator{background-position:50%}.volume-slider.mute .volume-slider__indicator{background-position:100%}.volume-slider__indicator{background:url(../img/volume.svg) no-repeat 0 0;background-size:cover;height:16px;left:-23px;pointer-events:none;position:absolute;top:calc(50% - 8px);width:16px}.volume-slider__bg{background:var(--bg);border-radius:8px;height:.6rem;overflow:hidden;pointer-events:none;position:relative;width:100%}.volume-slider__value{background:var(--primary);height:100%;left:0;position:absolute;top:0}.volume-slider__value:after{background:var(--primary);border-radius:50%;content:"";height:.6rem;position:absolute;right:-5px;top:0;width:10px}.navbar{background:var(--bg2)}.navbar__container{align-items:center;display:flex;gap:1.5rem;height:3.75rem}.navbar__brand{display:block;width:42px}.navbar__menu{display:flex;gap:1.25rem;height:100%}.navbar__menu-item{align-items:center;color:color-mix(in srgb,var(--text) 75%,transparent);display:flex;height:100%;position:relative;transition:.15s ease}.navbar__menu-item:before{background:var(--text);border-radius:4px 4px 0 0;bottom:0;content:"";height:3px;left:0;opacity:0;position:absolute;transform:scaleX(.25);transform-origin:center;transition:.2s ease;width:100%;z-index:2}.navbar__menu-item.router-link-exact-active,.navbar__menu-item:hover{color:var(--text);text-decoration:none}.navbar__menu-item.router-link-exact-active:before,.navbar__menu-item:hover:before{opacity:1;transform:scaleX(1.1)}.navbar__volume{margin-left:1.25rem}