*{-webkit-box-sizing:border-box;box-sizing:border-box}body{margin:0}#app{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100vh;overflow:hidden}#app,#app select{font-family:monospace}a{color:#007bff;text-decoration:none;-webkit-transition:.2s;transition:.2s}a:hover{color:#0056b3}.svg-wrapper{padding:50px 30px;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.svg{max-width:100%;max-height:100%}.svg .clock{stroke-width:10}.svg .arrow{stroke-linecap:round}.svg .hour-arrow{stroke-width:7}.svg .minute-arrow{stroke-width:5}.svg .second-arrow{stroke-width:2}.svg .notch{stroke-linecap:round;stroke-width:7}.svg .text{font-size:18px}.svg .secondary{stroke-width:1;stroke-linecap:round}.footer{position:absolute;z-index:100;width:100%;bottom:0;padding:15px 50px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}select{border:none}.theme-switcher{position:fixed;right:0;top:0;padding:20px}.theme-switcher input[type=checkbox]{height:0;width:0;visibility:hidden;margin:0;position:absolute}.theme-switcher label{font-size:0}.theme-switcher .checkbox__content{cursor:pointer;width:80px;height:40px;background:#d5d8dd;display:block;border-radius:100px;position:relative}.theme-switcher .checkbox__content-inner{position:absolute;top:5px;left:5px;width:30px;height:30px;background:#fff;border-radius:90px;-webkit-transition:left .3s,width .3s,-webkit-transform .3s;transition:left .3s,width .3s,-webkit-transform .3s;transition:left .3s,transform .3s,width .3s;transition:left .3s,transform .3s,width .3s,-webkit-transform .3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.theme-switcher .checkbox__content-inner-svg{padding:4px;width:30px;height:30px;fill:#d5d8dd}.theme-switcher input:checked+.checkbox__content{background:#22252a}.theme-switcher input:checked+.checkbox__content .checkbox__content-inner{background:#000}.theme-switcher input:checked+.checkbox__content .checkbox__content-inner-svg{fill:#22252a}.theme-switcher input:checked+.checkbox__content .checkbox__content-inner{left:calc(100% - 5px);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.theme-switcher .checkbox__content:active .checkbox__content-inner{width:40px}.default .svg .clock{fill:#fff;stroke:#464f60}.default .svg .center{fill:#363636}.default .svg .arrow,.default .svg .notch,.default .svg .text{stroke:#1f1f1f}.default .svg .text{fill:#1f1f1f}.default .svg .secondary{stroke:#999}.default .footer{background:#fff}.black{background-color:#000;color:#fff}.black .svg .clock{stroke:#383838}.black .svg .center{fill:#fafafa}.black .svg .arrow,.black .svg .notch,.black .svg .text{stroke:#fff}.black .svg .text{fill:#fff}.black .svg .secondary{stroke:grey}.black .footer{background:#000}.black select{color:#fff;background-color:#000}