@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400;700&display=swap);html[data-theme=light]{--text-color:#000;--text-color-alt:#fff;--text-color-phase-break:crimson;--text-color-display-break:crimson;--text-color-phase-session:#f500e9;--text-color-display-session:#f500e9;--progress-break-color-dark:crimson;--progress-break-color-medium:#b22222;--progress-break-color-light:maroon;--progress-session-color-dark:#f500e9;--progress-session-color-medium:#ca02ca;--progress-session-color-light:#9803a0;--border-color-phase-break:#b22222;--border-color-display-break:crimson;--border-color-phase-session:#ca02ca;--border-color-display-session:#f500e9;--button-color-bg-text:#f5f5f5;--button-color-bg-text-hovered:#f5f5f5;--button-color-bg-text-pressed:#00ff7f;--button-color-bg-icon:#121212;--button-color-bg-icon-hovered:orange;--button-color-bg-icon-pressed:#3cb371;--button-color-text:#000;--button-color-text-hovered:orange;--button-color-text-pressed:#fff;--button-color-icon:#fff;--button-color-icon-hovered:#fff;--button-color-icon-pressed:#fff;--button-switch-color-bg:#696969;--button-switch-color-bg-hovered:#d2691e;--button-switch-color-runner:#343434;--button-switch-color-icon:orange;--bg-elevation-0:silver;--bg-elevation-1:#000;--bg-elevation-2:#dcdcdc;--bg-elevation-3:#fff}html[data-theme=dark]{--text-color:#fff;--text-color-alt:#000;--text-color-phase-break:#00bfff;--text-color-display-break:#00bfff;--text-color-phase-session:#00ff7f;--text-color-display-session:#00ff7f;--progress-break-color-dark:#4169e1;--progress-break-color-medium:#1e90ff;--progress-break-color-light:#00bfff;--progress-session-color-dark:#2e8b57;--progress-session-color-medium:#3cb371;--progress-session-color-light:#00ff7f;--border-color-phase-break:#4169e1;--border-color-display-break:#4169e1;--border-color-phase-session:#2e8b57;--border-color-display-session:#2e8b57;--button-color-bg-text:#424242;--button-color-bg-text-hovered:#424242;--button-color-bg-text-pressed:#424242;--button-color-bg-icon:#696969;--button-color-bg-icon-hovered:#4169e1;--button-color-bg-icon-pressed:#2e8b57;--button-color-text:#f5f5f5;--button-color-text-hovered:#1e90ff;--button-color-text-pressed:#3cb371;--button-color-icon:#f5f5f5;--button-color-icon-hovered:#f5f5f5;--button-color-icon-pressed:#00ff7f;--button-switch-color-bg:#696969;--button-switch-color-bg-hovered:#4169e1;--button-switch-color-runner:#343434;--button-switch-color-icon:#1e90ff;--bg-elevation-0:#000;--bg-elevation-1:#121212;--bg-elevation-2:#242424;--bg-elevation-3:#343434;--bg-elevation-4:#424242}.button{align-items:stretch;background-color:initial;border:none;border-radius:4px;cursor:pointer;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;overflow:hidden}.button--icon .button__text{background-color:var(--button-color-bg-text);color:var(--button-color-text);flex:1 0 auto;flex-direction:row;flex-wrap:nowrap;line-height:1.2}.button--icon .button__icon,.button--icon .button__text{align-items:center;display:flex;font-size:1.25rem;justify-content:center;padding:.25rem}.button--icon .button__icon{background-color:var(--button-color-bg-icon);flex-direction:row;flex-wrap:nowrap;height:calc(1.2em + .5rem);width:calc(1.2em + .5rem)}.button--icon .button__icon .svg-icon{height:1em;width:1em}.button--icon:hover .button__text{background-color:var(--button-color-bg-text-hovered);color:var(--button-color-text-hovered)}.button--icon:hover .button__icon{background-color:var(--button-color-bg-icon-hovered)}.button--icon:active .button__text{background-color:var(--button-color-bg-text-pressed);color:var(--button-color-text-pressed)}.button--icon:active .button__icon{background-color:var(--button-color-bg-icon-pressed)}.button--switch{align-items:stretch;background-color:var(--button-switch-color-bg);display:flex;flex-direction:row;flex-wrap:nowrap;font-size:1.25rem;height:2rem;justify-content:flex-start;padding:.25rem 0}.button--switch:hover{background-color:var(--button-switch-color-bg-hovered)}.button--switch .runner{align-items:center;background-color:var(--button-switch-color-runner);border-radius:4px;display:flex;flex-direction:row;flex-wrap:nowrap;height:1.5rem;justify-content:center;margin-left:calc(100% - 1.5rem - .25em);margin-right:.25em;position:relative;transition:margin .25s ease-in-out;width:1.5rem}.button--switch .runner--active{margin-left:.25em;margin-right:calc(100% - 1.5rem - .25em)}.button--switch .runner .svg-icon{height:75%;width:75%}.button--phase-setter{flex:1 0 60px}.button--phase-setter .button__icon,.button--phase-setter .button__text{flex:1 0}.button--display-setter .button__text{text-transform:uppercase}.modal{align-items:center;background-color:rgba(0,0,0,.5);display:flex;flex-direction:row;flex-wrap:nowrap;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1}.modal__content{background-color:var(--bg-elevation-3);border-radius:4px;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;max-width:1200px;padding:.5rem;text-align:center;width:80%}.modal__content,.phases{align-items:stretch;display:flex;gap:.5rem}.phases{flex-direction:row;flex-wrap:wrap;justify-content:center}.phases .phase{align-items:stretch;background-color:var(--bg-elevation-2);border-radius:4px;display:flex;flex:1 0 auto;flex-direction:column;flex-wrap:nowrap;gap:.5rem;justify-content:flex-start;padding:.5rem}.phases .phase--break{--text-color:var(--text-color-phase-break);--border-color:var( --border-color-phase-break)}.phases .phase--session{--text-color:var(--text-color-phase-session);--border-color:var( --border-color-phase-session)}.phases .phase__header{align-items:stretch;background-color:var(--bg-elevation-3);border-radius:4px;display:flex;flex:1 0 auto;flex-direction:row;flex-wrap:nowrap;justify-content:center;text-align:center;text-transform:capitalize}.phases .phase__header.header h2{align-items:center;max-width:7ch}.phases .phase__header.header h2,.phases .phase__time{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center}.phases .phase__time{align-items:stretch;background-color:var(--bg-elevation-3);border:2px solid var(--border-color);border-radius:4px;color:var(--text-color);text-align:center;text-transform:capitalize}.phases .phase__control{align-items:stretch;display:flex;flex-direction:column;flex-wrap:nowrap;gap:.5rem;justify-content:center}.phases .setter-group{align-items:center;flex-direction:row;flex-wrap:wrap}.display,.phases .setter-group{display:flex;gap:.5rem;justify-content:center}.display{align-items:stretch;background-color:var(--bg-elevation-2);border-radius:4px;flex-direction:column;flex-wrap:nowrap;padding:.5rem}.display--break{--text-color:var(--text-color-display-break);--border-color:var( --border-color-display-break)}.display--session{--text-color:var(--text-color-display-session);--border-color:var( --border-color-display-session)}.display__phase,.display__time{align-items:stretch;background-color:var(--bg-elevation-1);border:2px solid var(--border-color);border-radius:4px;color:var(--text-color);display:flex;flex-direction:column;flex-wrap:nowrap;font-size:2rem;font-weight:700;justify-content:center;letter-spacing:1px;padding:.5rem;text-align:center}.display__control{grid-gap:.5rem;align-items:stretch;display:grid;gap:.5rem;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;justify-content:center}.display--break{--dark:var(--progress-break-color-dark);--medium:var(--progress-break-color-medium);--light:var(--progress-break-color-light)}.display--session{--dark:var(--progress-session-color-dark);--medium:var(--progress-session-color-medium);--light:var(--progress-session-color-light)}.progress-bar{background-color:#000;border:2px solid var(--dark);border-radius:4px;padding:4px}.progress-bar__indicator{-webkit-animation:stripes 1s linear infinite;animation:stripes 1s linear infinite;background-image:linear-gradient(45deg,var(--dark) 25%,var(--light) 25%,var(--light) 50%,var(--dark) 50%,var(--dark) 75%,var(--light) 75%,var(--light));background-size:1.5rem 1.5rem;border-radius:2px;height:1.5rem}@-webkit-keyframes stripes{0%{background-position:1.5rem 0}to{background-position:0 0}}@keyframes stripes{0%{background-position:1.5rem 0}to{background-position:0 0}}*,:after,:before{box-sizing:border-box;font-family:Titillium Web;margin:0;padding:0}#root,body{min-height:100vh}a,a:visited{color:var(--text-color);text-decoration:none}#root{align-items:center;background-color:var(--bg-elevation-0);border-radius:0;color:var(--text-color);padding:.5rem}#root,.application{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center}.application{align-items:stretch;margin:0 auto;max-width:420px;width:80%}.application__content{align-items:stretch;flex-direction:column;flex-wrap:nowrap}.application__content,.application__header{display:flex;gap:.5rem;justify-content:center}.application__header{align-items:flex-start;background-color:var(--bg-elevation-2);border-radius:4px;flex-direction:row;flex-wrap:wrap;padding:.5rem}.application__header .header__control{grid-gap:.5rem;align-items:stretch;display:grid;flex:1 0 auto;gap:.5rem;grid-template-columns:auto;grid-template-rows:1fr 1fr;justify-content:center}.application__header .header__control .button--modal-open{align-self:flex-start}.application__header .header__control .button--switch{align-self:flex-end}.application__header .header__title{align-items:center;align-self:stretch;background-color:var(--bg-elevation-3);border-radius:4px;display:flex;flex:1000 0 120px;flex-direction:row;flex-wrap:nowrap;justify-content:center;text-align:center;text-transform:uppercase}@media screen and (min-width:992px){#root{align-items:stretch;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center}.application{max-width:1200px;width:80%}.application .header__control{flex:1 0 auto;justify-content:stretch}.application .header__title{flex:10 0 auto}.application__header{grid-area:HEADER}.application__content{align-items:flex-start;display:grid;grid-template-areas:"HEADER DISPLAY" "PHASES DISPLAY";grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr}.phases{align-self:stretch;grid-area:PHASES}.display{align-items:stretch;grid-area:DISPLAY;justify-content:stretch}.display .display__control{margin-top:auto}.display__phase,.display__time{flex:1 0 auto}#break-label,#session-label{max-width:77ch}}
/*# sourceMappingURL=main.038fbb35.css.map*/