@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Fira+Mono:wght@500&display=swap);.header{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:90%;max-width:410px;padding:1rem 2rem 1.5rem;background:var(--color-white);border-radius:0 0 1rem 1rem;box-shadow:0 0 2rem rgba(0,0,0,.1)}.footer{padding:1rem 4rem;font-size:1.6rem;text-align:center;color:var(--color-med-grey);line-height:1.5}.footer a{color:inherit}.timer{width:90%;max-width:700px;margin:2.4rem 0;background:var(--color-white);border-radius:1rem;box-shadow:0 0 2rem rgba(0,0,0,.1)}.timer__wrapper{padding:3rem}.timer__controls{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;margin-bottom:3rem}@media only screen and (min-width:45em){.timer__controls{-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between}}.timer__controls button{opacity:.66}.timer__controls button:not(:last-child){margin-bottom:1.5rem}@media only screen and (min-width:45em){.timer__controls button:not(:last-child){margin-bottom:0}}.timer__start{position:relative;left:50%;top:-2.5rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);box-shadow:0 0 1rem rgba(0,0,0,.3)}.timer__clock{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background:var(--color-red);padding:2rem 0 3rem;border-radius:1.25rem;text-align:center;color:var(--color-white);font-size:20vmin;line-height:1;font-family:"Fira Mono",monospace}@media only screen and (min-width:45em){.timer__clock{font-size:18rem;padding:3.5rem 0;letter-spacing:-.25rem}}.timer__clock.timer__clock--pomodoro{background:var(--color-red)}.timer__clock.timer__clock--short-break{background:var(--color-blue)}.timer__clock.timer__clock--long-break{background:var(--color-green)}.timer__meta{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;color:var(--color-dark-grey)}@media only screen and (min-width:45em){.timer__meta{-webkit-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}}.timer__meta span{font-size:15px}.timer__meta>div:not(:last-child){margin-bottom:1.5rem}.timer__rounds,.timer__settings{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:2.4rem}.timer__rounds .round,.timer__settings .round{opacity:.25;margin-left:1.25rem}.timer__rounds .round.active,.timer__settings .round.active{opacity:1}.timer__rounds svg,.timer__settings svg{width:30px;height:30px}@media only screen and (min-width:45em){.timer__rounds svg,.timer__settings svg{width:60px;height:60px}}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}h1{font-size:2em;margin:.67em 0}dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul{margin:0}hr{box-sizing:content-box;height:0;overflow:visible}main{display:block}pre{font-family:monospace,monospace;font-size:1em}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}svg:not(:root){overflow:hidden}button,input,select{margin:0}button{overflow:visible;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}input{overflow:visible}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{margin:0;overflow:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}details,dialog{display:block}dialog{background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}template{display:none}:root{--color-red:#ed1c24;--color-blue:#466ea3;--color-green:#52a123;--color-white:#fff;--color-light-grey:#ecedef;--color-med-grey:#738692;--color-dark-grey:#47505f;--color-red-dark:#971418;--color-blue-dark:#2a4c77;--color-green-dark:#254d0e}html{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:400}@-moz-document url-prefix(){body{font-weight:lighter!important}}*,:after,:before{margin:0;padding:0;box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%;scroll-behavior:smooth;font-family:"Josefin Sans",sans-serif;background:#ecedef;background:var(--color-light-grey)}#root,body,html{height:100%}.wrapper{display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;min-height:100%;background:#ecedef;background:var(--color-light-grey)}.button,button{display:-webkit-inline-flex;display:inline-flex;border:0;background:#ed1c24;background:var(--color-red);color:#fff;color:var(--color-white);padding:1rem 1.5rem;font-size:1.6rem;font-family:inherit;line-height:1;border-radius:3rem;font-weight:700;transition:all .2s ease}.button,.button span,button,button span{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.button span,button span{display:-webkit-flex;display:flex}@media only screen and (min-width:45em){.button,button{font-size:2.4rem;padding:1.5rem 2.5rem 1.25rem}}.button:hover,button:hover{cursor:pointer}.button svg,button svg{position:relative;fill:currentColor;width:2rem;height:2rem;margin-left:1rem}.button.button--red,button.button--red{border:4px solid #ed1c24;border:4px solid var(--color-red);background:#ed1c24;background:var(--color-red);color:#fff;color:var(--color-white)}.button.button--red:hover,button.button--red:hover{opacity:1;background:#971418;background:var(--color-red-dark)}.button.button--red.active,button.button--red.active{opacity:1;border:4px solid #971418;border:4px solid var(--color-red-dark)}.button.button--blue,button.button--blue{border:4px solid #466ea3;border:4px solid var(--color-blue);background:#466ea3;background:var(--color-blue)}.button.button--blue:hover,button.button--blue:hover{opacity:1;background:#2a4c77;background:var(--color-blue-dark)}.button.button--blue.active,button.button--blue.active{opacity:1;border:4px solid #2a4c77;border:4px solid var(--color-blue-dark)}.button.button--green,button.button--green{border:4px solid #52a123;border:4px solid var(--color-green);background:#52a123;background:var(--color-green)}.button.button--green:hover,button.button--green:hover{opacity:1;background:#254d0e;background:var(--color-green-dark)}.button.button--green.active,button.button--green.active{opacity:1;border:4px solid #254d0e;border:4px solid var(--color-green-dark)}.button.button--grey,button.button--grey{border:4px solid #47505f;border:4px solid var(--color-dark-grey);background:#47505f;background:var(--color-dark-grey)}.button.button--settings,button.button--settings{background:#ecedef;color:#47505f;color:var(--color-dark-grey)}.button:disabled,.button[disabled],button:disabled,button[disabled]{opacity:.5;background:grey;border:4px solid grey;color:#fff;pointer-events:none}
/*# sourceMappingURL=main.5ebe0808.chunk.css.map */