.time-picker-as[data-v-3d36d55a]{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.3);z-index:9999}.c-time-picker[data-v-3d36d55a]{width:calc(100% - 20px);position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:8px;box-shadow:0 4px 4px 2px rgba(0,0,0,.2);z-index:10;background-color:#fff;padding:16px}@media screen and (min-width:420px){.c-time-picker[data-v-3d36d55a]{width:320px}}.c-time-picker-button[data-v-3d36d55a]{height:48px;line-height:48px;text-align:center;border-radius:8px;font-size:14px}.c-time-picker-button[data-v-3d36d55a]:first-child{margin-right:4px}.c-time-picker-button[data-v-3d36d55a]:last-child{margin-left:4px}.c-time-picker .vue-scroll-picker{height:320px}.c-time-picker .vue-scroll-picker-layer .top{box-sizing:border-box;border-bottom:0;background:linear-gradient(180deg,#fff 20%,hsla(0,0%,100%,0));top:0;left:0;right:0;height:calc(50% - 23px);cursor:pointer}.c-time-picker .vue-scroll-picker-layer .bottom{border-top:0;background:linear-gradient(0deg,#fff 20%,hsla(0,0%,100%,0));bottom:0;left:0;right:0;height:calc(50% - 23px);cursor:pointer}.c-time-picker .vue-scroll-picker-layer .middle{top:calc(50% - 23px);left:0;right:0;bottom:calc(50% - 23px)}.c-time-picker .vue-scroll-picker-item{text-align:center;height:46px;line-height:46px}.grid-box{display:flex;align-items:center;gap:8px}.grid-box .col-6{flex:1}.grid-box .col-6 button{width:100%}