.catalog-sorter{align-items:center;cursor:pointer;display:inline-flex;height:50px;position:relative}@media screen and (max-width:991px){.catalog-sorter{height:auto}}.catalog-sorter:hover .catalog-sorter__dropdown{opacity:1;pointer-events:auto;transform:translate(0)}.catalog-sorter__top{display:flex;padding-left:25px}.catalog-sorter__icon{height:20px;left:0;position:absolute;top:15px;width:20px}@media screen and (max-width:991px){.catalog-sorter__icon{left:0;top:3px}}.catalog-sorter__title{font-size:16px;font-weight:500;letter-spacing:0;margin-right:5px;white-space:nowrap}@media screen and (max-width:991px){.catalog-sorter__title{font-size:14px}}.catalog-sorter__value{color:#787878;font-size:16px;letter-spacing:-.5px;padding-right:27px}.catalog-sorter__value .icon{fill:#787878;height:16px;position:absolute;right:4px;top:16px;transition:transform .3s ease;width:12px}@media screen and (max-width:991px){.catalog-sorter__value .icon{top:5px}}.catalog-sorter__dropdown{background-color:#fff;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.15);left:0;min-width:270px;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;top:100%;transform:translateY(-10px);transition:transform .3s ease,opacity .3s ease;will-change:transform;z-index:300}.catalog-sorter__dropdown:before{bottom:100%;content:"";display:block;height:40px;left:0;position:absolute;right:0;width:100%}.catalog-sorter__dropdown-item{color:#787878;cursor:pointer;display:block;font-size:12px;padding:8px 0}.catalog-sorter__dropdown-item:not(:last-child){border-bottom:1px solid #f6f6f6}.catalog-sorter__dropdown-item.active,.catalog-sorter__dropdown-item:hover{color:#000}.catalog-sorter.is-up .catalog-sorter__value .icon{transform:rotate(0deg)}.catalog-sorter.is-down .catalog-sorter__value .icon{transform:rotate(180deg)}