:root{--picker-background:#fff;--picker-toolbar-height:44px;--picker-confirm-button-text-color:var(--color-primary);--picker-cancel-button-text-color:#888;--picker-picked-border:1px solid rgba(0,0,0,.12);--picker-title-font-size:var(--font-size-lg);--picker-title-text-color:#555;--picker-option-font-size:var(--font-size-lg);--picker-option-text-color:#555;--picker-toolbar-padding:0 4px;--picker-mask-background-image:linear-gradient(180deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4)),linear-gradient(0deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4))}.var-picker{background:var(--picker-background);transition:background-color .25s;-webkit-user-select:none;user-select:none;width:100%}.var-picker__popup[var-picker-cover]{width:100%}.var-picker__columns{cursor:-webkit-grab;cursor:grab;display:flex;position:relative;width:100%}.var-picker__column{flex:1;overflow:hidden}.var-picker__text{color:var(--picker-option-text-color);font-size:var(--picker-option-font-size);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.var-picker__scroller{transition-timing-function:cubic-bezier(.23,1,.68,1);width:100%}.var-picker__option{align-items:center;display:flex;justify-content:center;padding:0 4px;width:100%}.var-picker__picked{border-bottom:var(--picker-picked-border);border-top:var(--picker-picked-border);transition:border .25s;z-index:2}.var-picker__mask,.var-picker__picked{left:0;pointer-events:none;position:absolute;width:100%}.var-picker__mask{background-image:var(--picker-mask-background-image);background-position:top,bottom;background-repeat:no-repeat;height:100%;top:0}.var-picker__toolbar{align-items:center;display:flex;height:var(--picker-toolbar-height);justify-content:space-between;padding:var(--picker-toolbar-padding);width:100%}.var-picker__confirm-button[var-picker-cover]{color:var(--picker-confirm-button-text-color)}.var-picker__cancel-button[var-picker-cover]{color:var(--picker-cancel-button-text-color)}.var-picker__title{color:var(--picker-title-text-color);font-size:var(--picker-title-font-size)}