.vertical-menu-bar{display:flex;flex-direction:column;align-items:center;justify-content:center;width:20vw;height:95vh;background-color:var(--secondary-bg-color);border-radius:20px}.menu-items{display:flex;flex-direction:column;gap:7vh;font-size:2vmax;font-weight:400;letter-spacing:1.08px;line-height:normal}.functionality-menu-items{display:flex;flex-direction:column;gap:2vh}.dashboard-link,.focus,.mood,.habit,.breath,.settings-link{color:var(--primary-text-color);text-decoration:none;transition:text-decoration .3s ease-in-out}.dashboard-link:hover,.focus:hover,.mood:hover,.habit:hover,.breath:hover,.settings-link:hover{text-decoration:underline;cursor:pointer}@media only screen and (min-width: 768px) and (max-width: 1024px){.vertical-menu-bar{width:20vw;height:95vh;border-radius:20px}.menu-items{gap:5vh;font-size:1.5vmax}.functionality-menu-items{gap:2vh}}.focus-circle{position:absolute;width:100%;height:100%}.focus-circle-SVG{padding:20%}.focus-circle-text-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.focus-timer-text{color:var(--primary-text-color);display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-family:Inter-Regular,Helvetica;font-size:2.3vmin;font-weight:800;letter-spacing:.3px;line-height:normal}.focus-timer-done-counter{position:absolute;top:80.77%;left:83.07%;color:var(--primary-text-color);font-family:Inter-Bold,Helvetica;font-size:1.5vmin;font-weight:700;letter-spacing:.3px;line-height:normal}@media only screen and (max-width: 767px){.focus-timer-done-counter{font-size:2.5vmin}.focus-timer-text{font-size:4vmin}}@media only screen and (min-width: 768px) and (max-width: 1024px){.focus-timer-text{font-size:1.8vmin}}.habit-circles-wrapper{position:absolute;top:30%;left:20%;display:flex;flex-flow:row wrap;align-items:center;width:60%;height:40%}.habit-circle-SVG{width:33%;height:33%}.mood-lines-wrapper{position:absolute;top:43.1%;left:17%;display:flex;flex-flow:column wrap;align-items:center;gap:2.5vmin;width:65.4%}.moods-wrapper{position:absolute;top:35%;left:24%}.mood-up-SVG,.mood-down-SVG{width:70%}.mood-stable-SVG{width:90%;height:100%}.breath-circle{position:absolute;width:100%;height:100%}.breath-circle-SVG{padding:20%}.breath-break{position:absolute;top:41%;left:18%;width:40%;color:var(--secondary-bg-color)}.breath-circle-text-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.breath-timer-text{color:var(--primary-text-color);display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-family:Inter-Regular,Helvetica;font-size:2.3vmin;font-weight:800;letter-spacing:.3px;line-height:normal}.breath-timer-done-counter{position:absolute;top:80.77%;left:83.07%;color:var(--primary-text-color);font-family:Inter-Bold,Helvetica;font-size:1.5vmin;font-weight:700;letter-spacing:.3px;line-height:normal}@media only screen and (max-width: 767px){.breath-timer-done-counter{font-size:2.5vmin}.breath-timer-text{font-size:4vmin}}@media only screen and (min-width: 768px) and (max-width: 1024px){.breath-timer-text{font-size:1.8vmin}}.back-dash-link{color:var(--primary-text-color);text-decoration:none;font-size:4vmin;transition:text-decoration .3s ease-in-out}.back-dash-link:hover{text-decoration:underline;cursor:pointer}.mobile-back-btn-wrapper{padding-top:1%;display:flex;flex-flow:row wrap;align-items:center;gap:4vmin}.app-wrapper{width:90vmin;height:90vmin;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;gap:2vmin 2vmin}.tile-wrapper{width:46.43%;height:46.43%;background-color:var(--tertiary-bg-color);border-radius:7.7%;position:relative}.tile-main-name{position:absolute;top:7.7%;left:7.7%;color:var(--primary-text-color);font-family:Inter-Regular,Helvetica;font-size:3vmin;font-weight:400;letter-spacing:.3px;line-height:normal}@media only screen and (max-width: 76px){.app-wrapper{gap:2vmin 4vmin;width:60vmin;height:60vmin}}@media only screen and (min-width: 768px) and (max-width: 1024px){.app-wrapper{width:40vmin;height:40vmin}}@media only screen and (min-width: 1025px){.app-wrapper{width:50vmin;height:50vmin}}.focus-detailed-reset-icon{cursor:pointer}.focus-detailed-reset-icon:hover{transform:scale(1.05)}.focus-detailed-reset-icon:active{transform:scale(.95)}.reset-icon{position:relative;top:50%;left:80%;width:10%}.focus-detailed-circular-progress-bar{margin:0 auto;width:65vmin;height:65vmin;text-align:center;border-radius:100%;box-shadow:-50px -50px 100px var(--secondary-accent-color),50px 50px 100px var(--secondary-accent-color);cursor:pointer}.focus-timer-elapsing{color:var(--primary-text-color);font-size:7vmin}.focus-timer-next{font-family:Inter-Regular,Helvetica;color:var(--primary-text-color);font-size:4vmin;font-weight:600;letter-spacing:.36px}.CircularProgressbar-path{stroke:var(--primary-accent-color)}.CircularProgressbar-trail{stroke:var(--secondary-accent-color)}.CircularProgressbar-text{fill:var(--primary-text-color)}.focus-detailed-circular-progress-bar:active{transform:scale(.98)}.focus-done-day{padding-top:5%;color:var(--primary-text-color);font-family:Inter-Regular,Helvetica;font-size:5vmin;font-weight:600;letter-spacing:.36px;line-height:normal}.focus-history{color:var(--primary-text-color);font-family:Inter-Regular,Helvetica;font-size:3.5vmin;font-weight:400;overflow:hidden}.focus-history-yesterday,.focus-history-overall{padding:20px;float:left}@media only screen and (min-width: 768px) and (max-width: 1024px){.focus-timer-elapsing{font-size:3vmin}.focus-timer-next{font-size:1vmin}.focus-done-day,.focus-history{font-size:2vmin}.focus-detailed-circular-progress-bar{width:20vw;height:20vw}}@media only screen and (min-width: 1025px){.focus-timer-elapsing{font-size:4vmin}.focus-timer-next{font-size:1vmin}.focus-done-day,.focus-history{font-size:2vmin}.focus-detailed-circular-progress-bar{width:25vmin;height:25vmin}}.range-mood{width:70%;margin:3vmin auto 2vmin;text-align:center;color:var(--primary-text-color);font-family:Inter-Regular,Helvetica;font-size:5vmin;font-weight:400;letter-spacing:.36px;line-height:normal}input[type=range]{width:100%;height:1vmin;--webkit-appearance: none}.mood-history{color:var(--primary-text-color);font-family:Inter-Regular,Helvetica;font-size:3.5vmin;font-weight:400;overflow:hidden}.mood-history-yesterday,.mood-history-overall{padding:20px;float:left}@media only screen and (min-width: 768px) and (max-width: 1024px){.mood-history,.range-mood{font-size:2vmin}}@media only screen and (min-width: 1025px){.mood-history{font-size:2vmin}.range-mood{font-size:2.5vmin}}.habit-detailed-counter{color:var(--primary-text-color);font-family:Inter-SemiBold,Helvetica;font-size:5vmin;font-weight:400;letter-spacing:.36px;line-height:normal}.habit-detailed-wrapper-habits{display:flex;flex-flow:column wrap;align-items:flex-start;gap:1.5vmin;width:100%}.habit-detailed-wrapper-habits-options{display:flex;flex-flow:row wrap;align-items:center;gap:1vmin;padding-left:5vmin}.habit-detailed-checkbox{content:"";width:3vmin;height:3vmin;border:.5vmin solid var(--tertiary-bg-color);background-color:var( --primary-text-color )}.habit-detailed-text-label{color:var(--primary-text-color);font-family:Inter-Regular,Helvetica;font-size:4vmin;font-weight:400;letter-spacing:.36px;line-height:normal}.habit-history{color:var(--primary-text-color);font-family:Inter-Regular,Helvetica;font-size:3.5vmin;font-weight:400;overflow:hidden}.habit-history-yesterday,.habit-history-overall{padding:20px;float:left}@media only screen and (min-width: 768px) and (max-width: 1024px){.habit-detailed-counter{font-size:3vmin}.habit-detailed-text-label,.habit-history{font-size:2vmin}}@media only screen and (min-width: 1025px){.habit-detailed-counter{font-size:3vmin}.habit-detailed-text-label,.habit-history{font-size:2vmin}}.pulsing{animation-name:pulse;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear;cursor:default}.pulsing:after{content:"breathe in";position:absolute;color:var(--primary-text-color);top:55%;left:0%;font-size:3vmin;font-family:Inter-Regular,Helvetica;width:100%;vertical-align:middle;text-align:center;animation-name:text;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear}.pulsing:before{content:"";width:16px;height:50%;position:absolute;display:block;top:0;left:calc(50% - 8px);animation-timing-function:linear;transform-origin:center bottom;animation-name:rotate;animation-duration:10s;animation-iteration-count:infinite}@keyframes text{0%{content:"breathe in"}50%{content:"hold"}51%{content:"breathe out"}to{content:"hold"}}@keyframes pulse{0%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1.1)}75%{transform:scale(1)}to{transform:scale(1)}}.breathe-history{color:var(--primary-text-color);font-family:Inter-Regular,Helvetica;font-size:3.5vmin;font-weight:400;overflow:hidden}.breathe-history-yesterday,.breathe-history-overall{padding:20px;float:left}@media only screen and (min-width: 768px) and (max-width: 1024px){.focus-timer-elapsing{font-size:3vmin}.pulsing:after{font-size:2vmin}.breathe-history{font-size:2vmin}}@media only screen and (min-width: 1025px){.focus-timer-elapsing{font-size:4vmin}.pulsing:after{font-size:2vmin}.breathe-history{font-size:2vmin}}.settings-field-wrapper{width:80%;display:flex;flex-flow:row;align-items:center;justify-content:center;gap:5vmin}.settings-description{width:80%;text-align:left;padding-bottom:2vmin}.settings-input-field{width:80%;margin-left:20%;border-radius:.5vmin}.settings-buttons-wrapper{padding-top:5%;display:flex;flex-flow:row wrap;align-items:center;gap:2vmin}.field-wrap{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2vmin}.about-wrapper{width:30vw;height:95vh;background-color:var(--secondary-bg-color);border-radius:20px}.about-header{padding-top:10%;color:var(--primary-text-color);font-family:Inter-SemiBold,Helvetica;font-size:7vmin;font-weight:600;letter-spacing:.36px;line-height:normal}.about-paragraph{color:var(--primary-text-color);font-family:Inter-Regular,Helvetica;padding-top:10%;width:90%;text-align:left;font-size:4vmin;font-weight:400;letter-spacing:.36px;line-height:normal}@media only screen and (max-width: 767px){.about-wrapper{width:100vw;height:100vh;border-radius:0}.about-paragraph{text-align:justify}}@media only screen and (min-width: 1025px){.about-header{font-size:3vmin}.about-paragraph{font-size:2.3vmin}}.desktop-wrapper{display:flex;flex-direction:row;justify-content:center;align-content:center;gap:1vw}.start-wrapper{width:70vw;height:70vh;background-color:var(--secondary-bg-color);border-radius:20px}.app-button.go-dash{margin-top:10%}.color-wrap{margin-top:1%;display:flex;flex-direction:row;justify-content:flex-start;gap:1vmin}@media only screen and (max-width: 767px){.start-wrapper{width:100vw;height:100vh;border-radius:0}}.start-page .main-header{width:100%}.start-page .secondary-header{padding:5%}.start-page-input-wrapper{width:100%;text-align:center}.start-page-error{width:100%;height:3vmin;text-align:center;color:var(--primary-text-color);font-size:2vmin}.start-page-input{width:50vmin;border:none;text-align:center;background-color:var(--secondary-bg-color);border-bottom:1px solid var(--primary-text-color);padding:5px 10px;outline:none;color:var(--primary-text-color);font-size:4vmin}.colorPaletteSelect{font-size:4vmin;padding:1vmin}.start-page-button button{margin-top:2vmin;font-size:3vmin}@media only screen and (max-width: 767px){.start-page .main-header,.start-page .secondary-header{padding-top:2%}.start-page .main-app-name{margin-top:4vmin;font-size:10vmin}.start-page .secondary-header,.start-page-input{font-size:8vmin}.colorPaletteSelect{font-size:8vmin;padding:1vmin}.start-page-button button{margin-top:4vmin;font-size:5vmin}.start-page-error{width:100%;height:5vmin;text-align:center;color:var(--primary-text-color);font-size:4vmin}}@media only screen and (min-width: 768px) and (max-width: 1024px){.about-header{font-size:3vmin}.about-paragraph{font-size:2vmin}}:root{--primary-bg-color: #000000;--secondary-bg-color: #1c1d1f;--tertiary-bg-color: #4a4d53;--primary-text-color: #f0f2f1;--primary-accent-color: #f0f2f1;--secondary-accent-color: #6f6f6f}body{margin:0;height:100vh;display:flex;background-color:var(--primary-bg-color);align-items:center;justify-content:center}.main-wrapper{width:45vw;height:95vh;background-color:var(--secondary-bg-color);border-radius:20px}.app-container{margin:0;padding:0;display:flex;flex-flow:column wrap;align-items:center;gap:1.5vmin}.main-header{padding-top:5%;width:90%;display:flex;flex-flow:row wrap;align-items:center;justify-content:center;gap:5vmin}.main-app-name{padding-top:5%;color:var(--primary-text-color);font-family:Inter-SemiBold,Helvetica;font-size:7vmin;text-align:center;font-weight:600;letter-spacing:.36px;line-height:normal}.secondary-header{color:var(--primary-text-color);font-family:Inter-SemiBold,Helvetica;font-size:4.5vmin;text-align:center;font-weight:600;letter-spacing:.36px;line-height:normal}.text-paragraph{color:var(--primary-text-color);font-family:Inter-Regular,Helvetica;font-size:4vmin;text-align:justify;font-weight:400;letter-spacing:.36px;line-height:normal}.app-button{display:inline-block;padding:5px 10px;font-size:14px;text-align:center;text-decoration:none;cursor:pointer;border-radius:5px;border:1px solid var(--primary-accent-color);color:var(--primary-text-color);background-color:var(--tertiary-bg-color)}.app-button:hover{background-color:var(--primary-text-color);border-color:var(--primary-text-color);color:var(--tertiary-bg-color)}.app-button:active{background-color:var(--tertiary-bg-color);border-color:var(-primary-accent-color);color:var(--primary-text-color)}.line-dashboard{padding-top:2%;padding-bottom:2%;width:100%}@media only screen and (max-width: 767px){.main-wrapper{width:100vw;height:100vh;border-radius:0}}@media only screen and (min-width: 768px) and (max-width: 1024px){.main-app-name{padding-top:10%;font-size:4vmin}.secondary-header{font-size:3vmin}.text-paragraph{font-size:2vmin}.tile-main-name{font-size:1.8vmin}}@media only screen and (min-width: 1025px){.main-app-name{padding-top:5%;font-size:4vmin}.secondary-header{font-size:3vmin}.text-paragraph{font-size:2vmin}.tile-main-name{font-size:1.8vmin}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}