.ui-dropdown-light{--_label-color: var(--gray);--_value-color: var(--dark);position:relative;display:inline-flex;align-items:center;justify-content:space-between;min-height:var(--_h);gap:.75rem;padding:0 var(--_px);cursor:pointer;border-radius:var(--_radius);background:var(--_bg);color:var(--_value-color);font-size:var(--_font);font-weight:500;line-height:1;transition:background-color .15s ease,color .15s ease}.ui-dropdown-light[data-size=sm]{--_h: 2.75rem;--_radius: .625rem;--_px: .875rem;--_label-size: .75rem;--_font: var(--text-body-sm)}.ui-dropdown-light[data-size=md]{--_h: 3.25rem;--_radius: 1rem;--_px: 1.25rem;--_label-size: var(--text-caption);--_font: var(--text-body-sm)}.ui-dropdown-light[data-size=lg]{--_h: 5.25rem;--_radius: 1.5rem;--_px: 1.75rem;--_label-size: var(--text-caption);--_font: var(--text-body-sm)}@media(max-width:768px){.ui-dropdown-light[data-size=md]{--_h: 3rem;--_radius: .875rem;--_px: 1rem}.ui-dropdown-light[data-size=lg]{--_h: 3.5rem;--_radius: 1rem;--_px: 1.125rem}}.ui-dropdown-light[data-variant=subtle]{--_bg: var(--light-bg);--_hover-bg: #eaeaea;--_open-bg: #e5e5e5}.ui-dropdown-light[data-variant=translucent]{--_bg: rgba(255, 255, 255, .72);--_hover-bg: rgba(255, 255, 255, .88);--_open-bg: #eee}.ui-dropdown-light[data-variant=white]{--_bg: #fff;--_hover-bg: #f5f5f5;--_open-bg: #efefef}.ui-dropdown-light:hover{background:var(--_hover-bg)}.ui-dropdown-light[data-state=open]{background:var(--_open-bg)}.ui-dropdown-light--floating{align-items:center}.ui-dropdown-light>span:not(.ui-dropdown-light__text){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-dropdown-light__text{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;gap:.375rem;text-align:left}.ui-dropdown-light__label,.ui-dropdown-light__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-dropdown-light .ui-dropdown-light__label{font-size:var(--_label-size)!important;font-weight:400;line-height:1;color:var(--_label-color);letter-spacing:.02em}.ui-dropdown-light__value{line-height:1;color:var(--_value-color)}@keyframes ui-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes ui-dropdown-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}