.dropdown{display:inline-block;position:relative}.dropdown.w-full{display:block}.dropdown.w-full .dropdown-trigger{width:100%;min-width:0}.dropdown-trigger{font-size:14px;font-family:var(--font);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;align-items:center;gap:8px;min-width:180px;padding-block:8px;padding-inline:12px 32px;transition:border-color .15s;display:flex;position:relative}.dropdown-trigger:hover{border-color:var(--accent)}.dropdown-trigger:after{content:"";inset-inline-end:12px;border-inline:4px solid #0000;border-top:5px solid var(--text3);position:absolute;top:50%;transform:translateY(-50%)}.dropdown-menu{top:calc(100% + 2px);background:var(--surface);border:1px solid var(--border);box-shadow:var(--sh-h);z-index:10;max-height:240px;margin:0;padding:4px 0;list-style:none;position:absolute;inset-inline:0;overflow-y:auto}.dropdown-item{color:var(--text);cursor:pointer;padding:8px 12px;font-size:14px;transition:background 80ms}.dropdown-item:hover{background:var(--accent-light)}.dropdown-item-active{background:var(--accent-light);color:var(--accent);font-weight:600}.dropdown-divider{background:var(--divider);height:1px;margin:4px 0}.dropdown-group{letter-spacing:.06em;text-transform:uppercase;color:var(--text3);cursor:default;padding:10px 12px 4px;font-size:10.5px;font-weight:700}.dropdown-item-sub{color:var(--text3);margin-top:1px;font-size:12px;display:block}.dropdown-trigger{text-align:start}.dropdown-trigger>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.dropdown-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.dropdown-trigger[aria-expanded=true]{border-color:var(--accent)}.dropdown-trigger[aria-expanded=true]:after{transform:translateY(-50%)rotate(180deg)}.dropdown-trigger:disabled{opacity:.5;cursor:not-allowed}.dropdown-trigger:disabled:hover{border-color:var(--border)}.dropdown-menu.is-floating{top:auto;z-index:1000;max-height:320px;padding:4px 0;position:fixed;inset-inline-end:auto}.dropdown-menu.has-search{padding:0}.dropdown-list{margin:0;padding:0;list-style:none}.dropdown-menu.has-search>.dropdown-list{padding:4px 0}.dropdown-item{overflow-wrap:anywhere}.dropdown-item.is-highlighted{background:var(--accent-light)}.dropdown-item[aria-disabled=true]{color:var(--text4);cursor:not-allowed;background:0 0}.dropdown-item-empty{color:var(--text3)}.dropdown-search{z-index:1;border-bottom:1px solid var(--divider);background:var(--surface);padding:8px;position:sticky;top:0}.dropdown-search .input{margin:0}.dropdown-empty{color:var(--text3);cursor:default;padding:10px 12px;font-size:13px}.dropdown-swatch{vertical-align:-1px;border:1px solid #00000026;flex:none;width:12px;height:12px;margin-inline-end:8px;display:inline-block}.dropdown-trigger>.dropdown-swatch{flex:none;margin-inline-end:0}.dropdown-sm .dropdown-trigger{gap:6px;min-width:0;height:30px;padding-block:0;padding-inline:9px 26px;font-size:12.5px}.dropdown-sm .dropdown-trigger:after{inset-inline-end:9px}.dropdown-menu-sm .dropdown-item{padding:6px 10px;font-size:12.5px}.dropdown-menu-sm .dropdown-group{padding:8px 10px 3px;font-size:10px}.dropdown-menu-sm .dropdown-search{padding:6px}.dropdown-menu-sm .dropdown-search .input{padding:5px 8px;font-size:12.5px}