.time-picker{font-size:2em;max-width:100%;position:relative;text-align:center}@media screen and (max-width: 720px){.time-picker{font-size:2.5em}}.arrow{background-position:center;background-repeat:no-repeat;background-size:contain;height:.8em;margin:auto;width:1em}.arrow.down{background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik03LjQxIDcuODRMMTIgMTIuNDJsNC41OS00LjU4TDE4IDkuMjVsLTYgNi02LTZ6Ii8+CiAgICA8cGF0aCBkPSJNMC0uNzVoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4KPC9zdmc+)}.arrow.up{background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik03LjQxIDE1LjQxTDEyIDEwLjgzbDQuNTkgNC41OEwxOCAxNGwtNi02LTYgNnoiLz4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4KPC9zdmc+)}.time-space{display:inline-block;margin:auto}.header{font-size:.7em}.picker{display:-ms-flexbox;display:flex}.pick{padding:.2em;width:3em}.pick .display-arrow{cursor:pointer;font-size:1.7em;font-weight:bolder;position:relative;text-align:center;width:100%}.pick .set{border:2px solid rgba(0,0,0,0.54);border-radius:4px;outline:none}.pick .set:active{box-shadow:1px 1px 5px 2px rgba(0,0,0,0.2)}.pick .set input{border:none;font-size:.8em;height:100%;padding:.2em;text-align:center;width:100%}.pick .btn{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;height:100%}.pick .btn button{border:none;border-radius:.1em;font-size:.8em;outline:none;padding:.25em 1}.default{color:rgba(0,0,0,0.87)}.default .arrow{color:rgba(0,0,0,0.87)}.default button{background-color:rgba(0,0,0,0.54);color:#fff}.default button:hover{background-color:rgba(0,0,0,0.87)}