.x-dropdown{display:inline-block;position:relative;font-size:14px;cursor:pointer;user-select:none}.x-dropdown.is-open .x-dropdown-icon{transform-origin:center;transform:rotate(180deg)}.x-dropdown.is-open .x-dropdown-list-ctr{display:inline-table;width:100%}.x-dropdown.is-disable{cursor:not-allowed}.x-dropdown.is-disable .current-txt{color:var(--Content-Contrast)}.x-dropdown .x-dropdown-show-line{height:100%;display:flex;align-items:center}.x-dropdown .current-txt{color:var(--Content-Primary)}.x-dropdown .x-dropdown-icon{fill:var(--Content-Contrast);width:16px;height:16px;transition:transform .2s linear}.x-dropdown .x-dropdown-list-ctr{display:none;position:absolute;z-index:2;top:100%;right:-12px}.x-dropdown .x-dropdown-list-ctr.align-right{right:0}.x-dropdown .x-dropdown-list-ctr.align-left{left:0}.x-dropdown .x-dropdown-list-ctr.align-top{bottom:30px;padding-top:0;padding-bottom:10px}.x-dropdown .x-dropdown-list-ctr.align-top .x-dropdown-list-inner-ctr{transform-origin:bottom center}.x-dropdown .x-dropdown-list-ctr.align-top .x-dropdown-list-inner-ctr:before{top:95%}.x-dropdown .x-dropdown-list-inner-ctr{position:relative;padding:8px 0;border-radius:4px;background:var(--Container-Secondary);box-shadow:2px 4px 10px var(--Container-Secondary);transform:scaleY(0);animation:showDropdown .18s 20ms forwards;transform-origin:top center}.x-dropdown .x-dropdown-list-inner-ctr.tri:before{content:"";position:absolute;z-index:-1;top:-4px;right:12px;width:12px;height:12px;background:var(--Container-Secondary);transform:rotate(45deg);border-radius:2px}.x-dropdown .x-dropdown-item{min-width:50px;white-space:nowrap;height:32px;padding:0 6px;line-height:32px;text-align:center;color:var(--Content-Primary)}.x-dropdown .x-dropdown-item.current,.x-dropdown .x-dropdown-item:hover{background:var(--Container-Tertiary)}.x-dropdown .x-dropdown-item:not(.current):hover{color:var(--Content-Primary)}@keyframes showDropdown{0%{transform:scaleY(0)}to{transform:scaleY(1)}}