@layer components{.menu-select{flex:none;position:relative}.menu-select-labelled{align-items:center;gap:8px;display:flex}.menu-select-label{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:color-mix(in srgb, var(--color-text) 65%, transparent);font-size:12px;font-weight:600}.menu-select-button{border:1px solid var(--color-divider);min-height:38px;color:inherit;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;align-items:center;gap:10px;padding:0 10px;font-size:14px;display:flex}.menu-select-sm .menu-select-button{min-height:36px}.menu-select-xs .menu-select-button{min-height:34px}.menu-select-button:hover{border-color:var(--color-accent)}.menu-select-placeholder{color:color-mix(in srgb, var(--color-text) 55%, transparent)}.menu-select-caret{color:color-mix(in srgb, var(--color-text) 60%, transparent);flex:none}.menu-select-list{z-index:30;background:var(--color-bg);box-shadow:var(--shadow-lg);flex-direction:column;padding:4px 0;display:flex;position:absolute;top:calc(100% + 6px);right:0}.menu-select-options{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}.menu-select-multi-options{max-height:min(320px,55vh)}.menu-select-list-left{left:0;right:auto}.menu-select-list-search{flex-direction:column;padding:8px;display:flex}.input.menu-select-search{flex:none;min-height:32px;margin-bottom:6px;font-size:13px}.menu-select-list-search .menu-select-option{padding:7px 10px}.menu-select-empty{white-space:nowrap;color:color-mix(in srgb, var(--color-text) 55%, transparent);padding:8px 12px;font-size:13px;display:block}.menu-select-option{width:100%;color:inherit;font:inherit;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:8px 12px;font-size:14px;display:block}.menu-select-field{min-width:0}.menu-select-field .menu-select-button{text-align:left;gap:8px;width:100%;min-height:36px;font-size:13px}.menu-select-field .menu-select-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.menu-select-field .menu-select-list{left:0}.menu-select-field .menu-select-option{padding:7px 10px;font-size:13px}.menu-select-option{align-items:baseline;gap:8px;display:flex}.menu-select-option:disabled{cursor:default;color:color-mix(in srgb, var(--color-text) 45%, transparent)}.menu-select-option-dot{vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.menu-select-option-label{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.menu-select-option-sub{letter-spacing:.06em;color:color-mix(in srgb, var(--color-text) 55%, transparent);flex:none;font-size:10px}.menu-select-option-sub.is-warning{color:var(--color-warning-ink)}.menu-select-option.is-faded{opacity:.55}.menu-select-option-multi{white-space:normal;align-items:flex-start;gap:9px;padding:8px 10px;display:flex}.menu-select-option-multi:hover{background:color-mix(in srgb, var(--color-text) 8%, transparent)}.menu-select-tick{border:1px solid var(--color-divider);flex:none;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;display:flex}.menu-select-tick.is-on{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-solid)}.menu-select-option-text{flex-direction:column;flex:1;gap:1px;min-width:0;font-size:13px;line-height:18px;display:flex}.menu-select-note{color:color-mix(in srgb, var(--color-text) 60%, transparent);font-size:11px;line-height:15px}.menu-select-value-wrap{text-overflow:ellipsis;overflow:hidden}.menu-select-option[aria-selected=true]{color:var(--color-accent-ink);background:color-mix(in srgb, var(--color-accent) 18%, transparent)}.menu-select-option:hover{background:color-mix(in srgb, var(--color-text) 8%, transparent)}.menu-select-option-multi[aria-selected=true]{color:inherit;background:0 0}}