.alfred-select{min-inline-size:0;max-inline-size:100%;display:block;position:relative}.alfred-select>.alfred-select-native{clip-path:inset(50%);opacity:0;pointer-events:none;white-space:nowrap;border:0;block-size:1px;min-block-size:0;max-block-size:1px;inline-size:1px;min-inline-size:0;max-inline-size:1px;margin:0;padding:0;position:absolute;overflow:hidden}.alfred-select>.alfred-select-trigger.alfred-select-trigger{inline-size:100%;min-inline-size:0;max-inline-size:100%;min-block-size:var(--field-height,46px);border:1px solid var(--field-border,var(--line-strong));border-radius:var(--field-radius,8px);background:var(--field-bg,var(--surface));box-shadow:var(--field-shadow);color:var(--ink);font-family:var(--font-sans);text-align:start;cursor:pointer;background-image:none;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:16px;font-weight:400;line-height:24px;display:flex}.alfred-select-trigger>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.alfred-select .alfred-select-trigger:focus-visible{border-color:var(--field-focus-border,var(--accent));box-shadow:var(--field-shadow),0 0 0 4px var(--field-focus-ring,var(--accent-soft));outline:none}.alfred-select .alfred-select-trigger[aria-expanded=true]{border-color:var(--field-focus-border,var(--accent))}.alfred-select .alfred-select-trigger[aria-invalid=true]{border-color:var(--field-error-border,var(--danger))}.alfred-select .alfred-select-trigger[aria-invalid]{background-image:none;padding-inline-end:14px}.alfred-select .alfred-select-trigger:disabled{color:var(--muted);background:var(--surface-2);cursor:not-allowed}.alfred-select-placeholder{color:var(--muted)}.alfred-select-chevron{background:var(--muted);flex:0 0 20px;block-size:20px;inline-size:20px;-webkit-mask:url(/icons/input-chevron-down.svg) 50%/20px 20px no-repeat;mask:url(/icons/input-chevron-down.svg) 50%/20px 20px no-repeat}.alfred-select-indicators{flex:none;align-items:center;gap:8px;display:inline-flex}.alfred-select-errorIcon{background:var(--danger);flex:0 0 16px;block-size:16px;inline-size:16px;-webkit-mask:url(/icons/input-alert.svg) 50%/16px 16px no-repeat;mask:url(/icons/input-alert.svg) 50%/16px 16px no-repeat}.alfred-select-validation{color:var(--danger);margin-block-start:6px;font-size:14px;line-height:20px;display:block}.alfred-select-trigger[aria-expanded=true] .alfred-select-chevron{transform:rotate(180deg)}.alfred-select-dialog{inset:auto;top:var(--select-top,auto);bottom:var(--select-bottom,auto);left:var(--select-left,12px);inline-size:var(--select-width,280px);max-inline-size:calc(100vw - 24px);max-block-size:min(var(--select-max-height,360px),calc(100dvh - 24px));border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:16px;margin:0;padding:6px;position:fixed;overflow:hidden;box-shadow:0 12px 36px #10182829,0 2px 8px #1018280f}.alfred-select-dialog[open]{flex-direction:column;display:flex}.alfred-select-dialog::backdrop{background:0 0}.alfred-select-menuHeader,.alfred-select-sheetHandle{display:none}.alfred-select-search{flex:none;padding:6px 6px 10px}.alfred-select-search input{border:1px solid var(--field-border,var(--line-strong));background:var(--field-bg,var(--surface));min-block-size:44px;inline-size:100%;color:var(--ink);font:inherit;border-radius:10px;padding:9px 12px;font-size:16px;line-height:24px}.alfred-select-search input:focus{border-color:var(--field-focus-border,var(--accent));box-shadow:0 0 0 3px var(--field-focus-ring,var(--accent-soft));outline:none}.alfred-select-list{overscroll-behavior:contain;outline:none;min-block-size:0;padding:0;overflow:auto}.alfred-select-option{min-block-size:44px;inline-size:100%;color:var(--ink);font-family:var(--font-sans);text-align:start;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:15px;font-weight:400;line-height:22px;display:flex}.alfred-select-option>span:first-child{overflow-wrap:anywhere;min-inline-size:0}.alfred-select-option.is-active{background:var(--surface-2)}.alfred-select-option[aria-selected=true]{background:var(--accent-soft);color:var(--accent);font-weight:500}.alfred-select-option:disabled{color:var(--faint);cursor:not-allowed}.alfred-select-option:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.alfred-select-check{background:currentColor;flex:0 0 14px;block-size:14px;inline-size:14px;-webkit-mask:url(/icons/input-check.svg) 50%/14px 14px no-repeat;mask:url(/icons/input-check.svg) 50%/14px 14px no-repeat}.alfred-select-empty{color:var(--muted);text-align:center;padding:20px 12px;font-size:14px}.alfred-select-group{color:var(--muted);padding:12px 12px 6px;font-size:12px;font-weight:600}@media (max-width:720px){.alfred-select-dialog{inline-size:100%;max-inline-size:100%;max-block-size:calc(88dvh - env(safe-area-inset-top));padding:0 12px max(12px,env(safe-area-inset-bottom));border-bottom:0;border-radius:24px 24px 0 0;inset:auto 0 0}.alfred-select-dialog::backdrop{background:var(--scrim,#08131566);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.alfred-select-sheetHandle{background:var(--line-strong);border-radius:999px;flex:none;block-size:4px;inline-size:40px;margin:10px auto 0;display:block}.alfred-select-menuHeader{flex:none;justify-content:space-between;align-items:center;gap:12px;padding:12px 8px 16px;display:flex}.alfred-select-menuHeader h2{overflow-wrap:anywhere;min-inline-size:0;font-size:18px;font-weight:600;line-height:26px}.alfred-select-menuHeader button{border:1px solid var(--line);background:var(--surface);block-size:44px;inline-size:44px;color:var(--ink);border-radius:12px;flex:none;font-size:24px}.alfred-select-option{min-block-size:48px;padding:12px;font-size:16px;line-height:24px}.alfred-select-search{padding:0 8px 12px}}@media (prefers-reduced-motion:no-preference){.alfred-select-trigger,.alfred-select-option{transition:background-color .12s,border-color .12s}}@media (forced-colors:active){.alfred-select-trigger,.alfred-select-dialog{border-color:buttontext}.alfred-select-option[aria-selected=true]{outline-offset:-2px;outline:2px solid highlight}.alfred-select-chevron,.alfred-select-check{background:buttontext}}
