.sort-dropdown-wrapper{position:relative;width:100%}.sort-dropdown-wrapper .form-input-warper{display:block}.sort-dropdown-wrapper .form-label{display:block;margin-bottom:.5rem;font-size:16px;font-weight:400;color:var(--white-1000)}.sort-dropdown-wrapper .form-label span{margin-left:.25rem;color:#ef4444}.sort-dropdown-wrapper .sort-dropdown-btn{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:1.015rem!important;background:var(--blue-500)!important;border-radius:.375rem;color:var(--grey-300);font-size:16px!important;font-weight:400;transition:background-color .2s,box-shadow .2s;cursor:pointer;border:none;text-align:left}.sort-dropdown-wrapper .sort-dropdown-btn span{color:var(--grey-300)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.sort-dropdown-wrapper .sort-dropdown-btn:hover{background:var(--field-background-1)!important;box-shadow:0 0 0 1px var(--blue-400)}.sort-dropdown-wrapper .sort-dropdown-btn.invalid{border:1px solid #ef4444;background:var(--blue-500)!important}.sort-dropdown-wrapper .sort-dropdown-btn .dropdown-icon{transition:transform .2s;color:var(--grey-300);margin-left:auto;flex-shrink:0;width:12px;height:12px}.sort-dropdown-wrapper .sort-dropdown-btn .dropdown-icon.open{transform:rotate(180deg)}@media screen and (max-width:767.98px){.sort-dropdown-wrapper .sort-dropdown-btn{font-size:14px!important;padding:.75rem .65rem!important;gap:.4rem}}.sort-dropdown-wrapper .sort-dropdown-menu{position:absolute;top:calc(100% + .5rem);left:0;right:auto;background:#19191a;border-radius:.375rem;z-index:1000;box-shadow:0 8px 24px rgba(0,0,0,.5);border:1px solid hsla(0,0%,100%,.08);max-height:250px;overflow-y:auto;overflow-x:hidden;width:100%;min-width:100%;scrollbar-width:thin}.sort-dropdown-wrapper .sort-dropdown-menu::-webkit-scrollbar{width:3px}.sort-dropdown-wrapper .sort-dropdown-menu::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:0 .95rem .95rem 0}.sort-dropdown-wrapper .sort-dropdown-menu::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:3px}.sort-dropdown-wrapper .sort-dropdown-menu::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}@supports(scrollbar-color:auto){.sort-dropdown-wrapper .sort-dropdown-menu{scrollbar-color:hsla(0,0%,100%,.2) hsla(0,0%,100%,.05)}}.sort-dropdown-wrapper .sort-dropdown-menu .sort-option{display:block;width:100%;padding:.75rem 1rem;text-align:left;color:#fff;font-size:14px;font-weight:300;transition:background-color .2s,color .2s;cursor:pointer;background:rgba(0,0,0,0);border:none;border-bottom:1px solid hsla(0,0%,100%,.08)}.sort-dropdown-wrapper .sort-dropdown-menu .sort-option:last-child{border-bottom:none;border-radius:0 0 .375rem .375rem}.sort-dropdown-wrapper .sort-dropdown-menu .sort-option:first-child{border-radius:.375rem .375rem 0 0}.sort-dropdown-wrapper .sort-dropdown-menu .sort-option:hover{background:#1e1e20;color:#fff}.sort-dropdown-wrapper .sort-dropdown-menu .sort-option.active{background:var(--blue-400);color:#fff}@media screen and (max-width:767.98px){.sort-dropdown-wrapper .sort-dropdown-menu .sort-option{padding:.65rem .75rem;font-size:13px}}.sort-dropdown-wrapper .error-message{display:block;margin-top:.5rem;color:#ef4444;font-size:12px;font-weight:400}