html.light {
  --studydesk_shadow: rgba(13, 38, 76, 0.19) 0px 9px 20px;
  --text_color: #425d64;
  --text_color_dark_background: #fff;
  --main_color: #ff9c13;
  --background_color: #fff;
  --text_color_dark: #a2c8d3;
  --text_color_darker: #425d64;
  --interraction_element: var(--text_color);
  --interraction_element_hover: var(--text_color_dark);
  --button_background: var(--main_color);
  --button_color: var(--background_color);
  --button_background_hover: var(--text_color_darker);
  --button_color_hover: var(--background_color);
  --light_button_background: var(--text_color_dark);
  --light_button_color: var(--text_color);
  --light_button_background_hover: var(--text_color_darker);
  --light_button_color_hover: var(--background_color);
  --select_background_hover: var(--text_color_dark);
  --select_border_hover: var(--text_color_darker);
  --progress_bar_background: var(--text_color_dark);
  --overlay_background: #0000003b;
  --error_color: #690101;
  --error_color_light: #e93c3c;
  --ok_color: #037e2c;
  --ok_color_light: #13a143;
  --success_color: var(--background_color);
  --success_background: var(--main_color);
  --success_text_color: var(--main_color);
  --fail_color: var(--background_color);
  --fail_background: #e93c3c;
  --fail_text_color: #e02323;
  --freeze_color: var(--background_color);
  --freeze_background: #6bcbf9;
  --freeze_text_color: var(--freeze_background);
  --breakday_color: var(--text_color_dark);
  --breakday_background: #0d516b;
}

/* DARK */
html.dark {
  --studydesk_shadow: #0b0f1070 0px 9px 20px;
  --text_color: #fff;
  --text_color_dark_background: #fff;
  --main_color: #ff9c13;
  --background_color: #172327;
  --text_color_dark: #a2c8d3;
  --text_color_darker: #425d64;
  --interraction_element: var(--text_color_darker);
  --interraction_element_hover: var(--text_color_dark);
  --button_background: var(--main_color);
  --button_color: var(--background_color);
  --button_background_hover: var(--text_color_dark);
  --button_color_hover: var(--text_color_darker);
  --light_button_background: var(--text_color_darker);
  --light_button_color: var(--text_color);
  --light_button_background_hover: var(--text_color_dark);
  --light_button_color_hover: var(--text_color_darker);
  --select_background_hover: var(--text_color_darker);
  --select_border_hover: var(--text_color_dark);
  --progress_bar_background: var(--text_color_darker);
  --overlay_background: #0000003b;
  --error_color: #690101;
  --error_color_light: #e93c3c;
  --ok_color: #037e2c;
  --ok_color_light: #13a143;
  --success_color: var(--background_color);
  --success_background: var(--main_color);
  --success_text_color: var(--main_color);
  --fail_color: var(--text_color_dark);
  --fail_background: #471d22;
  --fail_text_color: #e02323;
  --freeze_color: var(--background_color);
  --freeze_background: #6bcbf9;
  --freeze_text_color: var(--freeze_background);
  --breakday_color: var(--text_color_dark);
  --breakday_background: #0d516b;
}

html.light {
  --studydesk_shadow: rgba(13, 38, 76, 0.19) 0px 9px 20px;
  --text_color: #425d64;
  --text_color_dark_background: #fff;
  --main_color: #ff9c13;
  --background_color: #fff;
  --text_color_dark: #a2c8d3;
  --text_color_darker: #425d64;
  --interraction_element: var(--text_color);
  --interraction_element_hover: var(--text_color_dark);
  --button_background: var(--main_color);
  --button_color: var(--background_color);
  --button_background_hover: var(--text_color_darker);
  --button_color_hover: var(--background_color);
  --light_button_background: var(--text_color_dark);
  --light_button_color: var(--text_color);
  --light_button_background_hover: var(--text_color_darker);
  --light_button_color_hover: var(--background_color);
  --select_background_hover: var(--text_color_dark);
  --select_border_hover: var(--text_color_darker);
  --progress_bar_background: var(--text_color_dark);
  --overlay_background: #0000003b;
  --error_color: #690101;
  --error_color_light: #e93c3c;
  --ok_color: #037e2c;
  --ok_color_light: #13a143;
  --success_color: var(--background_color);
  --success_background: var(--main_color);
  --success_text_color: var(--main_color);
  --fail_color: var(--background_color);
  --fail_background: #e93c3c;
  --fail_text_color: #e02323;
  --freeze_color: var(--background_color);
  --freeze_background: #6bcbf9;
  --freeze_text_color: var(--freeze_background);
  --breakday_color: var(--text_color_dark);
  --breakday_background: #0d516b;
}

/* DARK */
html.dark {
  --studydesk_shadow: #0b0f1070 0px 9px 20px;
  --text_color: #fff;
  --text_color_dark_background: #fff;
  --main_color: #ff9c13;
  --background_color: #172327;
  --text_color_dark: #a2c8d3;
  --text_color_darker: #425d64;
  --interraction_element: var(--text_color_darker);
  --interraction_element_hover: var(--text_color_dark);
  --button_background: var(--main_color);
  --button_color: var(--background_color);
  --button_background_hover: var(--text_color_dark);
  --button_color_hover: var(--text_color_darker);
  --light_button_background: var(--text_color_darker);
  --light_button_color: var(--text_color);
  --light_button_background_hover: var(--text_color_dark);
  --light_button_color_hover: var(--text_color_darker);
  --select_background_hover: var(--text_color_darker);
  --select_border_hover: var(--text_color_dark);
  --progress_bar_background: var(--text_color_darker);
  --overlay_background: #0000003b;
  --error_color: #690101;
  --error_color_light: #e93c3c;
  --ok_color: #037e2c;
  --ok_color_light: #13a143;
  --success_color: var(--background_color);
  --success_background: var(--main_color);
  --success_text_color: var(--main_color);
  --fail_color: var(--text_color_dark);
  --fail_background: #471d22;
  --fail_text_color: #e02323;
  --freeze_color: var(--background_color);
  --freeze_background: #6bcbf9;
  --freeze_text_color: var(--freeze_background);
  --breakday_color: var(--text_color_dark);
  --breakday_background: #0d516b;
}

.editor, .delete-confirm-popup {
  display: flex;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  min-height: 100%;
  background: var(--background_color);
  z-index: 1;
  overflow-y: scroll;
}
.editor .editor-inner, .editor .delete-confirm-popup-inner, .delete-confirm-popup .editor-inner, .delete-confirm-popup .delete-confirm-popup-inner {
  max-width: 25rem;
  margin: 5rem 25px 0 25px;
  width: 100%;
}
.editor button.close, .delete-confirm-popup button.close {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  width: initial;
  float: right;
  margin: -25px -8px 15px 15px;
}
.editor button.close:hover svg, .delete-confirm-popup button.close:hover svg {
  stroke: var(--text_color_dark);
}
.editor button.close svg, .delete-confirm-popup button.close svg {
  stroke: var(--text_color);
  animation: fill 0.3s ease-in-out;
  cursor: pointer;
  width: 2em;
  height: 2em;
}
.editor h1, .delete-confirm-popup h1 {
  word-break: break-word;
}
.editor h1 .span, .delete-confirm-popup h1 .span {
  color: var(--main_color);
}
.editor .id, .delete-confirm-popup .id {
  font-size: 0.9rem;
  font-weight: bold;
  color: var(--text_color_dark);
  text-align: center;
}
.editor .form-group > label, .editor .form-group > p.label, .delete-confirm-popup .form-group > label, .delete-confirm-popup .form-group > p.label {
  font-weight: bold;
  margin-bottom: 5px;
  display: block;
}
.editor .form-group > p.group-title, .delete-confirm-popup .form-group > p.group-title {
  font-weight: bold;
  margin-top: 2rem;
  font-size: 1.2rem;
}
.editor .form-group.toggle-group, .delete-confirm-popup .form-group.toggle-group {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 15px;
}
.editor .form-group.toggle-group label, .delete-confirm-popup .form-group.toggle-group label {
  margin-bottom: 0;
}
.editor .form-group.toggle-group .toggle, .delete-confirm-popup .form-group.toggle-group .toggle {
  transform: scale(0.8);
}
.editor .agenda-days, .delete-confirm-popup .agenda-days {
  display: flex;
  gap: 5px;
  margin-top: 10px;
}
.editor .agenda-days .agenda-day, .delete-confirm-popup .agenda-days .agenda-day {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.8em;
  height: 1.8em;
  background: var(--success_background);
  border-radius: 50%;
}
.editor .agenda-days .agenda-day.disabled, .delete-confirm-popup .agenda-days .agenda-day.disabled {
  background: var(--breakday_background);
}
.editor .agenda-days .agenda-day input[type=checkbox], .delete-confirm-popup .agenda-days .agenda-day input[type=checkbox] {
  display: none;
}
.editor .agenda-days .agenda-day label, .delete-confirm-popup .agenda-days .agenda-day label {
  cursor: pointer;
  font-weight: bold;
  color: var(--success_color);
}
.editor .agenda-days .agenda-day.disabled label, .delete-confirm-popup .agenda-days .agenda-day.disabled label {
  color: var(--breakday_color);
}
.editor div.information, .delete-confirm-popup div.information {
  padding: 5px 7px;
  border-radius: 5px;
  display: inline-block;
  margin-top: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.editor div.information p, .delete-confirm-popup div.information p {
  font-weight: bold;
  margin: 0;
}
.editor div.information.success, .delete-confirm-popup div.information.success {
  color: var(--ok_color);
}
.editor div.information.error, .delete-confirm-popup div.information.error {
  color: var(--error_color);
}
.editor div.information.info, .delete-confirm-popup div.information.info {
  color: var(--text_color);
}
.editor div.information.success, .editor div.information.error, .editor div.information.info, .delete-confirm-popup div.information.success, .delete-confirm-popup div.information.error, .delete-confirm-popup div.information.info {
  background: var(--text_color_dark);
}
.editor div.information svg.spinner, .delete-confirm-popup div.information svg.spinner {
  margin-right: 15px;
  width: 1em;
  height: 1em;
  fill: var(--text_color);
}
.editor .loading_button, .editor button.delete, .delete-confirm-popup .loading_button, .delete-confirm-popup button.delete {
  margin: 2rem 0 0 0;
}
.editor button.delete, .delete-confirm-popup button.delete {
  background: var(--error_color);
  fill: var(--error_color_light);
  width: auto;
  color: var(--text_color_dark_background);
}
.editor button.delete svg, .delete-confirm-popup button.delete svg {
  width: 1em;
  height: 1em;
  margin-bottom: 2px;
}

.delete-confirm-popup h1, .delete-confirm-popup p {
  color: var(--error_color_light);
}
.delete-confirm-popup .buttons {
  display: flex;
  gap: 2rem;
  margin-top: 2rem;
}
.delete-confirm-popup .buttons .cancel {
  background: var(--text_color_darker);
  color: var(--text_color);
}
.delete-confirm-popup .buttons .loading_button {
  width: 100%;
  margin: 0;
}
.delete-confirm-popup .buttons .loading_button button {
  width: 100%;
  background-color: var(--error_color);
  color: var(--error_color_light);
}
.delete-confirm-popup .buttons .loading_button svg {
  fill: var(--error_color_light);
}

#logo {
  margin-bottom: 0;
}

p.sentence {
  text-align: center;
  font-weight: bold;
  color: var(--text_color_dark);
}

p.notification {
  text-align: center;
  margin-bottom: 55px;
  font-size: 1.2rem;
  font-weight: bold;
}

div.title {
  margin: 25px 0 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
div.title h1 {
  margin: 0;
}
div.title button {
  width: auto;
  height: 100%;
  padding: 2px 6px;
}

h1 {
  text-align: center;
  margin: 25px 0 0 0;
  font-size: 2em;
}
h1.disabled {
  font-size: 1.2em;
  color: var(--text_color_dark);
}
h1 span {
  color: var(--main_color);
}

div.controls {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 5px;
}
div.controls button {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
}
div.controls button:hover svg {
  fill: var(--text_color_dark);
  stroke: var(--text_color_dark);
}
div.controls button svg {
  fill: var(--text_color_darker);
  stroke: var(--text_color_darker);
  animation: fill 0.3s ease-in-out;
  cursor: pointer;
}
div.controls button svg.caret {
  width: 1.6em;
  height: 1.6em;
}
div.controls button svg.caret.right {
  transform: rotate(180deg);
}
div.controls button svg.today {
  width: 1.2em;
  height: 1.2em;
  margin: 0 3px;
}
div.controls button svg.edit {
  width: 1.2em;
  height: 1.2em;
}

div.calendars {
  display: flex;
  flex-wrap: wrap;
  gap: 35px;
  padding: 35px 0;
  justify-content: center;
}
div.calendars.disabled {
  padding: 15px 0;
  gap: 15px;
}

div.calendar {
  display: inline-block;
  max-width: 16.75em;
}
div.calendar div.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 5px 15px 5px;
}
div.calendar div.header p.name {
  color: var(--text_color);
  margin: 0 5px 0 0;
  font-weight: bold;
  font-size: 1.2em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
div.calendar div.calendar_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
div.calendar div.calendar_header p.name {
  color: var(--text_color);
  margin: 0 5px 0 0;
  font-weight: bold;
  font-size: 1.2em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
div.calendar div.calendar_header div.calendar_controls {
  display: flex;
  justify-content: center;
  align-items: center;
}
div.calendar div.calendar_header div.calendar_controls svg {
  fill: var(--text_color_darker);
  animation: fill 0.3s ease-in-out;
}
div.calendar div.calendar_header div.calendar_controls svg :hover {
  fill: var(--text_color_dark);
}
div.calendar div.calendar_header div.calendar_controls svg.caret {
  width: 1.6em;
  height: 1.6em;
}
div.calendar div.calendar_header div.calendar_controls svg.caret.right {
  transform: rotate(180deg);
}
div.calendar div.calendar_header div.calendar_controls svg.today {
  width: 1.2em;
  height: 1.2em;
  margin: 0 3px;
}
div.calendar div.calendar_body {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 16.75em;
  height: 18.75em;
  border: solid 2px var(--background_color);
  border-radius: 15px;
  padding: 20px;
  box-sizing: border-box;
  box-shadow: var(--studydesk_shadow);
}
div.calendar div.calendar_body div.calendar_info {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: -5px 0 10px 0;
}
div.calendar div.calendar_body div.calendar_info div.edit_and_month {
  display: flex;
  align-items: center;
  gap: 5px;
}
div.calendar div.calendar_body div.calendar_info div.edit_and_month .controls {
  margin-right: 5px;
}
div.calendar div.calendar_body div.calendar_info div.edit_and_month button {
  margin-left: -7px;
}
div.calendar div.calendar_body div.calendar_info div.edit_and_month p.calendar_month {
  color: var(--text_color);
  margin: 0;
  font-size: 1em;
  font-weight: bold;
}
div.calendar div.calendar_body div.calendar_info div.streaks {
  display: flex;
  align-items: center;
}
div.calendar div.calendar_body div.calendar_info div.streaks p {
  color: var(--text_color_dark);
  font-weight: bold;
  margin: 0;
  font-size: 1.3em;
  margin: 0 3px 0 0;
}
div.calendar div.calendar_body div.calendar_info div.streaks svg {
  width: 1.7em;
  height: 1.7em;
  fill: var(--text_color_darker);
  margin-top: -5px;
}
div.calendar div.calendar_body div.calendar_info div.streaks svg.expended {
  fill: var(--main_color);
}
div.calendar div.calendar_body div.calendar_days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  width: fit-content;
  grid-gap: 5px;
  list-style-type: none;
  padding: 0;
}
div.calendar div.calendar_body div.calendar_days button.calendar_day, div.calendar div.calendar_body div.calendar_days div.calendar_dayname {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.8em;
  height: 1.8em;
}
div.calendar div.calendar_body div.calendar_days div.calendar_dayname {
  font-weight: bold;
  font-size: 0.9em;
  color: var(--text_color_darker);
}
div.calendar div.calendar_body div.calendar_days button.calendar_day {
  border-radius: 50%;
  background: var(--background_color);
  color: var(--text_color_dark);
  transition: background 0.2s ease-in-out;
}
div.calendar div.calendar_body div.calendar_days button.calendar_day span {
  border: none;
  background: none;
}
div.calendar div.calendar_body div.calendar_days button.calendar_day.future {
  cursor: auto;
}
div.calendar div.calendar_body div.calendar_days button.calendar_day.loading:not(.future) {
  background: #354246;
  animation: blink 2s ease-in-out infinite;
}
@keyframes blink {
  0% {
    background: #354246;
  }
  25% {
    background: var(--text_color_darker);
  }
  50% {
    background: #354246;
  }
  75% {
    background: var(--text_color_darker);
  }
  100% {
    transform: #354246;
  }
}
div.calendar div.calendar_body div.calendar_days button.calendar_day.success:not(.future) {
  color: var(--success_color);
  background: var(--success_background);
}
div.calendar div.calendar_body div.calendar_days button.calendar_day.fail:not(.future) {
  color: var(--fail_color);
  background: var(--fail_background);
}
div.calendar div.calendar_body div.calendar_days button.calendar_day.freeze:not(.future) {
  color: var(--freeze_color);
  background: var(--freeze_background);
}
div.calendar div.calendar_body div.calendar_days button.calendar_day.breakday:not(.future) {
  color: var(--breakday_color);
  background: var(--breakday_background);
}
div.calendar div.set_state_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: var(--overlay_background);
  z-index: 1;
}
div.calendar div.set_state_overlay div.set_state_box {
  display: block;
  background: var(--background_color);
  position: absolute;
  padding: 15px;
  border: solid 2px var(--background_color);
  border-radius: 15px;
}
div.calendar div.set_state_overlay div.set_state_box button {
  display: block;
  margin: 0;
  font-weight: bold;
  background: 0;
  border: none;
  width: initial;
  padding: 0;
}
div.calendar div.set_state_overlay div.set_state_box button:not(:last-child) {
  margin-bottom: 7px;
}
div.calendar div.set_state_overlay div.set_state_box button::before {
  content: "";
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  margin-right: 5px;
  vertical-align: sub;
  border-radius: 50%;
}
div.calendar div.set_state_overlay div.set_state_box button.set_success {
  color: var(--success_text_color);
}
div.calendar div.set_state_overlay div.set_state_box button.set_success::before {
  background: var(--success_text_color);
}
div.calendar div.set_state_overlay div.set_state_box button.set_freeze {
  color: var(--freeze_text_color);
}
div.calendar div.set_state_overlay div.set_state_box button.set_freeze::before {
  background: var(--freeze_text_color);
}
div.calendar div.set_state_overlay div.set_state_box button.set_fail {
  color: var(--fail_text_color);
}
div.calendar div.set_state_overlay div.set_state_box button.set_fail::before {
  background: var(--fail_text_color);
}
div.calendar div.set_state_overlay div.set_state_box div {
  display: flex;
  cursor: pointer;
}
div.calendar div.set_state_overlay div.set_state_box div p {
  margin: 0 0 0 5px;
  font-weight: bold;
}
div.calendar div.set_state_overlay div.set_state_box div svg {
  width: 1.2em;
  height: 1.2em;
}
div.calendar div.set_state_overlay div.set_state_box div:not(:last-child) {
  margin-bottom: 5px;
}
div.calendar div.set_state_overlay div.set_state_box div.set_success p {
  color: var(--success_background);
}
div.calendar div.set_state_overlay div.set_state_box div.set_success svg {
  fill: var(--success_background);
}
div.calendar div.set_state_overlay div.set_state_box div.set_freeze p {
  color: var(--success_background);
}
div.calendar div.set_state_overlay div.set_state_box div.set_freeze svg {
  fill: var(--success_background);
}
div.calendar div.set_state_overlay div.set_state_box div.set_fail p {
  color: var(--success_background);
}
div.calendar div.set_state_overlay div.set_state_box div.set_fail svg {
  fill: var(--success_background);
}
div.calendar div.set_state_overlay div.set_state_box svg.spinner {
  width: 1.3em;
  height: 1.3em;
  fill: var(--text_color_dark);
}

div.disabled_calendar, div.disabled_progress {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 16.75em;
  box-sizing: border-box;
  border: solid 2px var(--text_color_darker);
  border-radius: 15px;
  padding: 10px;
}
div.disabled_calendar p.name, div.disabled_progress p.name {
  margin: 0;
  color: var(--text_color_dark);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

div.progresses {
  display: flex;
  flex-wrap: wrap;
  gap: 35px;
  padding: 35px 0;
  justify-content: center;
}
div.progresses div.progress {
  flex: 1;
}
div.progresses.disabled {
  padding: 15px 0;
  gap: 15px;
}

div.progress {
  max-width: 25em;
  border: solid 2px var(--background_color);
  border-radius: 15px;
  padding: 20px;
  box-shadow: var(--studydesk_shadow);
  margin-top: 14px;
}
div.progress div.header_wrapper {
  display: flex;
  justify-content: center;
  margin-top: -34px;
  margin-right: 5px;
  margin-left: 5px;
}
div.progress div.header_wrapper div.header {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--background_color);
  max-width: 100%;
  box-shadow: 0px 4px 16px rgba(17, 17, 26, 0.1), 0px 8px 24px rgba(17, 17, 26, 0.1), 0px 16px 56px rgba(17, 17, 26, 0.1);
  border-radius: 15px;
  padding: 5px 15px;
}
div.progress div.header_wrapper div.header p.name {
  margin: 0 10px;
  font-size: 1.2em;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
div.progress div.header_wrapper div.header button.add_measure {
  background: unset;
  padding: unset;
  border: unset;
  border-radius: unset;
  width: 1.7em;
  height: 1.7em;
}
div.progress div.header_wrapper div.header button.add_measure:hover svg {
  fill: var(--text_color_dark);
}
div.progress div.header_wrapper div.header button.add_measure svg {
  width: 1.5em;
  height: 1.5em;
  fill: var(--main_color);
  animation: fill 0.3s ease-in-out;
}
div.progress div.date_controls_wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0 15px 0;
}
div.progress div.date_controls_wrapper div.edit_and_range {
  display: flex;
  align-items: center;
  gap: 5px;
}
div.progress div.date_controls_wrapper div.edit_and_range .controls {
  margin-right: 5px;
}
div.progress div.date_controls_wrapper div.edit_and_range button {
  margin-left: -7px;
}
div.progress div.date_controls_wrapper div.edit_and_range span.time_range {
  flex: 1;
  margin-right: 15px;
  font-weight: bold;
}
div.progress .progress_bar {
  position: relative;
  height: 20px;
  background: var(--progress_bar_background);
  border-radius: 50px;
  overflow: hidden;
}
div.progress .progress_bar .progress_bar_fill {
  background: var(--main_color);
  border-radius: 50px;
  height: 100%;
}
div.progress .progress_bar .progress_bar_label {
  position: absolute;
  font-weight: bold;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
div.progress div.progress_details {
  display: flex;
  gap: 25px;
  margin-top: 15px;
}
div.progress div.progress_details p {
  margin: 0;
}
div.progress div.add_measure_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: var(--overlay_background);
  z-index: 1;
}
div.progress div.add_measure_overlay div.add_measure_box {
  position: absolute;
  transform: translate(-50%, -50%);
  display: block;
  background: var(--background_color);
  padding: 15px;
  border: solid 2px var(--background_color);
  border-radius: 15px;
  width: 9em;
}
div.progress div.add_measure_overlay div.add_measure_box svg.spinner {
  width: 1.3em;
  height: 1.3em;
  fill: var(--text_color_dark);
}

div.no-calendars, div.no-progresses {
  text-align: center;
  color: var(--text_color_dark);
  margin: 25px 0 50px 0;
}
div.no-calendars p, div.no-progresses p {
  margin: 5px 0;
}
div.no-calendars span, div.no-progresses span {
  color: var(--background_color);
  font-weight: bold;
  background: var(--text_color_dark);
  padding: 0px 5px;
  border-radius: 5px;
}

/*# sourceMappingURL=dashboard.css.map */