.app-header{box-sizing:border-box;width:100%;text-align:right;flex-grow:0;padding:20px}.app-header a{text-decoration:none;color:#fff}.app__button{margin-left:20px;cursor:pointer}.app__button img{transition:transform .4s}.app__button:hover .app__button-config{transform:rotate(90deg)}.app__button:hover .app__button-history{transform:rotate(-360deg)}.app-settings{display:block;width:80%;max-width:600px;min-height:50%;margin:40vh auto 0;box-sizing:border-box;border:none;text-align:center;border-radius:10px;z-index:3;box-shadow:10px 10px 50px #000;transform:translateY(-40%);padding:16px 16px 36px}.action{margin:10px -50px 10px 0}.action__button{height:24px;padding:2px 20px}.action__label{display:inline-block;margin-right:50px;padding-bottom:5px}.action__input{max-width:50px}.action__result{display:inline-block;width:50px;height:24px;vertical-align:bottom}.action__success{display:inline-block;margin-left:10px;line-height:1}.action__splitter{width:60%;margin:20px auto;border:none;height:1px;background-color:#ccc}.react-time-picker{margin-right:50px;padding-bottom:5px}.react-time-picker__wrapper{border-radius:5px}.react-time-picker{display:inline-flex;position:relative}.react-time-picker,.react-time-picker *,.react-time-picker *:before,.react-time-picker *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-time-picker--disabled{background-color:#f0f0f0;color:#6d6d6d}.react-time-picker__wrapper{display:flex;flex-grow:1;flex-shrink:0;border:thin solid gray}.react-time-picker__inputGroup{min-width:calc((4px * 3) + .54em * 6 + .217em * 2);flex-grow:1;padding:0 2px;box-sizing:content-box}.react-time-picker__inputGroup__divider{padding:1px 0;white-space:pre}.react-time-picker__inputGroup__divider,.react-time-picker__inputGroup__leadingZero{display:inline-block;font:inherit}.react-time-picker__inputGroup__input{min-width:.54em;height:100%;position:relative;padding:0 1px;border:0;background:none;color:currentColor;font:inherit;box-sizing:content-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.react-time-picker__inputGroup__input::-webkit-outer-spin-button,.react-time-picker__inputGroup__input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.react-time-picker__inputGroup__input:invalid{background:#ff00001a}.react-time-picker__inputGroup__input--hasLeadingZero{margin-left:-.54em;padding-left:calc(1px + .54em)}.react-time-picker__inputGroup__amPm{font:inherit;-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist}.react-time-picker__button{border:0;background:transparent;padding:4px 6px}.react-time-picker__button:enabled{cursor:pointer}.react-time-picker__button:enabled:hover .react-time-picker__button__icon,.react-time-picker__button:enabled:focus .react-time-picker__button__icon{stroke:#0078d7}.react-time-picker__button:disabled .react-time-picker__button__icon{stroke:#6d6d6d}.react-time-picker__button svg{display:inherit}.react-time-picker__clock{width:200px;height:200px;max-width:100vw;padding:25px;background-color:#fff;border:thin solid #a0a096;z-index:1}.react-time-picker__clock--closed{display:none}.app-history{display:block;width:80%;max-width:600px;min-height:50%;max-height:90%;margin:40vh auto 0;box-sizing:border-box;border:none;text-align:center;border-radius:10px;z-index:3;box-shadow:10px 10px 50px #000;transform:translateY(-40%);overflow-y:auto}.history__table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left}.history__table th{border-bottom:1px solid #000;padding:5px}.history__table td{padding:5px;font-variant-numeric:tabular-nums}.history__download{display:inline-block;margin:20px auto}.app{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column}.app-main{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff;text-align:center}.app-time{font-variant-numeric:tabular-nums}.app-overview{text-align:right}.app-logo{height:100px;pointer-events:none}@media(prefers-reduced-motion:no-preference){.app-logo{animation:app-logo-spin infinite 20s linear}}@keyframes app-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app__close{position:absolute;right:12px;top:12px;cursor:pointer}.app__background{position:absolute;top:0;left:0;width:100%;height:100%;background:#282c34e6;z-index:2}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}