.filter{justify-content:space-between;align-items:center;display:flex}.filter_title{font-weight:700}.filter_content{width:32px;position:relative}.filter_icon{cursor:pointer;display:flex}.filter_popup{border:1px solid var(--S_100);box-sizing:border-box;z-index:1;background-color:#fff;border-radius:5px;width:min(345px,90vw);max-width:345px;padding:16px 16px 8px;position:absolute;top:2.5rem;box-shadow:0 6px 20px #00000014}.filter_popup:before,.filter_popup:after{content:"";border:10px solid #0000;position:absolute;top:-20px;transform:translate(-50%)}.filter_popup:before{border-bottom-color:var(--S_100)}.filter_popup:after{border:8px solid #0000;border-bottom-color:#fff;top:-16px}.filter_popup-title{border-bottom:1px solid var(--S_100);margin-bottom:8px;font-size:16px;font-weight:700;line-height:24px}.filter_popup-link{border-bottom:1px solid var(--S_50);justify-content:space-between;align-items:center;gap:8px;padding:8px 0;font-size:14px;font-weight:500;line-height:20px;display:flex}.filter_popup-text{flex:9}.filter_popup-radio{border:1px solid var(--S_100);vertical-align:middle;box-sizing:border-box;background-color:#fff;border-radius:50%;width:19px;height:19px;font-weight:700;display:block;position:relative}.filter_popup-radio.selected{border-color:var(--N_500)}.filter_popup-radio.selected:before{content:"";background-color:var(--N_500);border-radius:50%;width:13px;height:13px;position:absolute;top:2px;left:2px}@media (width>=768px){.filter_popup{left:50%;transform:translate(-50%)}.filter_popup:after,.filter_popup:before{left:50%}}@media (width<=767.98px){.filter_popup{right:0}.filter_popup:after,.filter_popup:before{left:calc(100% - 16px)}}