@font-face{font-family:"Bebas Neue - Book";src:url(/assets/bebasneue-book-webfont.61d422d8.woff2)}html{height:100%}body{display:grid;place-items:center;background-color:#2b2a30;color:#fff;font-family:"Bebas Neue - Book",sans-serif;height:100%}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}#app{display:grid;place-items:center;background:radial-gradient(71.4% 71.4% at 51.7% 28.6%,#3a393f 0%,#17171a 100%);border-radius:50%;box-shadow:inset 0 0 114px #00000073;padding-block:3.25em;padding-inline:4.25em;position:relative;row-gap:1em}@media (min-width: 30em){#app{padding-block:4.25em;padding-inline:4.75em;row-gap:1.5em}}@media (min-width: 40em){#app{padding:6.25em;row-gap:2em}}#app:before{content:"";border-radius:50%;box-shadow:-5px 14px 44px #000,5px -16px 50px #ffffff26;inset:0;position:absolute;z-index:-1}.border{border-radius:50%;height:calc(100% + .75em);position:absolute;width:calc(100% + .75em);z-index:-1}.border circle{fill:none;stroke-width:.75em}.border circle.black{stroke:#000}.border circle.red,.border circle.green{stroke-dasharray:250;stroke-dashoffset:425}.border circle.red{stroke:#9d0000}.border circle.green{stroke:#00aa51}.timer{--font-size: 4.25rem;display:flex;font-size:var(--font-size);line-height:1}@media (min-width: 30em){.timer{--font-size: 8.25rem}}@media (min-width: 40em){.timer{--font-size: 12.25rem}}.timer input{-moz-appearance:textfield;background-color:transparent;border:none;border-bottom:2px dotted transparent;box-sizing:border-box;caret-color:#585858;caret-width:1px;color:#fff;display:inline;font-family:inherit;font-size:inherit;width:calc(var(--font-size) * .85)}.timer input.add-border{border-bottom:2px dotted #585858}.timer input.add-border:focus{outline:none}.timer input#minutes{text-align:right}.timer::-webkit-inner-spin-button,.timer::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}button{background:transparent;border:none;color:#585858;cursor:pointer}button:hover,button:focus{color:#fff}button:focus{outline:none}.start-stop{font-family:Montserrat,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.6em;line-height:1.25;text-transform:uppercase;width:max-content}.gear{height:1.5rem;width:1.5rem}