@charset "UTF-8";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.btn-close{float:right!important;font-size:1.5rem!important;font-weight:700!important;line-height:1!important;color:#000!important;text-shadow:0 1px 0 #fff!important;opacity:.5!important;background:transparent!important;border:0!important;padding:0!important;margin:-1rem -1rem -1rem auto!important;cursor:pointer!important;-webkit-appearance:none!important;width:1em!important;height:1em!important;display:flex!important;align-items:center!important;justify-content:center!important}.btn-close svg{width:1em!important;height:1em!important;display:block!important;opacity:1!important}.btn-close:not(:has(svg)):before{content:"×"!important;display:block!important;font-size:1.5rem!important;line-height:1!important}.btn-close:hover svg,.btn-close:focus svg{opacity:.75!important}.alert{position:relative!important;padding-right:3rem!important}.alert .btn-close{position:absolute!important;top:0!important;right:0!important;z-index:2!important;padding:.75rem 1.25rem!important;margin:0!important;float:none!important;color:inherit!important;opacity:.5!important}.alert .btn-close:hover,.alert .btn-close:focus{opacity:.75!important;color:inherit!important}.alert-success .btn-close{color:#155724!important;text-shadow:0 1px 0 rgba(255,255,255,.5)!important}.alert-success .btn-close:hover,.alert-success .btn-close:focus{color:#155724!important;opacity:.75!important}.alert-danger .btn-close{color:#721c24!important;text-shadow:0 1px 0 rgba(255,255,255,.5)!important}.alert-danger .btn-close:hover,.alert-danger .btn-close:focus{color:#721c24!important;opacity:.75!important}.alert-info .btn-close{color:#0c5460!important;text-shadow:0 1px 0 rgba(255,255,255,.5)!important}.alert-info .btn-close:hover,.alert-info .btn-close:focus{color:#0c5460!important;opacity:.75!important}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.recentlyCompleted{max-height:300px;text-align:left;overflow-y:scroll}.heroSignUp--text-danger{color:#ffb8b8!important;font-weight:700!important;display:block!important}.logIn--text-danger{color:#dc3545!important;font-weight:700!important;display:block!important}.card__center{margin:0 auto}.icon--button{margin-bottom:-2px!important}.icon--cardHeader{margin-bottom:-3px}.icon--white{color:#cd5c5c}.timeSelector--container{display:flex}.timeSelector--separator{margin:auto 0}.timeRangeSelector{width:100%;height:60px!important;border:1px solid lightslategray}.timeRangeSelector--container{width:100%;height:60px!important;border:1px solid lightslategray;border-radius:3px;display:flex;justify-content:space-evenly;align-items:center}.timeRangeSelector--header{display:flex;align-items:center}.timeRangeSelector--header small{margin-bottom:4px}.timeRangeSelector--header small:hover{cursor:pointer;color:#4b4b4b;text-decoration:underline}.dayPicker__container{display:flex;margin-bottom:6px}.dayPicker__day{height:40px;width:40px;border-radius:50%;background-color:#2f4f4f;display:flex;align-items:center;justify-content:center;margin-left:.25rem;margin-right:.25rem}.dayPicker__day:hover{cursor:pointer;background-color:orange}.dayPicker__day--active{background-color:orange}.dayPicker__day--disabled:hover{cursor:not-allowed;background-color:#2f4f4f}.dayPicker__day--text{color:#fff}.btn--orange{background-color:orange;color:#fff!important}.workSchedule--container:not(:first-of-type){margin-top:1.5rem;margin-bottom:1.5rem}.workSchedule__addSchedule--warning{margin-top:4rem}.addSiteContainer--goodSites{margin-top:3rem}.addSiteContainer,.addReminder--container{margin-bottom:3rem}.reminderControls{cursor:default}.addSite--label{display:flex;align-items:center}.list-group-item{display:flex;align-items:center;justify-content:space-between}.list-group-item small:hover{cursor:pointer;text-decoration:underline;color:#4b4b4b}.heroImage{background-image:url(/assets/stay-focused-2-XMiTqOVn.jpg);box-shadow:inset 0 0 0 1000px #0000008c;background-position:top;background-size:cover}@media only screen and (min-width:480px){.heroImage{height:736px}}@media only screen and (min-width:676px){.heroImage{height:636px}}@media only screen and (min-width:742px){.heroImage{height:620px}}.heroImage{border-radius:0!important}.heroImage h1{font-size:64px;padding-top:8vh}.setWorkingHours h1,.blockDistractingSites h1,.setReminders h1{font-size:46px}.col--center{margin:0 auto}.secondaryNav{padding-top:12px;padding-bottom:12px;display:flex;justify-content:center;flex-direction:column}@media(min-width:568px){.secondaryNav{flex-direction:row}}.secondaryNav button{margin-top:.25rem;margin-bottom:.25rem}.statPeriod{display:flex;flex-direction:column;justify-content:center;margin-bottom:3rem}@media(min-width:568px){.statPeriod{flex-direction:row}}.statPeriod select{width:100%}@media(min-width:568px){.statPeriod select{width:auto}}.homeBtn--dark{background-color:#789;border:1px solid grey}.homeBtn--dark svg{color:#f5f5f5}.homeBtn--dark .icon--white{color:#f5f5f5}.profileBtn--dark{background-color:#00bfff;color:#fff}.card--dark{color:#fff;background:linear-gradient(45deg,#1b1b1b,transparent);background-color:#343a40!important}.primaryBtn--dark{background-color:#2a8de0;border:1px solid #2779bd}.navbar__dark{background:linear-gradient(320deg,#162233,#1b1b1b)}.valueProp--list{list-style-type:none;font-size:26px;padding:0}@media(min-width:568px){.valueProp--list{margin:25% auto}}.valueProp--list li{text-align:center}.learnMore:hover{text-decoration:underline;cursor:pointer}html{scroll-behavior:smooth}.footer{height:100px;background:linear-gradient(320deg,#ee0530,#a74384)}.footer--absolute{bottom:0;height:100px;background:linear-gradient(320deg,#ee0530,#a74384)}.nav--default{background:linear-gradient(320deg,#a74384,#ee0530)}.nav--brand{font-family:Montserrat,sans-serif;font-weight:700;letter-spacing:-3px;font-size:2.25rem;padding-bottom:0;padding-top:0}.icon--navButton{margin-bottom:-3px!important}.navbar--dark .nav--default{background:linear-gradient(320deg,#121418,90%,#05bfee);box-shadow:0 2px 10px 2px #121418}.body--dark{background-color:#3b3b3b}.btns--dark button.btn-primary{background-color:#2c81b3!important;border-color:#2c81b3!important}.btns--dark button.btn-warning{background-color:#789!important;border-color:gray!important}.btns--dark button.btn-warning:active{background-color:gray!important;box-shadow:2px #3b3b3b!important}.btns--dark button.btn-warning svg{color:#fff}.btns--dark button.btn-info{background-color:#00bfff;border-color:#00bfff}.tabs--dark .nav-link{color:#33c2fd}.tabs--dark .nav-link:hover{color:#4a9abd}.cards--dark .card,.cards--dark .list-group-item,.modals--dark .modal-content{background-color:#4d4d4d}.modals--dark .modal-content .dayPicker__day.dayPicker__day--active{background-color:#00bfff;background-image:linear-gradient(45deg,#00bfff,#00a2ff)}.modals--dark .modal-content .dayPicker__day{background-color:#6d6d6d}.modals--dark .modal-content .dayPicker__day:hover{background-color:#00bfff}.modals--dark .modal-content .dayPicker__day.dayPicker__day--disabled{background-color:#6d6d6d}.modals--dark .modal-content small:hover{cursor:pointer;text-decoration:underline;color:#b9b9b9}.modals--dark .react_time_range__track{background-color:#00bfff;background-image:linear-gradient(90deg,#00bfff,#0068df);background-image:linear-gradient(90deg,#00bfff,#bf27b4);background-attachment:fixed;border-left:1px solid rgb(14,177,231)!important;border-right:1px solid rgb(14,177,231)!important}.modals--dark .react_time_range__handle_marker{background-color:#35a7ce}.forms--dark input{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;line-height:1.5;color:azure;background-color:#585c61;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.forms--dark input:active,.forms--dark input:focus{display:block;padding:.375rem .75rem;font-size:1rem;line-height:1.5;color:azure;background-color:#4c535a;background-clip:padding-box;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.btn-close{float:right!important;font-size:1.5rem!important;font-weight:700!important;line-height:1!important;color:#000!important;text-shadow:0 1px 0 #fff!important;opacity:.5!important;background:transparent!important;border:0!important;padding:0!important;margin:-1rem -1rem -1rem auto!important;cursor:pointer!important;-webkit-appearance:none!important}.btn-close:before{content:"×"!important;display:block!important}.btn-close:hover,.btn-close:focus{color:#000!important;text-decoration:none!important;opacity:.75!important}.btn-close:not(:disabled):not(.disabled){cursor:pointer!important}.modal-header .btn-close{padding:1rem!important;margin:-1rem -1rem -1rem auto!important}.modals--dark .modal-header .btn-close{color:#fff!important;text-shadow:0 1px 0 #000!important}.modals--dark .modal-header .btn-close:hover,.modals--dark .modal-header .btn-close:focus{color:#fff!important;opacity:.75!important}.bar-chart{background:#fff;max-width:900px;position:relative}.bar-chart .bars-row{padding:0 0 0 50px;display:flex;justify-content:space-around;height:100%}.bar-chart .bars-row .bar{min-width:10px;max-width:100px;height:100%;flex:1 1 100px;padding:0 8px;position:relative}.bar-chart .bars-row .bar .fill{background:#3eaabc}.bar-chart .bars-row .bar .label{position:absolute;width:100%;text-align:center;left:0;font-size:16px;padding:3px;box-sizing:border-box;font-weight:700}.bar-chart .bars-row .bar.negative .label{transform:translateY(-100%)}.bar-chart .xaxis-line{height:1px;position:absolute;left:50px;right:0;transform:translateY(-1px);background:#ccc}.bar-chart .ygrid-item{position:absolute;left:0;right:0;display:flex}.bar-chart .ygrid-item .figure{font-size:12px;color:#c5c5c5;width:50px;padding:0 5px 0 0;box-sizing:border-box;transform:translateY(7px);display:block;text-align:right}.bar-chart .ygrid-item .line{border-bottom:1px solid #f5f5f5;flex:1 1 auto;display:block}.bar-chart .ygrid-item.zero .line{border-bottom:1px solid #aaa;z-index:5}.bar-chart{max-width:900px;margin-bottom:40px;margin-top:40px;background:#fff}.info{margin-left:1%}.info span:last-child:before{content:"–";margin:0 4px}.react_time_range__time_range_container{padding:30px 2% 0!important;height:70px;width:100%!important;box-sizing:border-box}.switch.switch--default>.switch-toggle{height:26px;width:42.25px;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;position:relative!important;display:inline-block}.switch.switch--default>.switch-toggle.switch-toggle--on:before,.switch.switch--default>.switch-toggle.switch-toggle--on:after,.switch.switch--default>.switch-toggle.switch-toggle--off:before,.switch.switch--default>.switch-toggle.switch-toggle--off:after{content:"";left:0;position:absolute!important}.switch.switch--default>.switch-toggle.switch-toggle--on:before,.switch.switch--default>.switch-toggle.switch-toggle--off:before{height:inherit;width:inherit;border-radius:13px;will-change:background;transition:background .2s .15s ease-out}.switch.switch--default>.switch-toggle.switch-toggle--on:after,.switch.switch--default>.switch-toggle.switch-toggle--off:after{top:2px;height:22px;width:22px;border-radius:11px;background:#fff!important;will-change:transform;transition:transform .2s ease-out}.switch.switch--default>.switch-toggle.switch-toggle--on:before{background:#62c28e!important}.switch.switch--default>.switch-toggle.switch-toggle--on:after{transform:translate(18.25px)}.switch.switch--default>.switch-toggle.switch-toggle--off:before{background:#ccc!important}.switch.switch--default>.switch-toggle.switch-toggle--off:after{transform:translate(2px)}.switch.switch--graphite-small>.switch-toggle{height:20px;width:32.5px;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;position:relative!important;display:inline-block}.switch.switch--graphite-small>.switch-toggle.switch-toggle--on:before,.switch.switch--graphite-small>.switch-toggle.switch-toggle--on:after,.switch.switch--graphite-small>.switch-toggle.switch-toggle--off:before,.switch.switch--graphite-small>.switch-toggle.switch-toggle--off:after{content:"";left:0;position:absolute!important}.switch.switch--graphite-small>.switch-toggle.switch-toggle--on:before,.switch.switch--graphite-small>.switch-toggle.switch-toggle--off:before{height:inherit;width:inherit;border-radius:10px;will-change:background;transition:background .2s .15s ease-out}.switch.switch--graphite-small>.switch-toggle.switch-toggle--on:after,.switch.switch--graphite-small>.switch-toggle.switch-toggle--off:after{top:2px;height:16px;width:16px;border-radius:8px;background:#fff!important;will-change:transform;transition:transform .2s ease-out}.switch.switch--graphite-small>.switch-toggle.switch-toggle--on:before{background:gray!important}.switch.switch--graphite-small>.switch-toggle.switch-toggle--on:after{transform:translate(14.5px)}.switch.switch--graphite-small>.switch-toggle.switch-toggle--off:before{background:#ccc!important}.switch.switch--graphite-small>.switch-toggle.switch-toggle--off:after{transform:translate(2px)}