.uisel{width:100%;position:relative}.uisel__trigger{cursor:pointer;text-align:left;background:0 0;border:0;outline:0;align-items:center;gap:8px;width:100%;padding:2px 0;display:flex}.uisel__val{font-family:var(--font-serif);color:var(--foreground);font-variation-settings:"opsz" 96;letter-spacing:-.005em;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:15px;overflow:hidden}.uisel__val--ph{color:var(--muted-foreground);font-style:italic}.uisel__chev{width:14px;height:14px;color:var(--muted-foreground);flex-shrink:0;transition:transform .2s cubic-bezier(.22,.03,.26,1)}.uisel__chev:before{content:"";background-color:currentColor;width:100%;height:100%;display:block;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.uisel__chev--open{transform:rotate(180deg)}.uisel__drop{z-index:60;background:var(--background);border:1px solid var(--hair);border-radius:12px;padding:6px;position:absolute;top:calc(100% + 6px);left:-16px;right:-16px;box-shadow:0 4px 6px -1px #00000012,0 10px 24px -4px #0000001a,0 0 0 1px #00000005}.uisel__opt{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 12px;transition:background .12s;display:flex}.uisel__opt:hover{background:var(--secondary)}.uisel__opt--active{background:color-mix(in oklab, var(--primary) 10%, transparent)}.uisel__opt--active:hover{background:color-mix(in oklab, var(--primary) 15%, transparent)}.uisel__opt-lbl{font-family:var(--font-serif);color:var(--foreground);font-variation-settings:"opsz" 96;flex:1;font-size:15px}.uisel__opt-check{width:14px;height:14px;color:var(--primary);opacity:.9;flex-shrink:0}.uisel-drop-enter-active,.uisel-drop-leave-active{transition:opacity .16s cubic-bezier(.22,.03,.26,1),transform .16s cubic-bezier(.22,.03,.26,1)}.uisel-drop-enter-from,.uisel-drop-leave-to{opacity:0;transform:translateY(-6px)scale(.98)}@media (prefers-reduced-motion:reduce){.uisel__chev,.uisel-drop-enter-active,.uisel-drop-leave-active{transition:none}}