.adm-picker-view{--height:240px;--item-height:34px;--item-font-size:var(--adm-font-size-8);height:var(--height);width:100%;display:flex;position:relative;overflow:hidden;background:var(--adm-color-background)}.adm-picker-view-column{height:100%;flex:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;position:relative;z-index:0}.adm-picker-view-column-wheel{width:100%;cursor:grab;position:absolute;top:calc(50% - var(--item-height) / 2);left:0}.adm-picker-view-column-wheel:before{content:" ";display:block;position:absolute;width:100%;height:100vh;top:-100vh}.adm-picker-view-column-wheel:after{content:" ";display:block;position:absolute;width:100%;height:100vh;bottom:-100vh}.adm-picker-view-column-item{font-size:var(--item-font-size);padding:0 6px;height:var(--item-height);display:flex;justify-content:center;align-items:center}.adm-picker-view-column-item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adm-picker-view-column-accessible{width:100%;height:100%;pointer-events:none;opacity:0;display:flex;flex-direction:column;position:relative;top:calc(var(--item-height) * -1);z-index:0;padding-bottom:1px}.adm-picker-view-column-accessible>*{flex:1;text-overflow:ellipsis}.adm-picker-view-column-accessible-current{position:absolute;width:100%;height:100%}.adm-picker-view-column-accessible-button,.adm-picker-view-mask{width:100%;height:100%}.adm-picker-view-mask{position:absolute;z-index:10000;left:0;top:0;display:flex;flex-direction:column;pointer-events:none}.adm-picker-view-mask-bottom,.adm-picker-view-mask-top{flex:auto}.adm-picker-view-mask-middle{height:var(--item-height);box-sizing:border-box;flex:none;border-top:1px solid var(--adm-color-border);border-bottom:1px solid var(--adm-color-border)}.adm-picker-view-mask-top{background:var(--adm-color-background);-webkit-mask:linear-gradient(0deg,rgba(0,0,0,.6),rgba(0,0,0,.8) 50%,#000);mask:linear-gradient(0deg,rgba(0,0,0,.6),rgba(0,0,0,.8) 50%,#000)}.adm-picker-view-mask-bottom{background:var(--adm-color-background);-webkit-mask:linear-gradient(180deg,rgba(0,0,0,.6),rgba(0,0,0,.8) 50%,#000);mask:linear-gradient(180deg,rgba(0,0,0,.6),rgba(0,0,0,.8) 50%,#000)}.adm-picker-view-loading-content{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.adm-picker-view-item-height-measure{position:relative;left:0;top:0;height:var(--item-height);width:0;pointer-events:none}.adm-popup{--z-index:var(--adm-popup-z-index,1000);position:fixed;z-index:var(--z-index)}.adm-popup-body{position:fixed;background-color:var(--adm-color-background);z-index:calc(var(--z-index) + 10)}.adm-popup-body .adm-popup-close-icon{position:absolute;z-index:100}.adm-popup-body-position-bottom{width:100%;bottom:0;left:0}.adm-popup-body-position-bottom .adm-popup-close-icon{right:8px;top:8px}.adm-popup-body-position-top{width:100%;top:0;left:0}.adm-popup-body-position-top .adm-popup-close-icon{right:8px;bottom:8px}.adm-popup-body-position-left{height:100%;top:0;left:0}.adm-popup-body-position-left .adm-popup-close-icon{right:8px;top:8px}.adm-popup-body-position-right{height:100%;top:0;right:0}.adm-popup-body-position-right .adm-popup-close-icon{left:8px;top:8px}.adm-popup-close-icon{cursor:pointer;padding:4px;font-size:18px;line-height:1;color:var(--adm-color-weak)}.adm-page-indicator{display:flex;width:auto;--dot-color:#ddd;--active-dot-color:var(--adm-color-primary);--dot-size:3px;--active-dot-size:13px;--dot-border-radius:1px;--active-dot-border-radius:var(--dot-border-radius);--dot-spacing:3px}.adm-page-indicator-dot{display:block;width:var(--dot-size);height:var(--dot-size);border-radius:var(--dot-border-radius);background:var(--dot-color)}.adm-page-indicator-dot:last-child{margin-right:0}.adm-page-indicator-dot-active{border-radius:var(--active-dot-border-radius);background:var(--active-dot-color)}.adm-page-indicator-color-white{--dot-color:hsla(0,0%,100%,.5);--active-dot-color:var(--adm-color-white)}.adm-page-indicator-horizontal{flex-direction:row}.adm-page-indicator-horizontal .adm-page-indicator-dot{margin-right:var(--dot-spacing)}.adm-page-indicator-horizontal .adm-page-indicator-dot-active{width:var(--active-dot-size)}.adm-page-indicator-vertical{flex-direction:column}.adm-page-indicator-vertical .adm-page-indicator-dot{margin-bottom:var(--dot-spacing)}.adm-page-indicator-vertical .adm-page-indicator-dot-active{height:var(--active-dot-size)}