.custom-dropdown{flex-shrink:0;display:inline-flex;position:relative}.custom-dropdown-trigger{cursor:pointer;font-family:var(--font-primary,inherit);white-space:nowrap;background:0 0;border:none;align-items:center;gap:8px;transition:all .2s;display:flex}.custom-dropdown.filter .custom-dropdown-trigger{letter-spacing:1px;text-transform:uppercase;color:#000;padding:7px 9px;font-size:15px;font-weight:500;line-height:15px}.custom-dropdown.sort .custom-dropdown-trigger{letter-spacing:1px;text-transform:uppercase;color:#000;background-color:#f5f5f5ab;border:1px solid #1a223842;border-radius:16px;gap:10px;padding:8px 16px;font-size:12px;font-weight:500;line-height:15px}.custom-dropdown.sort .custom-dropdown-trigger:hover{border-color:#1a223866}.custom-dropdown-chevron{color:inherit;flex-shrink:0;justify-content:center;align-items:center;transition:transform .25s;display:flex}.custom-dropdown-chevron.rotated{transform:rotate(180deg)}.custom-dropdown.filter .custom-dropdown-chevron,.custom-dropdown.sort .custom-dropdown-chevron{width:10px;height:6px}.custom-dropdown-portal{z-index:9999;position:relative}.custom-dropdown-backdrop{z-index:9998;background:0 0;position:fixed;inset:0}.custom-dropdown-panel{-webkit-backdrop-filter:blur(20px);z-index:9999;background:#fffffffa;border:1px solid #3e2f281a;border-radius:12px;min-width:200px;max-height:340px;animation:.2s dropdownSlideIn;position:fixed;overflow:hidden;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.custom-dropdown-handle,.custom-dropdown-title{display:none}.custom-dropdown-options{scrollbar-width:thin;scrollbar-color:#3e2f2826 transparent;max-height:330px;padding:6px;overflow-y:auto}.custom-dropdown-options::-webkit-scrollbar{width:5px}.custom-dropdown-options::-webkit-scrollbar-track{background:0 0}.custom-dropdown-options::-webkit-scrollbar-thumb{background:#3e2f2826;border-radius:10px}.custom-dropdown-option{cursor:pointer;width:100%;font-family:var(--font-primary,inherit);color:var(--color-navy,#1a2238);text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:9px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.custom-dropdown-option:hover{background:#f2f0e4b3}.custom-dropdown-option.selected{background:#1a22380f;font-weight:600}.custom-dropdown-option.selected:hover{background:#1a22381a}.custom-dropdown-option.grouped{padding-left:20px;font-size:13px}.custom-dropdown-check{color:#10b981;flex-shrink:0;margin-left:12px;font-size:12px;font-weight:700}.custom-dropdown-group+.custom-dropdown-group{border-top:1px solid #3e2f280f;margin-top:2px;padding-top:2px}.custom-dropdown-group-label{letter-spacing:1.5px;text-transform:uppercase;color:#3e2f2873;-webkit-user-select:none;user-select:none;padding:8px 12px 4px;font-size:10px;font-weight:700}@media (max-width:768px){.custom-dropdown.filter .custom-dropdown-trigger{text-transform:none;letter-spacing:0;color:var(--color-navy,#1a2238);padding:8px 10px;font-size:12px;font-weight:600}.custom-dropdown.sort .custom-dropdown-trigger{text-transform:none;letter-spacing:0;color:var(--color-navy,#1a2238);background:0 0;border:none;border-radius:0;padding:8px 10px;font-size:12px;font-weight:600}.custom-dropdown-backdrop{background:#0006;animation:.2s backdropFadeIn}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.custom-dropdown-panel{border-radius:20px 20px 0 0;max-height:60vh;animation:.3s cubic-bezier(.32,.72,0,1) dropdownSlideUp;box-shadow:0 -4px 40px #00000026;min-width:unset!important;position:fixed!important;inset:auto 0 0!important}@keyframes dropdownSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.custom-dropdown-handle{justify-content:center;padding:12px 0 4px;display:flex}.custom-dropdown-handle-bar{background:#3e2f2826;border-radius:100px;width:36px;height:4px}.custom-dropdown-title{color:var(--color-navy,#1a2238);font-size:16px;font-weight:700;font-family:var(--font-primary,inherit);border-bottom:1px solid #3e2f280f;padding:4px 20px 12px;display:block}.custom-dropdown-options{-webkit-overflow-scrolling:touch;max-height:calc(60vh - 70px);padding:8px 8px 32px}.custom-dropdown-option{border-radius:10px;padding:14px 16px;font-size:15px}.custom-dropdown-option.grouped{padding-left:24px}.custom-dropdown-group-label{letter-spacing:2px;padding:14px 16px 6px;font-size:11px}.custom-dropdown-check{font-size:14px}}