.SortSetting-list-popup{width:100%;height:100%;max-width:480px;max-height:340px;background-color:#fff;border-radius:20px;padding:0 28px;box-sizing:border-box;display:flex;flex-direction:column}@media screen and (max-width:1200px){.SortSetting-list-popup{max-width:300px;max-height:360px}}.SortSetting-list-popup>header{display:flex;justify-content:space-between;align-items:flex-start;margin:28px 0}@media screen and (max-width:1200px){.SortSetting-list-popup>header{margin:24px 0}}.SortSetting-list-popup-title{display:flex;justify-content:center;align-items:center;font-style:normal;font-weight:600;font-size:22px;line-height:26px;font-feature-settings:"tnum" on,"lnum" on;color:#16161a}@media screen and (max-width:1200px){.SortSetting-list-popup-title{font-size:18px}}.SortSetting-list-popup-close-button{width:26px;height:26px;margin:0;padding:0;border-style:none;background-color:#fff;cursor:pointer}@media screen and (max-width:1200px){.SortSetting-list-popup-close-button{width:20px;height:20px}}.SortSetting-list-popup-close-button:hover{background-color:rgba(22,22,26,.2);border-radius:50px}.SortSetting-list-popup-select{display:flex;align-items:center;font-style:normal;font-weight:400;font-size:12px;color:rgba(22,22,26,.6);gap:20px;margin-bottom:20px}.SortSetting-list-popup-select-titleWidth{width:72px}@media screen and (max-width:1200px){.SortSetting-list-popup-select{flex-direction:column;align-items:flex-start;gap:6px}}.SortSetting-list-popup-sortOrder{width:100%;flex:1;cursor:pointer}.SortSetting-list-popup-sortOrder-item{border:1px solid #ced4da;display:flex;flex:1;flex-direction:row;justify-content:center;align-items:center;padding:12px 16px;gap:8px;font-weight:500;font-size:14px}@media screen and (max-width:1200px){.SortSetting-list-popup-sortOrder-item{font-size:12px;gap:2px}}.SortSetting-list-popup-sortOrder-item-left{border-radius:12px 0 0 12px;border-right:0}.SortSetting-list-popup-sortOrder-item-right{border-radius:0 12px 12px 0;border-left:0}.SortSetting-list-popup-sortOrder-item-select{color:#fff;background-color:#00b1ff}.SortSetting-list-popup-sortOrder-item-notSelect{color:rgba(22,22,26,.4);background-color:#f6f6f9}.SortSetting-list-popup-sortOrder-item-notSelect:hover{background-color:rgba(22,22,26,.2)}.SortSetting-list-popup-sortOrder-item-svgSelect path{fill:#fff}.SortSetting-list-popup-sortOrder-item-svgNotSelect path{fill:rgba(22,22,26,.4)}.SortSetting-list-popup-footer{display:flex;justify-content:flex-end;gap:10px}.SortSetting-list-popup-footer-reset{display:flex;align-items:center;gap:8px;font-weight:400;font-size:12px;padding:6px;color:rgba(22,22,26,.6);cursor:pointer}@media screen and (min-width:1201px){.SortSetting-list-popup-footer-reset:hover{background-color:rgba(22,22,26,.2);border-radius:12px}}.SortSetting-list-popup-footer-apply{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:15px 20px;background:#16161a;border-radius:16px;color:#fff;cursor:pointer;font-weight:600;font-size:15px}@media screen and (max-width:1200px){.SortSetting-list-popup-footer-apply{font-size:12px}}@media screen and (min-width:1201px){.SortSetting-list-popup-footer-apply:hover{background-color:#00b1ff}}.SortSettingButton{display:flex;flex-direction:row;align-items:center;padding:12px 14px 12px 16px;gap:12px;background:#f6f6f9;border-radius:16px;cursor:pointer;font-weight:600;font-size:14px;color:#16161a}.SortSettingButton-container{position:absolute;right:28px;top:20px}@media screen and (max-width:1200px){.SortSettingButton-container{display:flex;flex:1;justify-content:flex-end;margin:28px 25px 8px 0;right:unset;top:unset;position:unset}.SortSettingButton{font-size:12px;gap:8px}}.SortSettingButton:hover{background:rgba(22,22,26,.2)}.ListSettingButton{display:flex;flex-direction:row;align-items:center;padding:12px 14px 12px 16px;gap:12px;background:#f6f6f9;border-radius:16px;cursor:pointer;font-weight:600;font-size:14px;color:#16161a}.ListSettingButton-container{display:flex;flex:1;justify-content:flex-end}@media screen and (max-width:1200px){.ListSettingButton{background:#fff;padding:0 14px;margin:16px 0;font-size:12px;gap:8px}}@media screen and (min-width:1201px){.ListSettingButton:hover{background:rgba(22,22,26,.2)}}