.edit-form {
  border: 1px solid lightgray;
  margin: 1rem 0;
  padding: 1rem;
}
.edit-form .form-close {
  float: right;
  cursor: pointer;
}

.iconic {
  width: 1em;
  vertical-align: baseline;
}

#root-container {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 1em;
}

#left-nav {
  flex-grow: 0;
  padding-bottom: 2em;
  background-color: #092235;
  min-height: 100vh;
}
#left-nav .nav {
  display: float;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  color: white;
  font-size: 1.2em;
}
#left-nav .nav a {
  color: white;
}
#left-nav .nav div {
  padding: 0.5em 2em 0.5em 1em;
}
#left-nav .nav div:hover {
  background-color: #265376;
  cursor: pointer;
}
#left-nav .nav div.title {
  height: 60px;
}
#left-nav .nav div.title a {
  color: #9257B2;
}
#left-nav .nav div.title span {
  font-size: 1.2em;
  font-weight: bold;
}

.titlebar {
  width: 100%;
  background-color: #092235;
  padding: 1em;
  margin-bottom: 1em;
  height: 60px;
}
.titlebar .title {
  font-size: 1.4em;
  color: white;
}
.titlebar .title .menu-link {
  color: #265376;
  border-radius: 0.1em;
  padding: 0 0.3em;
}

#right-content {
  display: inline-block;
  clear: none;
  width: 100%;
}

.technique-edit {
  margin: 1rem 0;
}

.technique-edit-form {
  border: 1px solid lightgray;
  margin: 1rem 0;
  padding: 1rem;
}
.technique-edit-form .form-close {
  float: right;
  cursor: pointer;
}
.technique-edit-form .mergelist .techs-table {
  height: 10em;
  overflow-y: scroll;
}

.hover-row:hover {
  background-color: #265376 !important;
  cursor: pointer;
  color: white;
}
.hover-row:hover a {
  color: white;
}
.hover-row:hover a:hover {
  border-bottom: 1px solid white;
}

.cell-numeric {
  text-align: right;
}

.easy-autocomplete {
  position: relative;
}
.attendance-row {
  line-height: 10px;
  min-width: 110px;
}
.attendance-row .attendance-badge {
  width: 9px;
  height: 9px;
  display: inline-block;
  margin: 0 1px 0 0;
  padding: 0;
}
.attendance-row .attendance-badge.attendance-future {
  border: 1px solid lightgray;
}
.attendance-row .attendance-badge.attendance-present {
  background-color: lightgreen;
}
.attendance-row .attendance-badge.attendance-absent {
  background-color: #999;
}

.attendance-table {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
}
.attendance-table .card {
  border: 1px solid lightgray;
  margin: 1em;
  padding: 1em;
  width: 20em;
  height: 4em;
}
.attendance-table .card .name {
  font-weight: bold;
  font-size: 1.2em;
}
.attendance-table .card .attendance {
  color: darkgray;
  font-size: 0.6em;
}
.attendance-table .card.attendance-absent {
  background-color: lightgray;
}
.attendance-table .card.attendance-practicing {
  background-color: lightgreen;
}
.attendance-table .card.attendance-watching {
  background-color: lightblue;
}
.attendance-table .card.attendance-teaching {
  background-color: yellow;
}
.attendance-table .card.attendance-grading {
  background-color: pink;
}

.student-attendance-summary-card {
  display: inline-block;
  margin: 1em;
  border-radius: 0.5em;
  background-color: #eee;
  padding: 0.5em;
  overflow: hidden;
  width: 6em;
  font-size: 0.8em;
}
.student-attendance-summary-card div {
  padding: 0;
}
.student-attendance-summary-card .attendance-type {
  font-weight: bold;
  text-align: right;
  width: 100%;
}
.student-attendance-summary-card .attendance-count {
  font-size: 3em;
  line-height: 1.2;
  text-align: right;
  width: 100%;
}

.student-table .student-table-row {
  margin: 0 0 0.2em 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.student-table .student-table-row:nth-child(even) {
  background-color: #eee;
}
.student-table .student-table-row div {
  overflow: hidden;
  margin-left: 1em;
}
.student-table .student-table-row div:first-child {
  margin-left: 0;
}
.student-table .student-table-row .student-table-checkbox {
  width: 2em;
  padding: 0.2em 0 0 0.2em;
}
.student-table .student-table-row .student-table-surname {
  width: 12em;
}
.student-table .student-table-row .student-table-firstname {
  width: 8em;
}
.student-table .student-table-row .student-table-email {
  width: 10em;
}
.student-table .student-table-row .student-table-mobile {
  width: 8em;
}
.student-table .student-table-row .student-table-state {
  width: 6em;
}
.student-table .student-table-row .student-attendance-map * {
  margin-left: 0;
  margin-top: 0.2em;
}
.student-table .student-table-row .student-table-click {
  width: 3em;
}

.student-info .info-label {
  font-size: 0.8em;
  line-height: 1;
  background-color: #265376;
  color: white;
  padding: 0.3333em 0.5em;
  display: inline-block;
  width: 8em;
  margin-right: 0.3em;
}

.info-form {
  display: grid;
  grid-template-columns: 6em 1fr;
  row-gap: 0.6em;
  column-gap: 1em;
}
.info-form > div {
  display: contents;
}
.info-form > div > span:nth-child(2n+1) {
  color: var(--dd-text-secondary-color);
  font-size: 0.6em;
  text-transform: uppercase;
}

.login-form-container {
  border: 1px solid lightgray;
  margin: 1rem 0;
  padding: 1rem;
}
.login-form-container .form-close {
  float: right;
  cursor: pointer;
}
.login-form-container .error {
  border: 1px solid red;
}

.float-right-toolbar {
  position: fixed;
  top: 0px;
  right: 0px;
  border: 0;
  padding: 1em;
  background: lightgray;
}

.characterCount {
  font-size: 0.8em;
  color: #265376;
  float: right;
}

:root, .palette1 {
  --dd-c0h0: #0a151e;
  --dd-c0h1: #132a3b;
  --dd-c0h2: #1c3e59;
  --dd-c0h3: #265376;
  --dd-c0h4: #3c82b9;
  --dd-c0h5: #79acd4;
  --dd-c0h6: #bcd6e9;
  --dd-background-color: var(--dd-c0h3);
  --dd-background-color-hover: var(--dd-c0h6);
  --dd-background-color-selected: var(--dd-c0h5);
  --dd-border-color: var(--dd-c0h3);
  --dd-border-radius: 3px;
  --dd-color: #666;
  --dd-color-hover: white;
  --dd-color-selected: white;
  --dd-fade-fast: 0.3s;
  --dd-text-background-color: var(--dd-background-color, var(--dd-c0h3));
  --dd-text-background-color-hover: var(--dd-background-color-hover, var(--dd-c0h6));
  --dd-text-background-color-selected: var(--dd-background-color-selected, var(--dd-c0h5));
  --dd-text-border-color: var(--dd-border-color, var(--dd-c0h3));
  --dd-text-border-radius: var(--dd-border-radius, 3px);
  --dd-text-color: var(--dd-color, #666);
  --dd-text-color-hover: var(--dd-color-hover, white);
  --dd-text-color-selected: var(--dd-color-selected, white);
  --dd-text-fade-fast: var(--dd-fade-fast, 0.3s);
  --dd-text-primary-background-color: var(--dd-text-background-color, var(--dd-background-color, var(--dd-c0h3)));
  --dd-text-primary-background-color-hover: var(--dd-text-background-color-hover, var(--dd-background-color-hover, var(--dd-c0h6)));
  --dd-text-primary-background-color-selected: var(--dd-text-background-color-selected, var(--dd-background-color-selected, var(--dd-c0h5)));
  --dd-text-primary-border-color: var(--dd-text-border-color, var(--dd-border-color, var(--dd-c0h3)));
  --dd-text-primary-border-radius: var(--dd-text-border-radius, var(--dd-border-radius, 3px));
  --dd-text-primary-color: var(--dd-text-color, var(--dd-color, #666));
  --dd-text-primary-color-hover: var(--dd-text-color-hover, var(--dd-color-hover, white));
  --dd-text-primary-color-selected: var(--dd-text-color-selected, var(--dd-color-selected, white));
  --dd-text-primary-fade-fast: var(--dd-text-fade-fast, var(--dd-fade-fast, 0.3s));
  --dd-text-secondary-background-color: var(--dd-text-background-color, var(--dd-background-color, var(--dd-c0h3)));
  --dd-text-secondary-background-color-hover: var(--dd-text-background-color-hover, var(--dd-background-color-hover, var(--dd-c0h6)));
  --dd-text-secondary-background-color-selected: var(--dd-text-background-color-selected, var(--dd-background-color-selected, var(--dd-c0h5)));
  --dd-text-secondary-border-color: var(--dd-text-border-color, var(--dd-border-color, var(--dd-c0h3)));
  --dd-text-secondary-border-radius: var(--dd-text-border-radius, var(--dd-border-radius, 3px));
  --dd-text-secondary-color: var(--dd-text-color, var(--dd-color, #666));
  --dd-text-secondary-color-hover: var(--dd-text-color-hover, var(--dd-color-hover, white));
  --dd-text-secondary-color-selected: var(--dd-text-color-selected, var(--dd-color-selected, white));
  --dd-text-secondary-fade-fast: var(--dd-text-fade-fast, var(--dd-fade-fast, 0.3s));
  --dd-text-accent-background-color: var(--dd-text-background-color, var(--dd-background-color, var(--dd-c0h3)));
  --dd-text-accent-background-color-hover: var(--dd-text-background-color-hover, var(--dd-background-color-hover, var(--dd-c0h6)));
  --dd-text-accent-background-color-selected: var(--dd-text-background-color-selected, var(--dd-background-color-selected, var(--dd-c0h5)));
  --dd-text-accent-border-color: var(--dd-text-border-color, var(--dd-border-color, var(--dd-c0h3)));
  --dd-text-accent-border-radius: var(--dd-text-border-radius, var(--dd-border-radius, 3px));
  --dd-text-accent-color: var(--dd-text-color, var(--dd-color, #666));
  --dd-text-accent-color-hover: var(--dd-text-color-hover, var(--dd-color-hover, white));
  --dd-text-accent-color-selected: var(--dd-text-color-selected, var(--dd-color-selected, white));
  --dd-text-accent-fade-fast: var(--dd-text-fade-fast, var(--dd-fade-fast, 0.3s));
  --dd-text-alert-background-color: var(--dd-text-background-color, var(--dd-background-color, var(--dd-c0h3)));
  --dd-text-alert-background-color-hover: var(--dd-text-background-color-hover, var(--dd-background-color-hover, var(--dd-c0h6)));
  --dd-text-alert-background-color-selected: var(--dd-text-background-color-selected, var(--dd-background-color-selected, var(--dd-c0h5)));
  --dd-text-alert-border-color: var(--dd-text-border-color, var(--dd-border-color, var(--dd-c0h3)));
  --dd-text-alert-border-radius: var(--dd-text-border-radius, var(--dd-border-radius, 3px));
  --dd-text-alert-color: var(--dd-text-color, var(--dd-color, #666));
  --dd-text-alert-color-hover: var(--dd-text-color-hover, var(--dd-color-hover, white));
  --dd-text-alert-color-selected: var(--dd-text-color-selected, var(--dd-color-selected, white));
  --dd-text-alert-fade-fast: var(--dd-text-fade-fast, var(--dd-fade-fast, 0.3s));
  --dd-text-destructive-background-color: var(--dd-text-background-color, var(--dd-background-color, var(--dd-c0h3)));
  --dd-text-destructive-background-color-hover: var(--dd-text-background-color-hover, var(--dd-background-color-hover, var(--dd-c0h6)));
  --dd-text-destructive-background-color-selected: var(--dd-text-background-color-selected, var(--dd-background-color-selected, var(--dd-c0h5)));
  --dd-text-destructive-border-color: var(--dd-text-border-color, var(--dd-border-color, var(--dd-c0h3)));
  --dd-text-destructive-border-radius: var(--dd-text-border-radius, var(--dd-border-radius, 3px));
  --dd-text-destructive-color: var(--dd-text-color, var(--dd-color, #666));
  --dd-text-destructive-color-hover: var(--dd-text-color-hover, var(--dd-color-hover, white));
  --dd-text-destructive-color-selected: var(--dd-text-color-selected, var(--dd-color-selected, white));
  --dd-text-destructive-fade-fast: var(--dd-text-fade-fast, var(--dd-fade-fast, 0.3s));
  --dd-text-success-background-color: var(--dd-text-background-color, var(--dd-background-color, var(--dd-c0h3)));
  --dd-text-success-background-color-hover: var(--dd-text-background-color-hover, var(--dd-background-color-hover, var(--dd-c0h6)));
  --dd-text-success-background-color-selected: var(--dd-text-background-color-selected, var(--dd-background-color-selected, var(--dd-c0h5)));
  --dd-text-success-border-color: var(--dd-text-border-color, var(--dd-border-color, var(--dd-c0h3)));
  --dd-text-success-border-radius: var(--dd-text-border-radius, var(--dd-border-radius, 3px));
  --dd-text-success-color: var(--dd-text-color, var(--dd-color, #666));
  --dd-text-success-color-hover: var(--dd-text-color-hover, var(--dd-color-hover, white));
  --dd-text-success-color-selected: var(--dd-text-color-selected, var(--dd-color-selected, white));
  --dd-text-success-fade-fast: var(--dd-text-fade-fast, var(--dd-fade-fast, 0.3s));
  --dd-text-failure-background-color: var(--dd-text-background-color, var(--dd-background-color, var(--dd-c0h3)));
  --dd-text-failure-background-color-hover: var(--dd-text-background-color-hover, var(--dd-background-color-hover, var(--dd-c0h6)));
  --dd-text-failure-background-color-selected: var(--dd-text-background-color-selected, var(--dd-background-color-selected, var(--dd-c0h5)));
  --dd-text-failure-border-color: var(--dd-text-border-color, var(--dd-border-color, var(--dd-c0h3)));
  --dd-text-failure-border-radius: var(--dd-text-border-radius, var(--dd-border-radius, 3px));
  --dd-text-failure-color: var(--dd-text-color, var(--dd-color, #666));
  --dd-text-failure-color-hover: var(--dd-text-color-hover, var(--dd-color-hover, white));
  --dd-text-failure-color-selected: var(--dd-text-color-selected, var(--dd-color-selected, white));
  --dd-text-failure-fade-fast: var(--dd-text-fade-fast, var(--dd-fade-fast, 0.3s));
  --dd-text-warning-background-color: var(--dd-text-background-color, var(--dd-background-color, var(--dd-c0h3)));
  --dd-text-warning-background-color-hover: var(--dd-text-background-color-hover, var(--dd-background-color-hover, var(--dd-c0h6)));
  --dd-text-warning-background-color-selected: var(--dd-text-background-color-selected, var(--dd-background-color-selected, var(--dd-c0h5)));
  --dd-text-warning-border-color: var(--dd-text-border-color, var(--dd-border-color, var(--dd-c0h3)));
  --dd-text-warning-border-radius: var(--dd-text-border-radius, var(--dd-border-radius, 3px));
  --dd-text-warning-color: var(--dd-text-color, var(--dd-color, #666));
  --dd-text-warning-color-hover: var(--dd-text-color-hover, var(--dd-color-hover, white));
  --dd-text-warning-color-selected: var(--dd-text-color-selected, var(--dd-color-selected, white));
  --dd-text-warning-fade-fast: var(--dd-text-fade-fast, var(--dd-fade-fast, 0.3s));
  --dd-link-background-color: var(--dd-background-color, var(--dd-c0h3));
  --dd-link-background-color-hover: var(--dd-background-color-hover, var(--dd-c0h6));
  --dd-link-background-color-selected: var(--dd-background-color-selected, var(--dd-c0h5));
  --dd-link-border-color: var(--dd-border-color, var(--dd-c0h3));
  --dd-link-border-radius: var(--dd-border-radius, 3px);
  --dd-link-color: var(--dd-color, #666);
  --dd-link-color-hover: var(--dd-color-hover, white);
  --dd-link-color-selected: var(--dd-color-selected, white);
  --dd-link-fade-fast: var(--dd-fade-fast, 0.3s);
  --dd-link-primary-background-color: var(--dd-link-background-color, var(--dd-background-color, var(--dd-c0h3)));
  --dd-link-primary-background-color-hover: var(--dd-link-background-color-hover, var(--dd-background-color-hover, var(--dd-c0h6)));
  --dd-link-primary-background-color-selected: var(--dd-link-background-color-selected, var(--dd-background-color-selected, var(--dd-c0h5)));
  --dd-link-primary-border-color: var(--dd-link-border-color, var(--dd-border-color, var(--dd-c0h3)));
  --dd-link-primary-border-radius: var(--dd-link-border-radius, var(--dd-border-radius, 3px));
  --dd-link-primary-color: var(--dd-link-color, var(--dd-color, #666));
  --dd-link-primary-color-hover: var(--dd-link-color-hover, var(--dd-color-hover, white));
  --dd-link-primary-color-selected: var(--dd-link-color-selected, var(--dd-color-selected, white));
  --dd-link-primary-fade-fast: var(--dd-link-fade-fast, var(--dd-fade-fast, 0.3s));
  --dd-link-secondary-background-color: var(--dd-link-background-color, var(--dd-background-color, var(--dd-c0h3)));
  --dd-link-secondary-background-color-hover: var(--dd-link-background-color-hover, var(--dd-background-color-hover, var(--dd-c0h6)));
  --dd-link-secondary-background-color-selected: var(--dd-link-background-color-selected, var(--dd-background-color-selected, var(--dd-c0h5)));
  --dd-link-secondary-border-color: var(--dd-link-border-color, var(--dd-border-color, var(--dd-c0h3)));
  --dd-link-secondary-border-radius: var(--dd-link-border-radius, var(--dd-border-radius, 3px));
  --dd-link-secondary-color: var(--dd-link-color, var(--dd-color, #666));
  --dd-link-secondary-color-hover: var(--dd-link-color-hover, var(--dd-color-hover, white));
  --dd-link-secondary-color-selected: var(--dd-link-color-selected, var(--dd-color-selected, white));
  --dd-link-secondary-fade-fast: var(--dd-link-fade-fast, var(--dd-fade-fast, 0.3s));
  --dd-link-accent-background-color: var(--dd-link-background-color, var(--dd-background-color, var(--dd-c0h3)));
  --dd-link-accent-background-color-hover: var(--dd-link-background-color-hover, var(--dd-background-color-hover, var(--dd-c0h6)));
  --dd-link-accent-background-color-selected: var(--dd-link-background-color-selected, var(--dd-background-color-selected, var(--dd-c0h5)));
  --dd-link-accent-border-color: var(--dd-link-border-color, var(--dd-border-color, var(--dd-c0h3)));
  --dd-link-accent-border-radius: var(--dd-link-border-radius, var(--dd-border-radius, 3px));
  --dd-link-accent-color: var(--dd-link-color, var(--dd-color, #666));
  --dd-link-accent-color-hover: var(--dd-link-color-hover, var(--dd-color-hover, white));
  --dd-link-accent-color-selected: var(--dd-link-color-selected, var(--dd-color-selected, white));
  --dd-link-accent-fade-fast: var(--dd-link-fade-fast, var(--dd-fade-fast, 0.3s));
  --dd-link-alert-background-color: var(--dd-link-background-color, var(--dd-background-color, var(--dd-c0h3)));
  --dd-link-alert-background-color-hover: var(--dd-link-background-color-hover, var(--dd-background-color-hover, var(--dd-c0h6)));
  --dd-link-alert-background-color-selected: var(--dd-link-background-color-selected, var(--dd-background-color-selected, var(--dd-c0h5)));
  --dd-link-alert-border-color: var(--dd-link-border-color, var(--dd-border-color, var(--dd-c0h3)));
  --dd-link-alert-border-radius: var(--dd-link-border-radius, var(--dd-border-radius, 3px));
  --dd-link-alert-color: var(--dd-link-color, var(--dd-color, #666));
  --dd-link-alert-color-hover: var(--dd-link-color-hover, var(--dd-color-hover, white));
  --dd-link-alert-color-selected: var(--dd-link-color-selected, var(--dd-color-selected, white));
  --dd-link-alert-fade-fast: var(--dd-link-fade-fast, var(--dd-fade-fast, 0.3s));
  --dd-link-destructive-background-color: var(--dd-link-background-color, var(--dd-background-color, var(--dd-c0h3)));
  --dd-link-destructive-background-color-hover: var(--dd-link-background-color-hover, var(--dd-background-color-hover, var(--dd-c0h6)));
  --dd-link-destructive-background-color-selected: var(--dd-link-background-color-selected, var(--dd-background-color-selected, var(--dd-c0h5)));
  --dd-link-destructive-border-color: var(--dd-link-border-color, var(--dd-border-color, var(--dd-c0h3)));
  --dd-link-destructive-border-radius: var(--dd-link-border-radius, var(--dd-border-radius, 3px));
  --dd-link-destructive-color: var(--dd-link-color, var(--dd-color, #666));
  --dd-link-destructive-color-hover: var(--dd-link-color-hover, var(--dd-color-hover, white));
  --dd-link-destructive-color-selected: var(--dd-link-color-selected, var(--dd-color-selected, white));
  --dd-link-destructive-fade-fast: var(--dd-link-fade-fast, var(--dd-fade-fast, 0.3s));
  --dd-link-success-background-color: var(--dd-link-background-color, var(--dd-background-color, var(--dd-c0h3)));
  --dd-link-success-background-color-hover: var(--dd-link-background-color-hover, var(--dd-background-color-hover, var(--dd-c0h6)));
  --dd-link-success-background-color-selected: var(--dd-link-background-color-selected, var(--dd-background-color-selected, var(--dd-c0h5)));
  --dd-link-success-border-color: var(--dd-link-border-color, var(--dd-border-color, var(--dd-c0h3)));
  --dd-link-success-border-radius: var(--dd-link-border-radius, var(--dd-border-radius, 3px));
  --dd-link-success-color: var(--dd-link-color, var(--dd-color, #666));
  --dd-link-success-color-hover: var(--dd-link-color-hover, var(--dd-color-hover, white));
  --dd-link-success-color-selected: var(--dd-link-color-selected, var(--dd-color-selected, white));
  --dd-link-success-fade-fast: var(--dd-link-fade-fast, var(--dd-fade-fast, 0.3s));
  --dd-link-failure-background-color: var(--dd-link-background-color, var(--dd-background-color, var(--dd-c0h3)));
  --dd-link-failure-background-color-hover: var(--dd-link-background-color-hover, var(--dd-background-color-hover, var(--dd-c0h6)));
  --dd-link-failure-background-color-selected: var(--dd-link-background-color-selected, var(--dd-background-color-selected, var(--dd-c0h5)));
  --dd-link-failure-border-color: var(--dd-link-border-color, var(--dd-border-color, var(--dd-c0h3)));
  --dd-link-failure-border-radius: var(--dd-link-border-radius, var(--dd-border-radius, 3px));
  --dd-link-failure-color: var(--dd-link-color, var(--dd-color, #666));
  --dd-link-failure-color-hover: var(--dd-link-color-hover, var(--dd-color-hover, white));
  --dd-link-failure-color-selected: var(--dd-link-color-selected, var(--dd-color-selected, white));
  --dd-link-failure-fade-fast: var(--dd-link-fade-fast, var(--dd-fade-fast, 0.3s));
  --dd-link-warning-background-color: var(--dd-link-background-color, var(--dd-background-color, var(--dd-c0h3)));
  --dd-link-warning-background-color-hover: var(--dd-link-background-color-hover, var(--dd-background-color-hover, var(--dd-c0h6)));
  --dd-link-warning-background-color-selected: var(--dd-link-background-color-selected, var(--dd-background-color-selected, var(--dd-c0h5)));
  --dd-link-warning-border-color: var(--dd-link-border-color, var(--dd-border-color, var(--dd-c0h3)));
  --dd-link-warning-border-radius: var(--dd-link-border-radius, var(--dd-border-radius, 3px));
  --dd-link-warning-color: var(--dd-link-color, var(--dd-color, #666));
  --dd-link-warning-color-hover: var(--dd-link-color-hover, var(--dd-color-hover, white));
  --dd-link-warning-color-selected: var(--dd-link-color-selected, var(--dd-color-selected, white));
  --dd-link-warning-fade-fast: var(--dd-link-fade-fast, var(--dd-fade-fast, 0.3s));
  --dd-list-background-color: var(--dd-background-color, var(--dd-c0h3));
  --dd-list-background-color-hover: var(--dd-background-color-hover, var(--dd-c0h6));
  --dd-list-background-color-selected: var(--dd-background-color-selected, var(--dd-c0h5));
  --dd-list-border-color: var(--dd-border-color, var(--dd-c0h3));
  --dd-list-border-radius: var(--dd-border-radius, 3px);
  --dd-list-color: var(--dd-color, #666);
  --dd-list-color-hover: var(--dd-color-hover, white);
  --dd-list-color-selected: var(--dd-color-selected, white);
  --dd-list-fade-fast: var(--dd-fade-fast, 0.3s);
  --dd-list-primary-background-color: var(--dd-list-background-color, var(--dd-background-color, var(--dd-c0h3)));
  --dd-list-primary-background-color-hover: var(--dd-list-background-color-hover, var(--dd-background-color-hover, var(--dd-c0h6)));
  --dd-list-primary-background-color-selected: var(--dd-list-background-color-selected, var(--dd-background-color-selected, var(--dd-c0h5)));
  --dd-list-primary-border-color: var(--dd-list-border-color, var(--dd-border-color, var(--dd-c0h3)));
  --dd-list-primary-border-radius: var(--dd-list-border-radius, var(--dd-border-radius, 3px));
  --dd-list-primary-color: var(--dd-list-color, var(--dd-color, #666));
  --dd-list-primary-color-hover: var(--dd-list-color-hover, var(--dd-color-hover, white));
  --dd-list-primary-color-selected: var(--dd-list-color-selected, var(--dd-color-selected, white));
  --dd-list-primary-fade-fast: var(--dd-list-fade-fast, var(--dd-fade-fast, 0.3s));
  --dd-list-secondary-background-color: var(--dd-list-background-color, var(--dd-background-color, var(--dd-c0h3)));
  --dd-list-secondary-background-color-hover: var(--dd-list-background-color-hover, var(--dd-background-color-hover, var(--dd-c0h6)));
  --dd-list-secondary-background-color-selected: var(--dd-list-background-color-selected, var(--dd-background-color-selected, var(--dd-c0h5)));
  --dd-list-secondary-border-color: var(--dd-list-border-color, var(--dd-border-color, var(--dd-c0h3)));
  --dd-list-secondary-border-radius: var(--dd-list-border-radius, var(--dd-border-radius, 3px));
  --dd-list-secondary-color: var(--dd-list-color, var(--dd-color, #666));
  --dd-list-secondary-color-hover: var(--dd-list-color-hover, var(--dd-color-hover, white));
  --dd-list-secondary-color-selected: var(--dd-list-color-selected, var(--dd-color-selected, white));
  --dd-list-secondary-fade-fast: var(--dd-list-fade-fast, var(--dd-fade-fast, 0.3s));
  --dd-list-accent-background-color: var(--dd-list-background-color, var(--dd-background-color, var(--dd-c0h3)));
  --dd-list-accent-background-color-hover: var(--dd-list-background-color-hover, var(--dd-background-color-hover, var(--dd-c0h6)));
  --dd-list-accent-background-color-selected: var(--dd-list-background-color-selected, var(--dd-background-color-selected, var(--dd-c0h5)));
  --dd-list-accent-border-color: var(--dd-list-border-color, var(--dd-border-color, var(--dd-c0h3)));
  --dd-list-accent-border-radius: var(--dd-list-border-radius, var(--dd-border-radius, 3px));
  --dd-list-accent-color: var(--dd-list-color, var(--dd-color, #666));
  --dd-list-accent-color-hover: var(--dd-list-color-hover, var(--dd-color-hover, white));
  --dd-list-accent-color-selected: var(--dd-list-color-selected, var(--dd-color-selected, white));
  --dd-list-accent-fade-fast: var(--dd-list-fade-fast, var(--dd-fade-fast, 0.3s));
  --dd-list-alert-background-color: var(--dd-list-background-color, var(--dd-background-color, var(--dd-c0h3)));
  --dd-list-alert-background-color-hover: var(--dd-list-background-color-hover, var(--dd-background-color-hover, var(--dd-c0h6)));
  --dd-list-alert-background-color-selected: var(--dd-list-background-color-selected, var(--dd-background-color-selected, var(--dd-c0h5)));
  --dd-list-alert-border-color: var(--dd-list-border-color, var(--dd-border-color, var(--dd-c0h3)));
  --dd-list-alert-border-radius: var(--dd-list-border-radius, var(--dd-border-radius, 3px));
  --dd-list-alert-color: var(--dd-list-color, var(--dd-color, #666));
  --dd-list-alert-color-hover: var(--dd-list-color-hover, var(--dd-color-hover, white));
  --dd-list-alert-color-selected: var(--dd-list-color-selected, var(--dd-color-selected, white));
  --dd-list-alert-fade-fast: var(--dd-list-fade-fast, var(--dd-fade-fast, 0.3s));
  --dd-list-destructive-background-color: var(--dd-list-background-color, var(--dd-background-color, var(--dd-c0h3)));
  --dd-list-destructive-background-color-hover: var(--dd-list-background-color-hover, var(--dd-background-color-hover, var(--dd-c0h6)));
  --dd-list-destructive-background-color-selected: var(--dd-list-background-color-selected, var(--dd-background-color-selected, var(--dd-c0h5)));
  --dd-list-destructive-border-color: var(--dd-list-border-color, var(--dd-border-color, var(--dd-c0h3)));
  --dd-list-destructive-border-radius: var(--dd-list-border-radius, var(--dd-border-radius, 3px));
  --dd-list-destructive-color: var(--dd-list-color, var(--dd-color, #666));
  --dd-list-destructive-color-hover: var(--dd-list-color-hover, var(--dd-color-hover, white));
  --dd-list-destructive-color-selected: var(--dd-list-color-selected, var(--dd-color-selected, white));
  --dd-list-destructive-fade-fast: var(--dd-list-fade-fast, var(--dd-fade-fast, 0.3s));
  --dd-list-success-background-color: var(--dd-list-background-color, var(--dd-background-color, var(--dd-c0h3)));
  --dd-list-success-background-color-hover: var(--dd-list-background-color-hover, var(--dd-background-color-hover, var(--dd-c0h6)));
  --dd-list-success-background-color-selected: var(--dd-list-background-color-selected, var(--dd-background-color-selected, var(--dd-c0h5)));
  --dd-list-success-border-color: var(--dd-list-border-color, var(--dd-border-color, var(--dd-c0h3)));
  --dd-list-success-border-radius: var(--dd-list-border-radius, var(--dd-border-radius, 3px));
  --dd-list-success-color: var(--dd-list-color, var(--dd-color, #666));
  --dd-list-success-color-hover: var(--dd-list-color-hover, var(--dd-color-hover, white));
  --dd-list-success-color-selected: var(--dd-list-color-selected, var(--dd-color-selected, white));
  --dd-list-success-fade-fast: var(--dd-list-fade-fast, var(--dd-fade-fast, 0.3s));
  --dd-list-failure-background-color: var(--dd-list-background-color, var(--dd-background-color, var(--dd-c0h3)));
  --dd-list-failure-background-color-hover: var(--dd-list-background-color-hover, var(--dd-background-color-hover, var(--dd-c0h6)));
  --dd-list-failure-background-color-selected: var(--dd-list-background-color-selected, var(--dd-background-color-selected, var(--dd-c0h5)));
  --dd-list-failure-border-color: var(--dd-list-border-color, var(--dd-border-color, var(--dd-c0h3)));
  --dd-list-failure-border-radius: var(--dd-list-border-radius, var(--dd-border-radius, 3px));
  --dd-list-failure-color: var(--dd-list-color, var(--dd-color, #666));
  --dd-list-failure-color-hover: var(--dd-list-color-hover, var(--dd-color-hover, white));
  --dd-list-failure-color-selected: var(--dd-list-color-selected, var(--dd-color-selected, white));
  --dd-list-failure-fade-fast: var(--dd-list-fade-fast, var(--dd-fade-fast, 0.3s));
  --dd-list-warning-background-color: var(--dd-list-background-color, var(--dd-background-color, var(--dd-c0h3)));
  --dd-list-warning-background-color-hover: var(--dd-list-background-color-hover, var(--dd-background-color-hover, var(--dd-c0h6)));
  --dd-list-warning-background-color-selected: var(--dd-list-background-color-selected, var(--dd-background-color-selected, var(--dd-c0h5)));
  --dd-list-warning-border-color: var(--dd-list-border-color, var(--dd-border-color, var(--dd-c0h3)));
  --dd-list-warning-border-radius: var(--dd-list-border-radius, var(--dd-border-radius, 3px));
  --dd-list-warning-color: var(--dd-list-color, var(--dd-color, #666));
  --dd-list-warning-color-hover: var(--dd-list-color-hover, var(--dd-color-hover, white));
  --dd-list-warning-color-selected: var(--dd-list-color-selected, var(--dd-color-selected, white));
  --dd-list-warning-fade-fast: var(--dd-list-fade-fast, var(--dd-fade-fast, 0.3s));
  --dd-action-background-color: var(--dd-background-color, var(--dd-c0h3));
  --dd-action-background-color-hover: var(--dd-background-color-hover, var(--dd-c0h6));
  --dd-action-background-color-selected: var(--dd-background-color-selected, var(--dd-c0h5));
  --dd-action-border-color: var(--dd-border-color, var(--dd-c0h3));
  --dd-action-border-radius: var(--dd-border-radius, 3px);
  --dd-action-color: var(--dd-color, #666);
  --dd-action-color-hover: var(--dd-color-hover, white);
  --dd-action-color-selected: var(--dd-color-selected, white);
  --dd-action-fade-fast: var(--dd-fade-fast, 0.3s);
  --dd-action-primary-background-color: var(--dd-action-background-color, var(--dd-background-color, var(--dd-c0h3)));
  --dd-action-primary-background-color-hover: var(--dd-action-background-color-hover, var(--dd-background-color-hover, var(--dd-c0h6)));
  --dd-action-primary-background-color-selected: var(--dd-action-background-color-selected, var(--dd-background-color-selected, var(--dd-c0h5)));
  --dd-action-primary-border-color: var(--dd-action-border-color, var(--dd-border-color, var(--dd-c0h3)));
  --dd-action-primary-border-radius: var(--dd-action-border-radius, var(--dd-border-radius, 3px));
  --dd-action-primary-color: var(--dd-action-color, var(--dd-color, #666));
  --dd-action-primary-color-hover: var(--dd-action-color-hover, var(--dd-color-hover, white));
  --dd-action-primary-color-selected: var(--dd-action-color-selected, var(--dd-color-selected, white));
  --dd-action-primary-fade-fast: var(--dd-action-fade-fast, var(--dd-fade-fast, 0.3s));
  --dd-action-secondary-background-color: var(--dd-action-background-color, var(--dd-background-color, var(--dd-c0h3)));
  --dd-action-secondary-background-color-hover: var(--dd-action-background-color-hover, var(--dd-background-color-hover, var(--dd-c0h6)));
  --dd-action-secondary-background-color-selected: var(--dd-action-background-color-selected, var(--dd-background-color-selected, var(--dd-c0h5)));
  --dd-action-secondary-border-color: var(--dd-action-border-color, var(--dd-border-color, var(--dd-c0h3)));
  --dd-action-secondary-border-radius: var(--dd-action-border-radius, var(--dd-border-radius, 3px));
  --dd-action-secondary-color: var(--dd-action-color, var(--dd-color, #666));
  --dd-action-secondary-color-hover: var(--dd-action-color-hover, var(--dd-color-hover, white));
  --dd-action-secondary-color-selected: var(--dd-action-color-selected, var(--dd-color-selected, white));
  --dd-action-secondary-fade-fast: var(--dd-action-fade-fast, var(--dd-fade-fast, 0.3s));
  --dd-action-accent-background-color: var(--dd-action-background-color, var(--dd-background-color, var(--dd-c0h3)));
  --dd-action-accent-background-color-hover: var(--dd-action-background-color-hover, var(--dd-background-color-hover, var(--dd-c0h6)));
  --dd-action-accent-background-color-selected: var(--dd-action-background-color-selected, var(--dd-background-color-selected, var(--dd-c0h5)));
  --dd-action-accent-border-color: var(--dd-action-border-color, var(--dd-border-color, var(--dd-c0h3)));
  --dd-action-accent-border-radius: var(--dd-action-border-radius, var(--dd-border-radius, 3px));
  --dd-action-accent-color: var(--dd-action-color, var(--dd-color, #666));
  --dd-action-accent-color-hover: var(--dd-action-color-hover, var(--dd-color-hover, white));
  --dd-action-accent-color-selected: var(--dd-action-color-selected, var(--dd-color-selected, white));
  --dd-action-accent-fade-fast: var(--dd-action-fade-fast, var(--dd-fade-fast, 0.3s));
  --dd-action-alert-background-color: var(--dd-action-background-color, var(--dd-background-color, var(--dd-c0h3)));
  --dd-action-alert-background-color-hover: var(--dd-action-background-color-hover, var(--dd-background-color-hover, var(--dd-c0h6)));
  --dd-action-alert-background-color-selected: var(--dd-action-background-color-selected, var(--dd-background-color-selected, var(--dd-c0h5)));
  --dd-action-alert-border-color: var(--dd-action-border-color, var(--dd-border-color, var(--dd-c0h3)));
  --dd-action-alert-border-radius: var(--dd-action-border-radius, var(--dd-border-radius, 3px));
  --dd-action-alert-color: var(--dd-action-color, var(--dd-color, #666));
  --dd-action-alert-color-hover: var(--dd-action-color-hover, var(--dd-color-hover, white));
  --dd-action-alert-color-selected: var(--dd-action-color-selected, var(--dd-color-selected, white));
  --dd-action-alert-fade-fast: var(--dd-action-fade-fast, var(--dd-fade-fast, 0.3s));
  --dd-action-destructive-background-color: var(--dd-action-background-color, var(--dd-background-color, var(--dd-c0h3)));
  --dd-action-destructive-background-color-hover: var(--dd-action-background-color-hover, var(--dd-background-color-hover, var(--dd-c0h6)));
  --dd-action-destructive-background-color-selected: var(--dd-action-background-color-selected, var(--dd-background-color-selected, var(--dd-c0h5)));
  --dd-action-destructive-border-color: var(--dd-action-border-color, var(--dd-border-color, var(--dd-c0h3)));
  --dd-action-destructive-border-radius: var(--dd-action-border-radius, var(--dd-border-radius, 3px));
  --dd-action-destructive-color: var(--dd-action-color, var(--dd-color, #666));
  --dd-action-destructive-color-hover: var(--dd-action-color-hover, var(--dd-color-hover, white));
  --dd-action-destructive-color-selected: var(--dd-action-color-selected, var(--dd-color-selected, white));
  --dd-action-destructive-fade-fast: var(--dd-action-fade-fast, var(--dd-fade-fast, 0.3s));
  --dd-action-success-background-color: var(--dd-action-background-color, var(--dd-background-color, var(--dd-c0h3)));
  --dd-action-success-background-color-hover: var(--dd-action-background-color-hover, var(--dd-background-color-hover, var(--dd-c0h6)));
  --dd-action-success-background-color-selected: var(--dd-action-background-color-selected, var(--dd-background-color-selected, var(--dd-c0h5)));
  --dd-action-success-border-color: var(--dd-action-border-color, var(--dd-border-color, var(--dd-c0h3)));
  --dd-action-success-border-radius: var(--dd-action-border-radius, var(--dd-border-radius, 3px));
  --dd-action-success-color: var(--dd-action-color, var(--dd-color, #666));
  --dd-action-success-color-hover: var(--dd-action-color-hover, var(--dd-color-hover, white));
  --dd-action-success-color-selected: var(--dd-action-color-selected, var(--dd-color-selected, white));
  --dd-action-success-fade-fast: var(--dd-action-fade-fast, var(--dd-fade-fast, 0.3s));
  --dd-action-failure-background-color: var(--dd-action-background-color, var(--dd-background-color, var(--dd-c0h3)));
  --dd-action-failure-background-color-hover: var(--dd-action-background-color-hover, var(--dd-background-color-hover, var(--dd-c0h6)));
  --dd-action-failure-background-color-selected: var(--dd-action-background-color-selected, var(--dd-background-color-selected, var(--dd-c0h5)));
  --dd-action-failure-border-color: var(--dd-action-border-color, var(--dd-border-color, var(--dd-c0h3)));
  --dd-action-failure-border-radius: var(--dd-action-border-radius, var(--dd-border-radius, 3px));
  --dd-action-failure-color: var(--dd-action-color, var(--dd-color, #666));
  --dd-action-failure-color-hover: var(--dd-action-color-hover, var(--dd-color-hover, white));
  --dd-action-failure-color-selected: var(--dd-action-color-selected, var(--dd-color-selected, white));
  --dd-action-failure-fade-fast: var(--dd-action-fade-fast, var(--dd-fade-fast, 0.3s));
  --dd-action-warning-background-color: var(--dd-action-background-color, var(--dd-background-color, var(--dd-c0h3)));
  --dd-action-warning-background-color-hover: var(--dd-action-background-color-hover, var(--dd-background-color-hover, var(--dd-c0h6)));
  --dd-action-warning-background-color-selected: var(--dd-action-background-color-selected, var(--dd-background-color-selected, var(--dd-c0h5)));
  --dd-action-warning-border-color: var(--dd-action-border-color, var(--dd-border-color, var(--dd-c0h3)));
  --dd-action-warning-border-radius: var(--dd-action-border-radius, var(--dd-border-radius, 3px));
  --dd-action-warning-color: var(--dd-action-color, var(--dd-color, #666));
  --dd-action-warning-color-hover: var(--dd-action-color-hover, var(--dd-color-hover, white));
  --dd-action-warning-color-selected: var(--dd-action-color-selected, var(--dd-color-selected, white));
  --dd-action-warning-fade-fast: var(--dd-action-fade-fast, var(--dd-fade-fast, 0.3s));
}

.workspace {
  --dd-link-color: var(--dd-c0h4);
}

:root .head {
  --dd-text-color: green;
}

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