.ui-dropdown{--dropdown-width:220px;--dropdown-bg:var(--sc-color-surface,#f5f5f5);--dropdown-fg:var(--sc-color-on-surface,#111827);--dropdown-border:1px solid transparent;--dropdown-radius:var(--sc-radius-md,12px);--dropdown-shadow:8px 8px 15px var(--sc-neu-shadow,#0000001a), -8px -8px 15px var(--sc-neu-highlight,#fff9);--dropdown-padding-top:24px;--dropdown-padding-x:16px;--dropdown-padding-bottom:8px;--dropdown-label-color:var(--sc-color-on-surface,#111827);--dropdown-label-floated-color:var(--sc-color-primary,#2563eb);--dropdown-label-font-size:1rem;--dropdown-label-floated-font-size:.75rem;--dropdown-value-color:var(--dropdown-fg);--dropdown-icon-color:var(--dropdown-fg);--dropdown-menu-bg:var(--sc-color-surface,#f5f5f5);--dropdown-menu-border:1px solid transparent;--dropdown-menu-radius:var(--dropdown-radius);--dropdown-menu-shadow:var(--dropdown-shadow);--dropdown-item-color:var(--dropdown-fg);--dropdown-item-hover-bg:var(--sc-color-surface-50,#ffffff80);--dropdown-item-focus-outline:2px solid var(--sc-color-outline,#d1d5db);--dropdown-helper-color:var(--sc-color-on-surface-tint,#6b7280);--dropdown-error-color:var(--sc-color-error,#ef4444);--dropdown-error-ring:0 0 0 2px var(--sc-color-error,#ef4444);width:var(--dropdown-width);font-family:var(--sc-font-family-sans,sans-serif);color:var(--dropdown-fg);position:relative}.ui-dropdown__field{position:relative}.ui-dropdown__button{width:100%;padding:var(--dropdown-padding-top) var(--dropdown-padding-x) var(--dropdown-padding-bottom);border:var(--dropdown-border);border-radius:var(--dropdown-radius);background:var(--dropdown-bg);color:var(--dropdown-fg);box-shadow:var(--dropdown-shadow);cursor:pointer;justify-content:space-between;align-items:center;transition:box-shadow .2s,border-color .2s,background .2s;display:flex;position:relative}.ui-dropdown.is-error .ui-dropdown__button{box-shadow:var(--dropdown-error-ring), var(--dropdown-shadow)}.ui-dropdown__label{left:var(--dropdown-padding-x);background:var(--dropdown-bg);color:var(--dropdown-label-color);font-size:var(--dropdown-label-font-size);pointer-events:none;padding:0 4px;line-height:1;transition:all .2s;position:absolute;top:50%;transform:translateY(-50%)}.ui-dropdown.is-error .ui-dropdown__label,.ui-dropdown.is-error .ui-dropdown__label.is-floated{color:var(--dropdown-error-color)}.ui-dropdown__label.is-floated{font-size:var(--dropdown-label-floated-font-size);color:var(--dropdown-label-floated-color);top:8px;transform:none}.ui-dropdown__value{text-align:left;color:var(--dropdown-value-color);flex:1;min-height:1.25rem;display:inline-block}.ui-dropdown__icon{color:var(--dropdown-icon-color);margin-left:auto}.ui-dropdown__button:focus-visible{outline:2px solid var(--sc-color-focus,currentColor);outline-offset:2px}.ui-dropdown__menu-wrapper{z-index:999;width:100%;position:absolute;top:calc(100% + .5rem);left:0}.ui-dropdown__menu-wrapper--portal{z-index:2147483647;pointer-events:auto;contain:layout style;position:fixed;top:0;left:0}.ui-dropdown__menu{background:var(--dropdown-menu-bg);border:var(--dropdown-menu-border);border-radius:var(--dropdown-menu-radius);width:100%;box-shadow:var(--dropdown-menu-shadow);margin:0;padding:8px 0;list-style:none;overflow:auto}.ui-dropdown__item{cursor:pointer;width:100%;color:var(--dropdown-item-color);border-radius:8px;padding:10px 16px;transition:background .2s}.ui-dropdown__item:hover,.ui-dropdown__item.is-highlighted,.ui-dropdown__item:focus{background:var(--dropdown-item-hover-bg);outline:var(--dropdown-item-focus-outline);outline-offset:-2px}.ui-dropdown--material{--dropdown-radius:var(--sc-radius-xs,4px);--dropdown-shadow:none;--dropdown-bg:var(--sc-color-surface,#fff);--dropdown-border:1px solid var(--sc-color-on-surface,#111827);--dropdown-menu-radius:var(--sc-radius-xs,4px);--dropdown-menu-shadow:var(--sc-elevation-2,0px 4px 6px #0000001a);--dropdown-menu-border:1px solid transparent}.ui-dropdown--material.is-error .ui-dropdown__button{box-shadow:none;border-color:var(--dropdown-error-color)}.ui-dropdown--neumorphism .ui-dropdown__button:active{box-shadow:inset 8px 8px 15px var(--sc-neu-shadow-active,#00000026), inset -8px -8px 15px var(--sc-neu-highlight-active,#ffffff80)}.ui-dropdown__helper-text{color:var(--dropdown-helper-color);margin:4px 0 0 16px;font-size:.75rem}.ui-dropdown__error-text{color:var(--dropdown-error-color);margin:4px 0 0 16px;font-size:.75rem}