.timepicker-wrap{display:inline-block;position:relative}.timepicker-wrap *,.timepicker-wrap :after,.timepicker-wrap :before{box-sizing:border-box}.time{border:1px solid rgba(0,0,0,.1);padding:15px 10px 15px 40px;border-radius:3px;font-size:1.2rem;width:120px;text-align:center}.flex-wrap{display:flex;position:relative}.timepicker-icon{position:absolute;left:15px;top:50%;display:inline-block;width:1em;height:1em;stroke-width:0;stroke:currentColor;fill:currentColor;transform:translateY(-50%)}.timepicker{position:absolute;background:#fbfbff;width:100vw;box-shadow:0 3px 10px rgba(0,0,0,.3);border-radius:3px;overflow:hidden;left:50%;top:-135px;border-radius:50%;transition:all .3s ease;transform:translate3d(-50%,0,0) scale(0);pointer-events:none;will-change:border-radius}@media (min-width:480px){.timepicker{width:250px;border-radius:0}}.timepicker.is-open{transform:translate3d(-50%,0,0) scale(1);border-radius:3px;pointer-events:auto}.timepicker__header{padding:5px 15px;font-size:14px;color:#fff;background:#f25f5c}.timepicker__time{position:relative;overflow:hidden;background:#f68d8b;display:flex;justify-content:center;font-size:50px;color:#fff;line-height:1;padding:12px 10px}.timepicker__active-bg{position:absolute;top:-25%;left:0;width:34px;height:200%;background:#f25f5c;transition:transform .4s ease}.timepicker__separator{z-index:2;position:relative;width:34px;text-align:center;font-size:90%}.time-unit{z-index:4;position:relative;transition:transform .2s ease;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.time-unit:hover{transform:scale(1.1)}.time-unit__value{position:relative;display:inline-block;z-index:2;color:#fff;font-size:50px;line-height:50px;padding:0 2px;text-align:center;width:34px;height:50px;border:none;outline:none;cursor:pointer;transition:all .3s ease}.time-unit__value,.time-unit__value:active,.time-unit__value:focus{background:transparent}.time-unit__value-enter{opacity:0;transform:translate3d(0,2rem,0) scale(.7)}.time-unit__value-leave-active{position:absolute}.time-unit__value--reverse-enter,.time-unit__value-leave-active{opacity:0;transform:translate3d(0,-2rem,0) scale(.7)}.time-unit__value--reverse-leave-active{position:absolute;opacity:0;transform:translate3d(0,2rem,0) scale(.7)}.triangle{display:inline-block;width:1em;height:1em;stroke-width:0;stroke:currentColor;fill:currentColor}.numpad__digits{display:flex;flex-wrap:wrap;padding:5px 20px}.numpad__digits .numpad__digit:last-of-type{margin-left:auto;margin-right:auto}.numpad__digit{position:relative;width:33%}.numpad__digit button{position:relative;z-index:2;display:block;width:100%;padding:20px 0;text-align:center;color:#757575;background:none;border:none;font-size:16px;font-weight:600;line-height:1.3;cursor:pointer;transition:color .3s ease;outline:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}@media (min-width:480px){.numpad__digit button{padding:15px 0}}.numpad__digit button.is-disabled{color:hsla(0,0%,46%,.3)}.numpad__digit button:focus+.numpad__ripple{opacity:.3;transform:translate(-50%,-50%) scale(1)}.numpad__arrows{display:flex;flex-wrap:wrap;position:absolute;padding:5px 20px;bottom:0;left:0;right:0;justify-content:space-between}.numpad__arrows button{font-size:25px;padding:17px 0 13px;line-height:1}@media (min-width:480px){.numpad__arrows button{padding:13px 0 8px}}.numpad__ripple{z-index:1;position:absolute;left:50%;top:50%;background:rgba(0,0,0,.2);border-radius:50%;width:55px;height:55px;opacity:0;transform:translate(-50%,-50%) scale(1.1);transition:.3s}@media (min-width:480px){.numpad__ripple{width:45px;height:45px}}.numpad__ripple.is-pressed{opacity:.3;transform:translate(-50%,-50%) scale(1)}
            html {
            height: 100%;
            }
    .numpad {background-color:rgba(251, 251, 255, 1); opacity: 1; z-index:2;}