.sort-select{position:relative}.sort-trigger{min-width:14rem;color:var(--mf2);background:var(--tia-box);border:1px solid var(--filter-border);border-radius:1rem;justify-content:space-between;align-items:center;gap:.8rem;padding:1.2rem 2rem;font-family:Pretendard;font-size:1.5rem;font-weight:600;display:flex}.sort-caret{transition:transform .2s}.sort-caret.up{transform:rotate(180deg)}.sort-list{background:var(--tia-box);border:1px solid var(--filter-border);z-index:10;border-radius:1rem;min-width:100%;padding:.8rem;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 4px 12px #00000014}.sort-obj{margin:.2rem 0}.sort-obj button{width:100%;color:var(--mf2);text-align:left;white-space:nowrap;border-radius:.6rem;align-items:center;gap:.8rem;padding:.8rem 1rem;font-family:Pretendard;font-size:1.4rem;transition:background .15s;display:flex}.sort-obj button:hover,.sort-obj button.active{background:var(--mbg2)}.sort-obj .bbox{border:2px solid var(--filter-border);border-radius:50%;flex-shrink:0;width:1.6rem;height:1.6rem;position:relative}.sort-obj button.active .bbox{border-color:var(--mc)}.sort-obj button.active .bbox:after{content:"";background:var(--mc);border-radius:50%;width:.8rem;height:.8rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}