.ui-picker__columns{cursor:grab;height:3.5rem;display:flex;position:relative;overflow:hidden}.ui-picker__frame{pointer-events:none;border-bottom:var(--lobby__px) solid var(--skin__border);border-top:var(--lobby__px) solid var(--skin__border);background-color:var(--skin__bg_2);height:.7rem;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.ui-picker__mask{z-index:1;background-image:linear-gradient(180deg, rgba(var(--skin__bg_2__toRgbString), .9), rgba(var(--skin__bg_2__toRgbString), .4)), linear-gradient(0deg, rgba(var(--skin__bg_2__toRgbString), .9), rgba(var(--skin__bg_2__toRgbString), .4));pointer-events:none;background-position:top,bottom;background-repeat:no-repeat;width:100%;height:100%;position:absolute;top:0;left:0;transform:translateZ(0)}.ui-picker-column{z-index:1;touch-action:none;-webkit-user-select:none;user-select:none;flex:1;font-size:.32rem;overflow:hidden}.ui-picker-column--dragging{cursor:grabbing}.ui-picker-column__wrapper{margin:0;padding:0;list-style:none;transition-timing-function:cubic-bezier(.23,1,.68,1)}.ui-picker-column__item{box-sizing:border-box;color:var(--skin__lead);background-color:var(--theme-main-bg-color);cursor:pointer;justify-content:center;align-items:center;padding:0 .08rem;font-size:.22rem;display:flex}.ui-picker-column__item--selected{color:var(--skin__lead);font-size:.3rem}.ui-picker-column__item--prev{color:var(--skin__neutral_1);font-size:.26rem}.ui-picker-column__item--prev2{color:var(--skin__neutral_2);font-size:.24rem}.ui-picker-group{background:var(--skin__bg_2);border-radius:.14rem}.ui-picker-group__picker-title{text-align:center;color:var(--skin__neutral_1);font-size:.24rem;font-weight:700}.ui-picker-group__picker-content{flex-direction:row;justify-content:center;width:100%;margin-top:.3rem;display:flex}.ui-picker-group__picker-content-item{box-sizing:border-box;width:50%;padding:0 .2rem}.ui-picker-group__picker-content-item-line{width:var(--lobby__px);background-color:var(--skin__border);z-index:10;height:3.1rem;margin:0 .1rem}.ui-picker-group__picker-content .ui-picker{box-shadow:none}.ui-picker-group__buttons{align-items:center;gap:.2rem;height:1.2rem;margin-bottom:.2rem;padding:0 .2rem;display:flex;overflow:hidden}.ui-picker-group__buttons>li{justify-content:center;align-items:center;width:50%;margin:0;padding:0;list-style:none;display:flex}.ui-picker-group__buttons>li>div{text-align:center;flex:1}.ui-picker-group__buttons>li>div button{width:100%;height:.8rem;font-size:.26rem}.ui-picker-group__buttons>li>div button .ui-button__text{line-height:.8rem}
