.select{width:30rem;position:relative}.select__select{border:1px solid var(--color-light-gray);transition:var(--easing) var(--duration);border-radius:1.8rem;justify-content:space-between;align-items:center;width:100%;padding:.6rem 2rem;font-size:1.4rem;display:flex}.select__select span{display:inline-block}.select__select img{transition:var(--easing) var(--duration);transform:rotate(180deg)}.select__list{background:var(--color-white);z-index:10;border:1px solid var(--color-light-gray);visibility:hidden;opacity:0;border-radius:0 0 1.8rem 1.8rem;margin-top:-.1rem;position:absolute;overflow:hidden}.select__list,.select__list-item{width:100%;transition:var(--easing) var(--duration)}.select__list-item{padding:.5rem 2rem;display:flex}.select__list-item:hover{background:var(--color-gray)}.select.open .select__select{border-radius:1.8rem 1.8rem 0 0}.select.open .select__select img{transform:rotate(270deg)}.select.open .select__list{visibility:visible;opacity:1}@media (max-width:768px){.select__list,.select__select{font-size:1.2rem}}.select-sort{align-items:center;gap:.5rem;display:flex}.select-sort .select{width:25rem}@media (max-width:850px){.select-sort .select{width:20rem}}@media (max-width:768px){.select-sort__label{display:none}}.select-limit{align-items:center;gap:.5rem;display:flex}.select-limit .select{width:10rem}@media (max-width:768px){.select-limit__label{display:none}.select-limit .select{width:6.8rem}}.sort-limit{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:1rem 0 1rem 2rem;display:flex}.sort-limit__compare{color:var(--color-blue);font-weight:300}.sort-limit__sort{align-items:center;gap:3rem;display:flex}@media (max-width:1000px){.sort-limit{padding:1.5rem 0}}@media (max-width:768px){.sort-limit{flex-direction:column;align-items:stretch;gap:1.5rem}.sort-limit__wrapper{justify-content:space-between;align-items:center;display:flex}.sort-limit__compare{font-size:1.2rem;font-weight:400}.sort-limit__sort{justify-content:space-between}}