:root{--overlayed-box-z-index:var(--z-layer-fourth)}.box-with-overlay:before{content:"";position:fixed;top:0;left:0;width:100%;height:100vh;opacity:0;background-color:rgba(63,65,98,.9);transition-duration:.2s;transition-property:opacity visibility;transition-timing-function:ease-in-out;z-index:var(--z-layer-third);visibility:hidden}.box-with-overlay_active:before{opacity:1;z-index:var(--overlayed-box-z-index);visibility:visible}.ns-sort-filter{position:relative}.ns-sort-filter__trigger{display:block;transition:color .3s}.ns-sort-filter__trigger:hover{color:var(--color-primary)}.ns-sort-filter__title{display:inline-block;white-space:nowrap;margin-left:-5px}.ns-sort-filter__dropdown{will-change:opacity;position:absolute;padding:22px 16px;top:90%;right:0;width:258px;background:var(--color-typo-light);border-radius:var(--border-radius-m);z-index:var(--overlayed-box-z-index);transition:opacity .2s}@media (max-width:500px){.ns-sort-filter__dropdown{transform:translateX(30px)}}.ns-sort-filter_position-left .ns-sort-filter__dropdown{right:auto;left:0}.ns-sort-filter__item{display:block;width:100%;text-align:left;transition:color .3s}.ns-sort-filter__item:hover{color:var(--color-primary)}.ns-sort-filter__item:not(:last-child){margin-bottom:10px}.ns-sort-filter__item .base-button__inner{display:flex;justify-content:space-between}.ns-sort-filter__item-icon{color:var(--color-primary);margin-left:20px}.sort-append-enter-active,.sort-append-leave-active{opacity:1}.sort-append-enter-from,.sort-append-leave-to{opacity:0}