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