.filter__wrapper[data-v-20198d6d]{opacity:0;pointer-events:none;position:fixed;right:.8rem;top:.8rem;z-index:15}.filter__wrapper.show[data-v-20198d6d]{opacity:1;pointer-events:auto}.filter__wrapper.hide[data-v-20198d6d]{clip-path:inset(0 0 0 100%)}.filter__wrapper[data-v-20198d6d]{clip-path:inset(0 0 0 0);height:var(--nav-size);transition:clip-path .6s cubic-bezier(.165,.84,.44,1),opacity 0s .6s}.filter__wrapper .right[data-v-20198d6d]{align-items:center;aspect-ratio:1/1;background-color:#d3dee5;color:#050516;display:flex;height:100%;justify-content:center;transition:color .4s cubic-bezier(.39,.575,.565,1),background-color .4s cubic-bezier(.39,.575,.565,1);z-index:1}.filter__wrapper .right svg[data-v-20198d6d]{aspect-ratio:1/1;height:100%;width:5.7rem}.filter__wrapper[data-v-20198d6d]{display:flex}.filter__wrapper .filter[data-v-20198d6d]{align-items:center;background-color:#050516;color:#fff;display:flex;flex-grow:1;font-size:3rem;font-weight:300;justify-content:center;letter-spacing:-.18rem;line-height:1.1;padding:0 3rem;z-index:1}@media(min-width:1024px){.filter__wrapper[data-v-20198d6d]{bottom:1.6rem;height:5.7rem;right:8.9rem;top:unset}}@media(hover:hover)and (pointer:fine){.filter__wrapper .right[data-v-20198d6d]:hover{background-color:#050516;color:#fff}}