.dd{min-width:0;display:inline-flex;position:relative}.dd-btn{min-width:0;height:36px;color:var(--text);font:550 14px var(--font-sans);cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:0 10px;transition:background-color .2s cubic-bezier(.22,1,.36,1);display:inline-flex}.dd-btn:hover,.dd.open .dd-btn{background:#1018200d}.dd .dd-btn:focus-visible{outline-offset:2px;box-shadow:none;outline:2px solid #1d253047}.dd.open .dd-btn{outline:none}.dd-btn>svg:not(.dd-chev){color:#3b4450;flex:none;width:16px;height:16px}.dd-value{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.dd-chev{fill:none;stroke:#6b7480;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:14px;height:14px;transition:transform .25s cubic-bezier(.22,1,.36,1)}.dd.open .dd-chev{transform:rotate(180deg)}.dd-menu{z-index:60;transform-origin:0 0;background:#fff;border-radius:14px;width:max-content;min-width:100%;max-width:320px;animation:.2s cubic-bezier(.22,1,.36,1) dd-in;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 0 0 1px #1018200f,0 18px 40px -16px #10182052,0 4px 10px -6px #1018201f}.dd .dd-list{overscroll-behavior:contain;scrollbar-width:none;max-height:min(320px,60vh);margin:0;padding:6px;list-style:none;overflow-y:auto}.dd-list::-webkit-scrollbar{display:none}.dd-thumb{z-index:1;opacity:0;pointer-events:none;background:#10182042;border-radius:99px;width:4px;transition:opacity .45s cubic-bezier(.22,1,.36,1);position:absolute;top:0;right:3px}.dd-thumb.on{opacity:1;transition-duration:.12s}.dd.end .dd-menu{transform-origin:100% 0;left:auto;right:0}.dd.up .dd-menu{transform-origin:0 100%;top:auto;bottom:calc(100% + 6px)}@keyframes dd-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}}.dd.up .dd-menu{animation-name:dd-in-up}@keyframes dd-in-up{0%{opacity:0;transform:translateY(4px)scale(.98)}}.dd-list li{color:#1d2530;cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;min-height:34px;padding:0 10px;font-size:13.5px;font-weight:450;display:flex}.dd-list li.on{background:#1018200d}.dd-list li[aria-selected=true]{font-weight:600}.dd-list li>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.dd-list li svg{fill:none;stroke:#1d2530;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:15px;height:15px}.dd-native{clip-path:inset(50%);opacity:0;pointer-events:none;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.dd-menu{animation:none}.dd-chev{transition:none}}.dd.sel{width:100%;min-height:0;display:flex;background:0 0!important;border:0!important;padding:0!important}.dd.sel .dd-btn,.rankings-sort .dd-btn{border:1px solid var(--line-2);background:#fff;border-radius:12px;justify-content:space-between;width:100%;height:40px;padding:0 12px;font-weight:500;transition:border-color .2s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1)}.dd.sel .dd-btn:hover,.dd.sel.on .dd-btn,.dd.sel.open .dd-btn,.rankings-sort .dd.open .dd-btn{background:#fff;border-color:#10182073}.dd.sel .dd-menu{min-width:100%}.rankings-sort .dd{width:100%}.picker .clinic-dd{position:absolute;inset:0}.picker .clinic-dd .dd-btn{border-radius:12px;width:100%;height:100%;padding:0;background:0 0!important}.picker .clinic-dd .dd-btn>:not(.dd-menu){opacity:0}.picker .clinic-dd .dd-menu{width:300px;max-width:calc(100vw - 32px)}.app>.side:has(.dd.open){overflow:visible}