.select-input{display:flex;flex-direction:column;max-width:100%;width:100%}@media(prefers-reduced-motion:no-preference){.select-input .select-input__control{transition:border-color .2s ease,box-shadow .2s ease}}.select-input__label-row{align-items:flex-start;color:var(--text-neutral-100, #262728);display:flex;justify-content:space-between;padding-bottom:var(--padding-5xs, 4px);width:100%}.select-input__label{color:inherit}.select-input__optional{color:var(--text-neutral-80, #5f6264)}.select-input__control{align-items:center;background:var(--background-neutral-white, #fff);border:1.2px solid var(--line-neutral-80, #5f6264);border-radius:var(--radius-xs, 4px);display:flex;gap:var(--gap-xs, 8px);width:100%}.select-input__field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:var(--text-neutral-100, #262728);flex:1;margin:0;min-width:0;outline:0;padding:0}.select-input__field:disabled{cursor:not-allowed}.select-input__icon{color:var(--icon-neutral-80, #5f6264);display:inline-flex;flex-shrink:0}.select-input__icon .icon{--icon-size: 24px}.select-input__icon--trailing{cursor:pointer}.select-input__hint{color:var(--text-neutral-100, #262728);margin:0;padding-top:var(--padding-4xs, 8px)}.select-input[data-size="48"] .select-input__control,.select-input[data-size="48 px"] .select-input__control{padding:var(--padding-3xs, 12px) var(--padding-2xs, 16px)}.select-input[data-size="56"] .select-input__control,.select-input[data-size="56 px"] .select-input__control{padding:var(--padding-2xs, 16px)}.select-input--inverted:not(.does-not-exist),.bg-primary-blue-100 .select-input{background:var(--background-primary-blue-100, #004da0);border-radius:var(--radius-xs, 4px);padding:var(--padding-2xs, 16px)}.select-input--inverted:not(.does-not-exist) .select-input__label-row,.bg-primary-blue-100 .select-input .select-input__label-row,.select-input--inverted:not(.does-not-exist) .select-input__label,.bg-primary-blue-100 .select-input .select-input__label,.select-input--inverted:not(.does-not-exist) .select-input__hint,.bg-primary-blue-100 .select-input .select-input__hint{color:var(--text-neutral-white, #fff)}.select-input--inverted:not(.does-not-exist) .select-input__optional,.bg-primary-blue-100 .select-input .select-input__optional{color:var(--text-neutral-white, #fff)}.select-input[data-state=Filled] .select-input__field,.select-input[data-state=Active] .select-input__field{color:var(--text-neutral-100, #262728)}.select-input[data-state=Active] .select-input__control{border:2px solid var(--line-primary-blue, #004da0);box-shadow:0 0 0 4px var(--shadows-cyan, #99dbf7)}.select-input[data-state=Active] .select-input__icon--trailing{color:var(--icon-primary-blue, #004da0)}.select-input:where(:not([data-state=Disabled]):not([data-state=Error])) .select-input__control:focus-within{border:2px solid var(--line-primary-blue, #004da0);box-shadow:0 0 0 4px var(--shadows-cyan, #99dbf7)}.select-input:where(:not([data-state=Disabled]):not([data-state=Error])) .select-input__control:focus-within .select-input__icon--trailing{color:var(--icon-primary-blue, #004da0)}.select-input[data-state=Error] .select-input__control{border:2px solid var(--line-functional-error, #eb0000)}.select-input[data-state=Error] .select-input__icon{color:var(--text-functional-error, #eb0000)}.select-input[data-state=Disabled] .select-input__label-row,.select-input[data-state=Disabled] .select-input__optional,.select-input[data-state=Disabled] .select-input__hint,.select-input[data-state=Disabled] .select-input__field,.select-input[data-state=Disabled] .select-input__icon{color:var(--text-neutral-80, #5f6264)}.select-input--inverted[data-state=Filled]:not(.does-not-exist) .select-input__field,.bg-primary-blue-100 .select-input[data-state=Filled] .select-input__field,.select-input--inverted[data-state=Active]:not(.does-not-exist) .select-input__field,.bg-primary-blue-100 .select-input[data-state=Active] .select-input__field{color:var(--text-neutral-100, #262728)}.select-input--inverted[data-state=Disabled]:not(.does-not-exist) .select-input__label-row,.bg-primary-blue-100 .select-input[data-state=Disabled] .select-input__label-row,.select-input--inverted[data-state=Disabled]:not(.does-not-exist) .select-input__optional,.bg-primary-blue-100 .select-input[data-state=Disabled] .select-input__optional,.select-input--inverted[data-state=Disabled]:not(.does-not-exist) .select-input__hint,.bg-primary-blue-100 .select-input[data-state=Disabled] .select-input__hint,.select-input--inverted[data-state=Disabled]:not(.does-not-exist) .select-input__field,.bg-primary-blue-100 .select-input[data-state=Disabled] .select-input__field,.select-input--inverted[data-state=Disabled]:not(.does-not-exist) .select-input__icon,.bg-primary-blue-100 .select-input[data-state=Disabled] .select-input__icon{color:var(--text-neutral-60, #bec4c7)}.select-input--inverted[data-state=Error]:not(.does-not-exist) .select-input__hint,.bg-primary-blue-100 .select-input[data-state=Error] .select-input__hint,.select-input--inverted[data-state=Error]:not(.does-not-exist) .select-input__field,.bg-primary-blue-100 .select-input[data-state=Error] .select-input__field,.select-input--inverted[data-state=Error]:not(.does-not-exist) .select-input__icon,.bg-primary-blue-100 .select-input[data-state=Error] .select-input__icon{color:#f9b2b2}