.search{top:50px;left:var(--padding-x);width:300px;height:50px;position:absolute}.search__inner{vertical-align:middle;white-space:nowrap;width:300px;position:relative}.search__inner:hover .search__input{width:300px}.search__input{background:var(--white);color:#262626;-o-transition:width .3s ease;border:1px solid #262626;border-radius:50px;width:50px;height:50px;padding-left:45px;font-size:16px;transition:width .3s}.search__input::-webkit-search-cancel-button{cursor:pointer;position:relative;right:15px}.search__input:focus,.search__input:active{outline:none;width:300px}.search__icon{z-index:1;color:#444343;width:25px;height:25px;margin-left:12px;position:absolute;top:50%;transform:translateY(-50%)}@media (max-width:1245px){.search{position:relative;top:0;left:0}.search .search__input{width:300px}}@media (max-width:768px){.search,.search__inner,.search__inner .search__input,.search__inner:hover .search__input,.search__input:focus,.search__input:active{width:100%}}
.sort-select{top:50px;right:var(--padding-x);position:absolute}.sort-select .sort-select__label{font-size:14px;position:absolute;top:-2rem;left:12px}.sort-select .sort-select__inner{width:300px;height:50px;position:relative}.sort-select .sort-select__inner:after{content:"";z-index:100;border-bottom:1px solid #262626;border-right:1px solid #262626;width:8px;height:8px;display:block;position:absolute;top:50%;right:16px;transform:translateY(-50%)rotate(45deg)}.sort-select .sort-select__select{appearance:none;border:1px solid #262626;border-radius:50px;width:300px;height:50px;padding:8px 12px;font-size:16px}@media (max-width:1245px){.sort-select{position:relative;top:0;right:0}}@media (max-width:768px){.sort-select .sort-select__select,.sort-select .sort-select__inner{width:100%}}