body{margin:0;padding:0;font-family:sans-serif}html{font-size:18px;font-family:Montserrat,sans-serif;font-size:14px}@media screen and (min-width:320px){html{font-size:calc(14px + 4*((100vw - 320px)/640))}}@media screen and (min-width:960px){html{font-size:18px}}html svg{font-family:Montserrat,sans-serif;fill:var(--color);fill-opacity:1;fill-rule:nonzero;stroke:var(--color);stroke-width:.1px;stroke-linecap:round;stroke-linejoin:round;--svg-text:display;--svg-circle:display}html svg .timer__text{display:var(--svg-text);font-size:6px}html svg .timer__circle{display:var(--svg-circle)}body,html{--min-width:320px;--max-width:360px;min-width:var(--min-width)}.app{width:100%;--color:#ab00ff;--color-alt:#e0b2f7;--background:#fff;--background-inner:transparent;--inner-padding:8px}.app>*{-webkit-box-sizing:border-box;box-sizing:border-box}.app .app-row{width:100%;background:var(--background);margin:0;padding:var(--inner-padding)}.app .app-row .app-row__inner{min-width:var(--min-width);max-width:var(--max-width);margin:auto;text-align:center;background:var(--background-inner)}.app header{color:var(--color);--max-width:100%;background:0 0;padding:24px;font-family:Montserrat,sans-serif;text-align:center}.app header h1{font-size:1.6rem}.app header h1,.app header h4{margin:0;font-weight:400}.app header .right{text-align:right}.app button{border:none;background:var(--background);color:var(--color);outline:none;padding:8px;margin:4px;font-size:.9rem;min-width:64px;font-weight:500;font-family:Montserrat,sans-serif;border:1px solid var(--color);-webkit-box-sizing:content-box;box-sizing:content-box}.app button:disabled{border-color:var(--color-alt)}.app .adjustable-input{display:-ms-flexbox;display:flex;text-align:right;-ms-flex-align:center;align-items:center;margin:8px auto;width:var(--width);max-width:12em;color:var(--color);background:var(--background);-webkit-box-sizing:content-box;box-sizing:content-box}.app .adjustable-input>*{-ms-flex:1 1 30px;flex:1 1 30px}.app .adjustable-input>:first-child{text-align:left;margin-right:12px}.app .adjustable-input>:last-child{text-align:right}.app .adjustable-input .adjustable-input__label{font-size:var(--font-size--label);padding:2px}.app .adjustable-input .adjustable-input__input{max-width:5em;font-size:var(--font-size--input);width:var(--width-input);color:var(--color-input)}.app .adjustable-input input[type=number]::-webkit-inner-spin-button,.app .adjustable-input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.app .adjustable-input input[type=number]{-moz-appearance:textfield}.app .time{-webkit-box-sizing:content-box;box-sizing:content-box;height:96px;width:96px;margin:8px auto;position:relative;border-radius:50%;border:2px solid var(--color)}.app .time span.time-text{margin-top:40px;display:inline-block}.app.timer_02{--min-width:300px;--max-width:300px;--inner-padding:5px;min-height:500px;width:300px;margin:20px auto;border-radius:30px;background:#000;background:#4c4c4c;background:-webkit-linear-gradient(315deg,#4c4c4c 10%,#6b6b6b 16%,#2c2c2c 22%,#000 40%,#111 60%,#000);background:-o-linear-gradient(315deg,#4c4c4c 10%,#6b6b6b 16%,#2c2c2c 22%,#000 40%,#111 60%,#000 100%);background:linear-gradient(135deg,#4c4c4c 10%,#6b6b6b 16%,#2c2c2c 22%,#000 40%,#111 60%,#000);--background:0 0;--background-inner:transparent}.app.timer_02 .header,.app.timer_02 .notifications{display:none}.app.timer_02 .timer{--inner-padding:0;height:200px;width:300px;margin:auto;margin-bottom:32px}.app.timer_02 button{padding:8px 30px;--background:rgba(57,54,54,.6);--color:#fff;border:none;border-radius:26px;font-family:Montserrat,sans-serif;font-size:14px;cursor:pointer;-webkit-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out}.app.timer_02 button:hover{background-color:#3b3a3a;text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 15px #fff,0 0 15px #fff;-webkit-box-shadow:0 0 10px 10px #3b3a3a;box-shadow:0 0 10px 10px #3b3a3a;-webkit-animation:btn_teiming .1s 2;animation:btn_teiming .1s 2}.app.timer_02 .adjustable-input{--width:200px;--width-input:100px;--color:#fff;--color-input:#666;--font-size--input:14px;--font-size--label:18px;margin:1em auto}.app.timer_02 .adjustable-input input{padding:3px 10px;border:1px solid brown;border-radius:26px;font-family:Montserrat,sans-serif}.app.timer_02 svg{--color:#fff;--svg-circle:none}.app.timer_02 svg text{font-size:6px;font-weight:600}@media print{svg text{fill:#000}}@-webkit-keyframes btn_teiming{0%{background-color:transparent;text-shadow:0 0 10px rgba(203,255,92,.94),0 0 20px rgba(203,255,92,.94),0 0 15px rgba(203,255,92,.94),0 0 15px rgba(203,255,92,.94);-webkit-box-shadow:0 0 10px 10px #3b3a3a;box-shadow:0 0 10px 10px #3b3a3a}50%{background-color:hsla(0,5%,77%,.5);text-shadow:0 0 10px rgba(203,255,92,.94),0 0 20px rgba(203,255,92,.94),0 0 15px rgba(203,255,92,.94),0 0 15px rgba(203,255,92,.94);-webkit-box-shadow:0 0 10px 10px hsla(0,5%,77%,.5);box-shadow:0 0 10px 10px hsla(0,5%,77%,.5)}to{background-color:#3b3a3a;text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 15px #fff,0 0 15px #fff;-webkit-box-shadow:0 0 10px 10px #3b3a3a;box-shadow:0 0 10px 10px #3b3a3a}}@keyframes btn_teiming{0%{background-color:transparent;text-shadow:0 0 10px rgba(203,255,92,.94),0 0 20px rgba(203,255,92,.94),0 0 15px rgba(203,255,92,.94),0 0 15px rgba(203,255,92,.94);-webkit-box-shadow:0 0 10px 10px #3b3a3a;box-shadow:0 0 10px 10px #3b3a3a}50%{background-color:hsla(0,5%,77%,.5);text-shadow:0 0 10px rgba(203,255,92,.94),0 0 20px rgba(203,255,92,.94),0 0 15px rgba(203,255,92,.94),0 0 15px rgba(203,255,92,.94);-webkit-box-shadow:0 0 10px 10px hsla(0,5%,77%,.5);box-shadow:0 0 10px 10px hsla(0,5%,77%,.5)}to{background-color:#3b3a3a;text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 15px #fff,0 0 15px #fff;-webkit-box-shadow:0 0 10px 10px #3b3a3a;box-shadow:0 0 10px 10px #3b3a3a}}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}