body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:var(--bg);color:#f0f8ff;height:100vh;overflow:hidden}.dark{--bg:#262a2e;--bg-d:#383a3f;--hover:#fff3;--active:#fffa;--color:#f0f8ff}.light{--bg:#eaecee;--bg-d:#eff0f1;--color:#313133;--active:#097cff;--hover:#367bfc94}.billboard{animation:rgborder 10s linear infinite alternate-reverse;background-color:var(--bg-d);border:3px solid;border-radius:20px;box-sizing:border-box;color:var(--color);display:flex;flex-direction:column;height:60vh;justify-content:space-between;left:50%;max-height:650px;max-width:1000px;min-height:520px;min-width:750px;padding:2.5% 0;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:45vw;z-index:100}.slim{-webkit-animation:none;animation:none;border:3px solid var(--color);height:80vh;max-height:1200px;max-width:600px;min-height:675px;min-width:500px;padding:20px 0 0;width:30vw;z-index:3000}.color-palette-container{overflow-x:hidden;overflow-y:auto}.clickable{cursor:pointer;transition:scale .15s ease-out}.clickable:hover{background-color:var(--hover);scale:1.1}.clickable:active{background-color:var(--active);color:var(--bg)!important;scale:.95}.clickable.noscale{scale:1!important}#timer{fill:#f5f5f5}#timer,.button{-webkit-user-select:none;user-select:none}.button{background-color:var(--color);border:3px solid var(--bg);border-radius:10px;color:var(--bg);cursor:pointer;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.button:hover{background-color:#3b97ff!important}.button:active{background-color:#06f!important}@-webkit-keyframes rgborder{0%,to{border-color:var(--color1)}33%{border-color:var(--color2)}66%{border-color:var(--color3)}}@keyframes rgborder{0%,to{border-color:var(--color1)}33%{border-color:var(--color2)}66%{border-color:var(--color3)}}@-webkit-keyframes rgbstroke{0%,to{stroke:var(--color1)}33%{stroke:var(--color2)}66%{stroke:var(--color3)}}@keyframes rgbstroke{0%,to{stroke:var(--color1)}33%{stroke:var(--color2)}66%{stroke:var(--color3)}}.circular-progress-bar{align-items:center;display:flex;flex-direction:column}.progress-ring{z-index:1000}.progress-ring-circle{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;transition:stroke-dashoffset .35s}.progress-ring-circle.background{stroke:#777}.progress-ring-circle.progress{animation:rgbstroke 10s linear infinite alternate-reverse}.timeInput{--size:1.2rem;background-color:#333;border:1px solid #fff;bottom:0;box-sizing:initial;color:#f0f8ff!important;font-size:var(--size);height:var(--size);line-height:var(--size);margin:auto;padding:2%;position:absolute;right:0;top:0;width:90px}.timeInput span{direction:rtl;display:inline-block;overflow:hidden;text-align:right;width:100%}.timeInput span:focus{outline:none}#seconds [contenteditable]:empty:before{color:gray;content:"00"}#minutes [contenteditable]:empty:before{color:gray;content:"0"}.startpause{transition:opacity .2s}.progress-ring:hover .startpause{opacity:1}.pulse{-webkit-animation:pulsing 1.15s linear infinite;animation:pulsing 1.15s linear infinite;border-radius:50%}.pulse:hover{-webkit-animation:none;animation:none}@-webkit-keyframes pulsing{0%{box-shadow:0 0 0 0 hsla(0,0%,100%,.6)}90%{box-shadow:0 0 0 50px rgba(200,200,255,.1)}to{box-shadow:0 0 0 55px rgba(150,200,255,0)}}@keyframes pulsing{0%{box-shadow:0 0 0 0 hsla(0,0%,100%,.6)}90%{box-shadow:0 0 0 50px rgba(200,200,255,.1)}to{box-shadow:0 0 0 55px rgba(150,200,255,0)}}
/*# sourceMappingURL=main.cce99ea3.css.map*/