.stage-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;width:100%;gap:.25em;margin-top:1em}.timer{color:#fff;font-weight:700;font-size:2.5em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;text-align:center;margin:.5em 0}.start-btn{color:#e14b4bcc;width:75%;font-size:1.5em;font-weight:700;padding:.5em;text-transform:uppercase;background-color:#fff;border:none;border-radius:5px;-webkit-box-shadow:-5px 5px 0 rgba(0,0,0,.2);box-shadow:-5px 5px #0003;cursor:pointer;position:relative;top:0;-webkit-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}.start-btn:active{top:5px;-webkit-box-shadow:none;box-shadow:none}@media (min-width: 768px){.timer{font-size:3em}.stage-container{-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}}.settings-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080}#settings{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#e7e6e6;width:350px;max-width:90%;height:98%;max-height:500px;border-radius:10px;padding:1em .5em}.settings-title{font-size:1.5em}.save-settings{background-color:#00000080;color:#fff;width:50%;font-size:1em;border:0;border-radius:999px;padding:.25em .5em;position:absolute;bottom:1em;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);cursor:pointer}.input-field{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:.25em 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.input-field label{text-wrap:wrap}.input-field input[type=number]{width:5em;margin:3px;border-radius:4px;border:1px solid #555;height:2em}.input-field input[type=checkbox]{position:absolute;right:.6em;opacity:0}.input-field input[type=checkbox]:focus+span{outline:1px solid #111}.input-field span{display:block;width:4em;height:2em;border-radius:999px;background-color:#666;border:1px solid #555;position:relative;-webkit-transition:background-color .75s;-o-transition:background-color .75s;transition:background-color .75s;cursor:pointer}.input-field span:after{content:"";position:absolute;width:1.75em;height:1.75em;-webkit-transform:translate(5%,3.5%);-ms-transform:translate(5%,3.5%);transform:translate(5%,3.5%);border-radius:50%;background-color:#eee;-webkit-transition:.45s background-color,.45s -webkit-transform;transition:.45s background-color,.45s -webkit-transform;-o-transition:.45s background-color,.45s transform;transition:.45s background-color,.45s transform;transition:.45s background-color,.45s transform,.45s -webkit-transform}.input-field input[type=checkbox]:checked+span:after{-webkit-transform:translate(2em,3%);-ms-transform:translate(2em,3%);transform:translate(2em,3%)}.input-field input[type=checkbox]:checked+span{background-color:#aaa}main{background-color:#fff3;max-width:90%;width:350px;border-radius:10px;padding:25px;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-align:center;-ms-flex-align:center;align-items:center}.title{text-wrap:nowrap;text-align:center}.page-title{color:#fff;font-size:2.75em}.stage{background-color:#0003;color:#fff;border:0;border-radius:999px;font-size:1.05em;font-weight:700;padding:.25em .75em;cursor:pointer;text-wrap:nowrap}.settings-btn{-ms-flex-item-align:end;align-self:flex-end;position:absolute;-webkit-transform:translate(55%,-45%);-ms-transform:translate(55%,-45%);transform:translate(55%,-45%);width:2em;height:2em;cursor:pointer;border:0;background-color:transparent;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.settings-btn img{-webkit-transform:scale(.75);-ms-transform:scale(.75);transform:scale(.75)}*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:root{font-family:Playwrite AR,cursive}#root{min-height:100dvh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
