.x-dropdown-wrap{gap:var(--spacing-8);flex-direction:column;width:100%;display:flex}.x-dropdown-label{font-size:var(--font-size-12);font-weight:var(--font-weight-500);color:var(--Content-Label)}.x-dropdown{--dropdown-bg:var(--Background-Control);--dropdown-muted:var(--Content-Faint);--dropdown-panel-bg:var(--Background-Float);--dropdown-panel-hover:var(--Background-Float-Hover);font-size:var(--font-size-14);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-block;position:relative}.x-dropdown.is-open .x-dropdown-icon{transform:rotate(180deg)}.x-dropdown.is-disable{cursor:not-allowed}.x-dropdown.is-disable .current-txt{color:var(--Content-Contrast)}.x-dropdown.x-dropdown--boxed{background:var(--dropdown-bg);border-radius:var(--radius-4);align-items:center;height:40px;display:flex}.x-dropdown.x-dropdown--boxed .x-dropdown-show-line{width:100%;height:100%;padding:0 var(--spacing-12);justify-content:space-between;gap:var(--spacing-6)}.x-dropdown.x-dropdown--boxed .x-dropdown-icon{flex-shrink:0;margin-inline-start:0}.x-dropdown.x-dropdown--boxed.x-dropdown--boxed-sm{height:24px}.x-dropdown.x-dropdown--boxed.x-dropdown--boxed-sm .x-dropdown-show-line{padding:0 var(--spacing-8);gap:var(--spacing-4)}.x-dropdown.x-dropdown--boxed.x-dropdown--boxed-sm .x-dropdown-item{padding:9px var(--spacing-10)}.x-dropdown.x-dropdown--boxed.x-dropdown--inline-label{width:fit-content}.x-dropdown-show-line{font-size:var(--font-size-12);align-items:center;display:flex}.current-txt{color:var(--Content-Primary);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.x-dropdown-inline-label{color:var(--dropdown-muted);flex-shrink:0;margin-inline-end:var(--spacing-8)}.x-dropdown-inline-value{align-items:center;gap:var(--spacing-4);min-width:0;display:flex}.x-dropdown-icon{color:var(--dropdown-muted);width:16px;height:16px;margin-inline-start:4px;transition:transform .2s linear}.x-dropdown-list-ctr{--dropdown-panel-bg:var(--Background-Float);--dropdown-panel-hover:var(--Background-Float-Hover);z-index:1100}.x-dropdown-list-ctr.align-top .x-dropdown-list-inner-ctr{transform-origin:bottom}.x-dropdown-list-ctr.align-top .x-dropdown-list-inner-ctr:before{top:95%}.x-dropdown-list-inner-ctr{padding:var(--spacing-8) 0;border-radius:var(--radius-4);background:var(--dropdown-panel-bg);transform-origin:top;animation:.18s 20ms forwards showDropdown;position:relative;transform:scaleY(0);box-shadow:0 8px 24px #0006}.x-dropdown-list-ctr.is-closing .x-dropdown-list-inner-ctr{animation:hideDropdown var(--motion-quick) var(--ease-in) forwards}.x-dropdown-list-inner-ctr.tri:before{content:"";z-index:-1;top:-4px;background:var(--dropdown-panel-bg);border-radius:2px;width:12px;height:12px;position:absolute;inset-inline-end:12px;transform:rotate(45deg)}.x-dropdown-items-wrap{position:relative}.x-dropdown-items{max-height:var(--dd-items-max-h,240px);scrollbar-width:none;overflow-y:auto}.x-dropdown-items::-webkit-scrollbar{display:none}.x-dropdown-items-fade{background:linear-gradient(to bottom, transparent, var(--dropdown-panel-bg));pointer-events:none;opacity:0;height:20px;transition:opacity var(--motion-quick) var(--ease-standard);position:absolute;bottom:0;left:0;right:0}.x-dropdown-items-fade.is-visible{opacity:1}.x-dropdown-item{white-space:nowrap;min-width:50px;padding:var(--spacing-12) var(--spacing-10);font-size:var(--font-size-12);color:var(--Content-Primary)}.x-dropdown-item:hover{background:var(--dropdown-panel-hover)}.x-dropdown-item:not(.current):hover{color:var(--Content-Primary)}@keyframes showDropdown{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes hideDropdown{0%{transform:scaleY(1)}to{transform:scaleY(0)}}.x-dropdown-show-round{border-radius:var(--radius-4);cursor:pointer;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.x-dropdown.is-open .x-dropdown-show-round{background:var(--dropdown-bg)}.x-dropdown-dots{align-items:center;gap:var(--spacing-2);flex-direction:column;display:flex}.x-dropdown-dot{border-radius:var(--radius-circle);background:var(--dropdown-muted);width:3px;height:3px}:where(:root.black) .x-dropdown.x-dropdown--boxed{border-radius:var(--radius-8);outline:1px solid var(--Border-Primary);outline-offset:-1px;transition:outline-color var(--motion-quick) var(--ease-standard)}:where(:root.black) .x-dropdown.x-dropdown--boxed:hover:not(.is-disable):not(.is-open){outline-color:var(--Border-Secondary)}:where(:root.black) .x-dropdown.x-dropdown--boxed.is-open:not(.is-disable),:where(:root.black) .x-dropdown.x-dropdown--boxed:focus-visible:not(.is-disable){outline-color:var(--Content-Faint)}:where(:root.black) .x-dropdown-list-ctr{--dropdown-panel-bg:var(--Background-Widget)}:where(:root.black) .x-dropdown-list-ctr .x-dropdown-list-inner-ctr{background:var(--dropdown-panel-bg);border:1px solid var(--Border-Primary);border-radius:var(--radius-8)}:where(:root.black) .x-dropdown-list-ctr .x-dropdown-item.current{background:var(--Overlay-Hover);color:var(--Content-Strong)}:where(:root.black) .x-dropdown-list-ctr .x-dropdown-item:hover,:where(:root.black) .x-dropdown-list-ctr .x-dropdown-item:focus-visible{background:var(--Background-Float);color:var(--Content-Strong)}