.button{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;font-weight:600;text-align:center;border-radius:3.5px;transition:background-color .3s,box-shadow .3s}.button:disabled{color:var(--font-color-100);background-color:var(--gray-color-200);cursor:not-allowed}.button:focus{box-shadow:0 0 0 4px var(--main-color-100)}.button--xsmall{min-width:41px;height:43px}.button--small,.button--xsmall{padding:.75rem;font-size:.875rem}.button--small{min-width:80px}.button--small .unicon svg{height:16px;width:16px}.button--medium{min-width:120px;padding:.75rem;font-size:.9rem}.button--large{min-width:150px;padding:.75rem;font-size:1.075rem}.button--primary{color:#fff;background-color:var(--main-color-500)}.button--primary:not(:disabled):hover{background-color:var(--main-color-600)}.button--primary:active{background-color:var(--main-color-700)}.button--secondary{color:var(--main-color-500);border:solid 1px var(--main-color-500);background-color:#fff}.button--secondary:not(:disabled):hover{background-color:var(--main-color-100)}.button--secondary:active{background-color:var(--main-color-200)}.button--text{color:var(--main-color-500)}.button--text:not(:disabled):hover{-webkit-text-decoration:underline 1.2px;text-decoration:underline 1.2px}.button--secondary-text{height:35px;min-height:35px;color:var(--font-color-100);font-weight:var(--regular);padding-top:0;padding-bottom:0;padding-left:.375rem;line-height:1rem}.button--secondary-text:not(:disabled):hover{background-color:var(--gray-color-100)}.button--danger{color:var(--danger-color-400);box-shadow:inset 0 0 0 .75px currentColor}.button--danger:not(:disabled):hover{background-color:var(--danger-color-100)}.calendar[data-v-49e23b43]{justify-content:center;flex-direction:column}.calendar[data-v-49e23b43],.month[data-v-49e23b43]{display:flex;align-items:center}select[data-v-49e23b43]{border:solid 1px var(--main-color-500);padding:.5rem .75rem;border-radius:25px;font-weight:var(--semi-bold);font-size:.875rem;color:var(--main-color-500)}select option[data-v-49e23b43]{color:var(--font-color-700)}.week[data-v-49e23b43]{display:flex;justify-content:space-between;border-top:solid 1px var(--gray-color-400);border-bottom:solid 1px var(--gray-color-400);width:100%;padding-left:1rem}.day-slot[data-v-49e23b43]{padding:.625rem 0;text-align:center;display:flex;flex-flow:column;gap:.5rem;color:var(--font-color-100)}.day-slot.selected[data-v-49e23b43]{color:var(--main-color-500)}button[data-v-49e23b43]{font-size:1.2rem;line-height:100%}.arrows[data-v-49e23b43]{background-color:#fc6f44;color:#fff;border-radius:25px;line-height:100%;padding:.5rem 1rem;display:flex;gap:1.25rem}.controls[data-v-49e23b43]{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:1.5rem}.controls>div[data-v-49e23b43]{display:flex;align-items:center;gap:1rem}.controls>div h4[data-v-49e23b43]{width:9.5rem;text-align:right}.view__container[data-v-698c3aae]{height:100%}.view__container>div[data-v-698c3aae]{height:100%;gap:1.5rem;display:grid;grid-template-areas:"main main img" "calendar calendar img" "goals bar welcome";grid-template-rows:calc(34% - 3rem) 33% 33%;grid-template-columns:repeat(2,calc(35% - 1rem)) 30%}.view__container>div>div[data-v-698c3aae]{padding:2rem 2rem}.view__container>div>div[data-v-698c3aae]:first-child{grid-area:main;background-color:var(--gray-color-100);display:flex;gap:10rem}.view__container>div>div:first-child>div[data-v-698c3aae]:first-child{display:flex;flex-flow:column;gap:.5rem}.view__container>div>div:first-child>div[data-v-698c3aae]:nth-child(2){display:flex;gap:1rem}.view__container>div>div:first-child>div:nth-child(2)>div[data-v-698c3aae]{display:flex;flex-flow:column;justify-content:center;align-items:center;gap:.875rem;padding:.875rem}.view__container>div>div:first-child>div:nth-child(2)>div [data-v-698c3aae]{color:#fff}.view__container>div>div:first-child>div:nth-child(2)>div[data-v-698c3aae]:first-child{background-color:#fe6f43}.view__container>div>div:first-child>div:nth-child(2)>div[data-v-698c3aae]:nth-child(2){background-color:var(--main-color-500)}.view__container>div>div[data-v-698c3aae]:nth-child(2){grid-area:img;background-color:#fff3db}.view__container>div>div[data-v-698c3aae]:nth-child(3){grid-area:calendar}.view__container>div>div[data-v-698c3aae]:nth-child(4){grid-area:goals;background-color:var(--gray-color-100);display:flex;padding:0}.view__container>div>div:nth-child(4)>div[data-v-698c3aae]:first-child{padding:2rem 2rem;display:flex;flex-flow:column;gap:1.5rem;white-space:nowrap}.view__container>div>div:nth-child(4)>div:first-child>div[data-v-698c3aae]{display:flex;flex-flow:column}.view__container>div>div:nth-child(4)>div:first-child>div span[data-v-698c3aae]{display:flex;align-items:center;gap:.875rem}.view__container>div>div:nth-child(4)>div:nth-child(2) figure[data-v-698c3aae],.view__container>div>div:nth-child(4)>div:nth-child(2) img[data-v-698c3aae]{height:100%}.view__container>div>div[data-v-698c3aae]:nth-child(5){grid-area:bar;background-color:#202126;padding:0;display:flex}.view__container>div>div:nth-child(5) [data-v-698c3aae]{color:#fff}.view__container>div>div:nth-child(5)>div:first-child figure[data-v-698c3aae],.view__container>div>div:nth-child(5)>div:first-child img[data-v-698c3aae]{height:100%}.view__container>div>div:nth-child(5)>div[data-v-698c3aae]:nth-child(2){padding:2rem 2rem}.view__container>div>div:nth-child(5)>div[data-v-698c3aae]:nth-child(2):first-child{width:8rem}.view__container>div>div:nth-child(5)>div[data-v-698c3aae]:nth-child(2):nth-child(2){flex-grow:1;display:flex;flex-flow:column;justify-content:space-between}.view__container>div>div:nth-child(5) .bar__container[data-v-698c3aae]{display:flex;flex-flow:column;gap:.25rem}.view__container>div>div:nth-child(5) .bar__container .bar[data-v-698c3aae]{height:.65rem;width:100%;background-color:#3b3c40;border-radius:30px;overflow:hidden}.view__container>div>div:nth-child(5) .bar__container .bar>div[data-v-698c3aae]{height:100%;width:95%;background-color:#ecce6b}.view__container>div>div:nth-child(5) .other[data-v-698c3aae]{display:flex;gap:1.5rem}.view__container>div>div:nth-child(5) .other .circle[data-v-698c3aae]{margin:auto;background-color:#fff;width:.3rem;height:.3rem;border-radius:100%}.view__container>div>div[data-v-698c3aae]:nth-child(6){grid-area:welcome;display:flex;flex-flow:column;justify-content:space-between}