/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../.yarn/__virtual__/css-loader-virtual-6fbd84a21a/0/cache/css-loader-npm-7.1.4-f1fc12a1e0-4a37f3bd5d.zip/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../.yarn/__virtual__/sass-loader-virtual-bdd1dfd422/0/cache/sass-loader-npm-16.0.8-3cccd39a5d-2666ab5bf0.zip/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../.yarn/__virtual__/@formative-draft-js-plugins-virtual-f4591ad99b/1/packages/browser/draft-js-plugins/src/styles.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.b1qfpj3o {
  display: inline-block;
}

.bgspekh {
  background: #fbfbfb;
  color: #888;
  font-size: 18px;
  border: 0;
  padding-top: 5px;
  vertical-align: bottom;
  height: 34px;
  width: 36px;
}

.bgspekh:hover, .bgspekh:focus {
  background: #f3f3f3;
  outline: 0;
}

.bgspekh svg {
  fill: #888;
}

.autuw9p {
  background: #efefef;
  color: #444;
}

.autuw9p svg {
  fill: #444;
}

.awlhfjh {
  left: 50%;
  -webkit-transform: translate(-50%) scale(0);
  -ms-transform: translate(-50%) scale(0);
  transform: translate(-50%) scale(0);
  position: absolute;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0px 1px 3px 0px rgba(220, 220, 220, 1);
  z-index: 2;
  box-sizing: border-box;
  visibility: hidden;
}

.awlhfjh:after, .awlhfjh:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.awlhfjh:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 4px;
  margin-left: -4px;
}

.awlhfjh:before {
  border-color: rgba(221, 221, 221, 0);
  border-top-color: #ddd;
  border-width: 6px;
  margin-left: -6px;
}

.e17si09n {
  position: absolute;
  right: 0;
  top: 0.3em;
  bottom: 0.3em;
  width: 0.25em;
  background-color: #e0e0e0;
  border-radius: 0.125em;
  opacity: 0.1;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.e19xmvdb {
  margin: 1em 0;
  padding-left: 0.5em;
  font-weight: normal;
  font-size: 1em;
  color: #9e9e9e;
}

.e1g1wugw {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  display: inline-block;
  overflow: hidden;
  max-width: 1.95ch;
  max-height: 1em;
  line-height: inherit;
  margin: -0.2ex 0em 0.2ex;
  color: transparent;
  min-width: 1em;
}

.esyutjr {
  border: 1px solid #eee;
  position: absolute;
  min-width: 220px;
  max-width: 440px;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0px 4px 30px 0px rgba(220, 220, 220, 1);
  cursor: pointer;
  padding-top: 8px;
  padding-bottom: 8px;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  box-sizing: border-box;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.e1eijkox {
  padding: 5px 10px 1px 10px;
  -webkit-transition: background-color 0.4s cubic-bezier(0.27, 1.27, 0.48, 0.56);
  transition: background-color 0.4s cubic-bezier(0.27, 1.27, 0.48, 0.56);
}

.e1eijkox:active {
  background-color: #cce7ff;
}

.e1adbvmt {
  padding: 5px 10px 1px 10px;
  -webkit-transition: background-color 0.4s cubic-bezier(0.27, 1.27, 0.48, 0.56);
  transition: background-color 0.4s cubic-bezier(0.27, 1.27, 0.48, 0.56);
  background-color: #e6f3ff;
}

.e1adbvmt:active {
  background-color: #cce7ff;
}

.e13wg9oj {
  display: inline-block;
  margin-left: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 368px;
  font-size: 0.9em;
}

.e1w5jrn9 {
  width: 1em;
  height: 1em;
  margin-left: 0.25em;
  margin-right: 0.25em;
  display: inline-block;
}

.e183m4hm {
  display: inline-block;
}

.e8k2yoa {
  margin: 0;
  padding: 0;
  width: 2.5em;
  height: 1.5em;
  box-sizing: border-box;
  line-height: 1.2em;
  font-size: 1.5em;
  color: #888;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 1.5em;
  cursor: pointer;
}

.e8k2yoa:focus {
  outline: 0;
}

.e8k2yoa:hover {
  background: #f3f3f3;
}

.e8k2yoa:active {
  background: #e6e6e6;
}

.e8k2yoa:hover, .e8k2yoa:active, .e8k2yoa:focus {
  background: #ededed;
}

.e13wqaj6 {
  margin: 0;
  padding: 0;
  width: 2.5em;
  height: 1.5em;
  box-sizing: border-box;
  line-height: 1.2em;
  font-size: 1.5em;
  color: #888;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 1.5em;
  cursor: pointer;
  background: #ededed;
}

.e13wqaj6:focus {
  outline: 0;
}

.e13wqaj6:hover {
  background: #f3f3f3;
}

.e13wqaj6:active {
  background: #e6e6e6;
}

.ec6zxdw > div {
  overscroll-behavior: contain;
}

.ejr02pv {
  padding: 0 0.3em;
  position: absolute;
  z-index: 1000;
  box-sizing: content-box;
  background: #fff;
  border: 1px solid #e0e0e0;
  box-shadow: 0 4px 30px 0 gainsboro;
}

.e6amujp {
  display: none;
}

.e16zneum {
  margin: 0 0 0.3em;
  padding-left: 1em;
  height: 2.5em;
  line-height: 2.5em;
  font-weight: normal;
  font-size: 1em;
  color: #9e9e9e;
}

.e1kg9q3n {
  margin: 0 0 0.3em;
  position: relative;
  z-index: 0;
  width: 21em;
  height: 20em;
}

.e1kg9q3n:hover .e17si09n {
  opacity: 0.3;
}

.e1kg9q3n .e17si09n:hover, .e1kg9q3n .e17si09n:active {
  opacity: 0.6;
}

.e1m341vm {
  padding: 0 0.5em;
}

.e1m341vm:first-child .e19xmvdb {
  display: none;
}

.e13arc1 {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.e6nwac2 {
  width: 2.5em;
  height: 2.5em;
}

.e3h4qvg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}

.e1129lxj {
  margin: 0.3em;
  padding: 0.3em;
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  border: 1px solid #e0e0e0;
  border-radius: 0.5em;
  background: #fff;
  box-shadow: 0 0 0.3em rgba(0, 0, 0, 0.1);
}

.eug7aee {
  width: 2.5em;
  height: 2.5em;
}

.eug7aee:first-child {
  border-right: 1px solid #e0e0e0;
}

.eyoq5wq {
  padding: 0;
  width: 100%;
  height: 100%;
  background: none;
  border: none;
  outline: none;
  -webkit-transition: background-color 0.4s cubic-bezier(0.27, 1.27, 0.48, 0.56);
  transition: background-color 0.4s cubic-bezier(0.27, 1.27, 0.48, 0.56);
}

.e1eigyu0 {
  padding: 0;
  width: 100%;
  height: 100%;
  background: none;
  border: none;
  outline: none;
  -webkit-transition: background-color 0.4s cubic-bezier(0.27, 1.27, 0.48, 0.56);
  transition: background-color 0.4s cubic-bezier(0.27, 1.27, 0.48, 0.56);
  background-color: #efefef;
}

.e11mkpma {
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
}

.e1cibj9i {
  margin: 0;
  padding: 0 0.5em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 20em;
  list-style: none;
}

.e2bpndj {
  width: 2.5em;
  height: 2.5em;
}

.e1qma4nk {
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 1.2em;
  color: #bdbdbd;
  background: none;
  border: none;
  outline: none;
}

.e1q5rpho {
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 1.2em;
  color: #bdbdbd;
  background: none;
  border: none;
  outline: none;
  color: #42a5f5;
}

.e1duapnp {
  background-color: #000;
  border-radius: 0.125em;
  cursor: pointer;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../.yarn/__virtual__/css-loader-virtual-6fbd84a21a/0/cache/css-loader-npm-7.1.4-f1fc12a1e0-4a37f3bd5d.zip/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../.yarn/__virtual__/sass-loader-virtual-bdd1dfd422/0/cache/sass-loader-npm-16.0.8-3cccd39a5d-2666ab5bf0.zip/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../.yarn/__virtual__/@formative-react-datepicker-virtual-1b8d98ef34/1/packages/browser/react-datepicker/src/styles.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.react-datepicker__navigation-icon::before, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
  line-height: initial;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker-popper {
  z-index: 1;
  line-height: 0;
}

.react-datepicker-popper .react-datepicker__triangle {
  stroke: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  fill: #f0f0f0;
  color: #f0f0f0;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  fill: #fff;
  color: #fff;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}

.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

h2.react-datepicker__current-month {
  padding: 0;
  margin: 0;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}

.react-datepicker__navigation--previous {
  left: 2px;
}

.react-datepicker__navigation--next {
  right: 2px;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__navigation--years-previous {
  top: 4px;
}

.react-datepicker__navigation--years-upcoming {
  top: -4px;
}

.react-datepicker__navigation:hover *::before {
  border-color: rgb(165.75, 165.75, 165.75);
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}

.react-datepicker__navigation-icon--next {
  left: -2px;
}

.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}

.react-datepicker__navigation-icon--previous {
  right: -2px;
}

.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}

.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}

.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}

.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}

.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 0.85rem);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__week-number--selected {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__week-number--selected:hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}

.react-datepicker__day-names {
  white-space: nowrap;
  margin-bottom: -8px;
}

.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}

.react-datepicker__day:not([aria-disabled=true]):hover,
.react-datepicker__month-text:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text:not([aria-disabled=true]):hover,
.react-datepicker__year-text:not([aria-disabled=true]):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}

.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}

.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover {
  background-color: rgb(49.8551020408, 189.6448979592, 62.5632653061);
}

.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}

.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}

.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
  position: relative;
  border-radius: 0.3rem;
  background-color: #ff6803;
  color: #fff;
}

.react-datepicker__day--holidays .overlay,
.react-datepicker__month-text--holidays .overlay,
.react-datepicker__quarter-text--holidays .overlay,
.react-datepicker__year-text--holidays .overlay {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}

.react-datepicker__day--holidays:not([aria-disabled=true]):hover,
.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,
.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover {
  background-color: rgb(207, 82.9642857143, 0);
}

.react-datepicker__day--holidays:hover .overlay,
.react-datepicker__month-text--holidays:hover .overlay,
.react-datepicker__quarter-text--holidays:hover .overlay,
.react-datepicker__year-text--holidays:hover .overlay {
  visibility: visible;
  opacity: 1;
}

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__day--selected:not([aria-disabled=true]):hover, .react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover, .react-datepicker__day--in-range:not([aria-disabled=true]):hover,
.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: rgb(186.25, 217.0833333333, 241.25);
  color: rgb(0, 0, 0);
}

.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}

.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day--disabled .overlay,
.react-datepicker__month-text--disabled .overlay,
.react-datepicker__quarter-text--disabled .overlay,
.react-datepicker__year-text--disabled .overlay {
  position: absolute;
  bottom: 70%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.5rem;
  box-sizing: content-box;
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}

.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: rgb(178.5, 178.5, 178.5);
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}

.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: rgb(178.5, 178.5, 178.5);
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: rgb(178.5, 178.5, 178.5);
}

.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}

.react-datepicker__close-icon--disabled {
  cursor: default;
}

.react-datepicker__close-icon--disabled::after {
  cursor: default;
  background-color: #ccc;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}

.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}

@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}

.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../.yarn/__virtual__/css-loader-virtual-6fbd84a21a/0/cache/css-loader-npm-7.1.4-f1fc12a1e0-4a37f3bd5d.zip/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../.yarn/__virtual__/sass-loader-virtual-bdd1dfd422/0/cache/sass-loader-npm-16.0.8-3cccd39a5d-2666ab5bf0.zip/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../.yarn/__virtual__/@formative-react-styles-virtual-4ab96f0ba6/1/packages/browser/react-styles/src/index.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
@font-face {
  font-family: native_emoji;
  src: local("Apple Color Emoji"), local("Noto Color Emoji"), url(https://d23gte8u9xd7kn.cloudfront.net/NotoColorEmoji.ttf) format("truetype"), url(https://d23gte8u9xd7kn.cloudfront.net/twemoji.woff2) format("woff2"), url(https://d23gte8u9xd7kn.cloudfront.net/twemoji.woff) format("woff"), url(https://d23gte8u9xd7kn.cloudfront.net/twemoji.ttf) format("truetype");
}
* {
  box-sizing: border-box;
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
  appearance: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: inline-block;
  font-family: inherit;
  font-size: 1em;
  font-weight: 600;
  line-height: 1;
  padding: 0;
  text-decoration: none;
  transition: background-color 150ms ease;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}

button:disabled,
input[type=button]:disabled,
input[type=reset]:disabled,
input[type=submit]:disabled {
  cursor: not-allowed;
}

fieldset {
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0;
}

legend {
  font-weight: 600;
  margin-bottom: 0.375em;
  padding: 0;
}

label {
  font-weight: 600;
  margin-bottom: 0.375em;
}

input,
select {
  font-family: inherit;
  font-size: 1em;
}

input[type=color],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
input:not([type]),
textarea,
select[multiple] {
  background-color: var(--background-neutral-color);
  border-color: var(--border-strong-color);
  border-radius: var(--radius-sm);
  border-style: solid;
  box-sizing: border-box;
  color: var(--text-strong-color);
  font-family: inherit;
  font-size: 1em;
  padding: 0.5em;
  transition: border-color 150ms ease;
}

input[type=color]:hover,
input[type=date]:hover,
input[type=datetime]:hover,
input[type=datetime-local]:hover,
input[type=email]:hover,
input[type=month]:hover,
input[type=number]:hover,
input[type=password]:hover,
input[type=search]:hover,
input[type=tel]:hover,
input[type=text]:hover,
input[type=time]:hover,
input[type=url]:hover,
input[type=week]:hover,
input:not([type]):hover,
textarea:hover,
select[multiple]:hover {
  border-color: var(--border-strong-color);
}

input[type=color]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
input:not([type]):focus,
textarea:focus,
select[multiple]:focus {
  border-color: var(--interactive-focus-color);
  outline: none;
}

input[type=color]:disabled,
input[type=date]:disabled,
input[type=datetime]:disabled,
input[type=datetime-local]:disabled,
input[type=email]:disabled,
input[type=month]:disabled,
input[type=number]:disabled,
input[type=password]:disabled,
input[type=search]:disabled,
input[type=tel]:disabled,
input[type=text]:disabled,
input[type=time]:disabled,
input[type=url]:disabled,
input[type=week]:disabled,
input:not([type]):disabled,
textarea:disabled,
select[multiple]:disabled {
  cursor: not-allowed;
}

textarea {
  resize: vertical;
}

[type=search] {
  appearance: none;
}

[type=checkbox],
[type=radio] {
  display: inline;
  margin-right: 0.375em;
}

[type=file] {
  margin-bottom: 0.75em;
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  width: 100%;
}

select {
  max-width: 100%;
  width: auto;
}

ul,
ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

dl {
  margin-bottom: 0.75em;
}

dl dt {
  font-weight: 600;
  margin-top: 0.75em;
}

dl dd {
  margin: 0;
}

table {
  border-collapse: collapse;
  margin: 0.75em 0;
  table-layout: fixed;
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  width: 100%;
}

th {
  font-weight: 600;
  padding: 0.75em 0 0;
  text-align: left;
}

td {
  padding: 0.75em 0;
}

tr,
td,
th {
  vertical-align: middle;
}

body {
  font-family: inherit;
  font-size: 1em;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  font-size: 1em;
  line-height: 1.2;
  margin: 0 0 0.75em;
}

h1 {
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0em;
}

h3.template {
  color: var(--text-strong-color);
  font-family: inherit;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
}

h3.templateMobile {
  color: var(--text-strong-color);
  font-family: inherit;
  font-weight: 600;
  font-size: 20px;
  line-height: 32px;
}

p {
  margin: 0 0 0.75em;
}

a {
  color: var(--interactive-secondary-color);
  text-decoration: none;
  transition: color 150ms ease;
}

img,
picture {
  margin: 0;
  max-width: 100%;
}

html,
body {
  font-family: "Open Sans", native_emoji, sans-serif;
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  height: 100%;
  margin: 0;
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  width: 100%;
}
html.lexend-font,
body.lexend-font {
  font-family: "Lexend", "Open Sans", native_emoji, sans-serif;
}
html.open-dyslexic-regular-font,
body.open-dyslexic-regular-font {
  font-family: "OpenDyslexicRegular", "Open Sans", native_emoji, sans-serif;
}
html.frank-ruhl-font,
body.frank-ruhl-font {
  font-family: "Frank Ruhl Libre", "Open Sans", native_emoji, sans-serif;
}
html,
body {
  /*
   * Only headings should be rendered using Noto Serif. To allow the font to be
   * applied in cases where a heading element isn't appropriate, we also apply
   * the font when an element's class list includes "heading", or if it uses a
   * heading font type (see @formative/react-components/Text).
   */
}
html.noto-font h1,
html.noto-font h2,
html.noto-font h3,
html.noto-font h4,
html.noto-font h5,
html.noto-font h6,
html.noto-font .heading,
html.noto-font [data-text-font-type^=heading],
body.noto-font h1,
body.noto-font h2,
body.noto-font h3,
body.noto-font h4,
body.noto-font h5,
body.noto-font h6,
body.noto-font .heading,
body.noto-font [data-text-font-type^=heading] {
  font-family: "Noto Serif", Georgia, native_emoji, serif;
}

html.wf-loading body {
  visibility: hidden;
}

html.wf-inactive .material-icons-outlined, html.wf-materialiconsoutlined-n3-inactive .material-icons-outlined, html.wf-materialiconsoutlined-n4-inactive .material-icons-outlined, html.wf-materialiconsoutlined-n6-inactive .material-icons-outlined, html.wf-materialiconsoutlined-n7-inactive .material-icons-outlined {
  display: none !important;
}

html.overflowHidden {
  overflow: hidden;
}

#react-root,
div[data-reactroot] {
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  height: 100%;
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  width: 100%;
  display: flex;
  flex-grow: 1;
}
.respondus.respondus-chrome-extension #react-root,
.respondus.respondus-chrome-extension div[data-reactroot] {
  --respondus-header-height: 50px;
  padding-top: 50px;
}

#app-root {
  display: flex;
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  height: 100%;
  flex-grow: 1;
  flex-direction: column;
  /* Establish a stacking context so in-app z-indexes (e.g. the sticky header)
   * stay contained and cannot paint above the overlay root that is appended as
   * a later sibling of #app-root inside #react-root. */
  isolation: isolate;
}

.assign-scheduler .react-datepicker__triangle {
  left: 140px !important;
}

.ReactVirtualized__Grid {
  outline: none;
}

figure {
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
}

.input-custom-placeholder::-webkit-input-placeholder {
  color: var(--text-weak-color);
  font-weight: 400;
}

.spinner {
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}

.ReactModal__Body--open--fullScreen {
  overflow-y: hidden;
}

/* stylelint-disable-next-line at-rule-no-vendor-prefix */
@-webkit-keyframes sk-rotateplane {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes sk-rotateplane {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
.DraftEditor-editorContainer {
  /* stylelint-disable-next-line property-disallowed-list */
  z-index: 0 !important;
}

.public-DraftEditorPlaceholder-root {
  /* stylelint-disable-next-line property-disallowed-list */
  z-index: 0 !important;
}

@media print {
  #react-root,
  div[data-reactroot],
  #app-root,
  body {
    display: block;
    height: auto;
  }
  .spinner {
    visibility: hidden;
  }
  .notifications-wrapper {
    display: none;
  }
}
.click-disabled * {
  pointer-events: none;
  cursor: default;
}
.click-disabled *[data-step-active=true], .click-disabled *[data-step-active=true] * {
  pointer-events: auto;
  cursor: pointer;
}

/* Hide reCAPTCHA badge overlay and specify reCAPTCHA branding text instead.
   Ref: https://developers.google.com/recaptcha/docs/faq#id-like-to-hide-the-recaptcha-badge.-what-is-allowed
 */
.grecaptcha-badge {
  visibility: hidden;
}

@property --brand {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffb200;
}
@property --brand-weak {
  syntax: "<color>";
  inherits: true;
  initial-value: #fff7ea;
}
@property --color-brand-google-blue {
  syntax: "<color>";
  inherits: true;
  initial-value: #4c8bf5;
}
@property --color-brand-google-light-blue {
  syntax: "<color>";
  inherits: true;
  initial-value: #6cabfb;
}
@property --color-brand-google-clever-blue {
  syntax: "<color>";
  inherits: true;
  initial-value: #436cf2;
}
@property --color-brand-google-wonder-blue {
  syntax: "<color>";
  inherits: true;
  initial-value: #3d85ff;
}
@property --color-brand-google-docs-yellow {
  syntax: "<color>";
  inherits: true;
  initial-value: #f5ba16;
}
@property --color-brand-microsoft-gray {
  syntax: "<color>";
  inherits: true;
  initial-value: #2f2f2f;
}
@property --color-brand-twitter-blue {
  syntax: "<color>";
  inherits: true;
  initial-value: #00acee;
}
@property --color-accent-eggplant100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #f8f0ff;
}
@property --color-accent-eggplant200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #dab4fd;
}
@property --color-accent-eggplant300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #b265fb;
}
@property --color-accent-eggplant400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #7306da;
}
@property --color-accent-eggplant500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #470486;
}
@property --color-accent-gold100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fffaf0;
}
@property --color-accent-gold200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fde8b4;
}
@property --color-accent-gold300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fac12e;
}
@property --color-accent-gold400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #a97b04;
}
@property --color-accent-gold450 {
  syntax: "<color>";
  inherits: true;
  initial-value: #8e6909;
}
@property --color-accent-gold500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #634803;
}
@property --color-accent-orange100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fff9ec;
}
@property --color-accent-orange200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffc66b;
}
@property --color-accent-orange300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ff8507;
}
@property --color-accent-orange400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #e05400;
}
@property --color-accent-orange500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #a33d09;
}
@property --color-accent-red100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fef3f1;
}
@property --color-accent-red200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fac1b8;
}
@property --color-accent-red300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #d02610;
}
@property --color-accent-red400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #971c0c;
}
@property --color-accent-red500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #5f1107;
}
@property --color-accent-seafoam100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #f1fefb;
}
@property --color-accent-seafoam200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #b9f9ea;
}
@property --color-accent-seafoam250 {
  syntax: "<color>";
  inherits: true;
  initial-value: #9bd1c5;
}
@property --color-accent-seafoam300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #12d3a6;
}
@property --color-accent-seafoam400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0c8569;
}
@property --color-accent-seafoam500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #085e4a;
}
@property --color-accent-seafoam600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #074f3e;
}
@property --color-ai-full-position-0 {
  syntax: "<color>";
  inherits: true;
  initial-value: #00cdf6;
}
@property --color-ai-full-position-25 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1088eb;
}
@property --color-ai-full-position-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1f3cd7;
}
@property --color-ai-full-position-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #691c9c;
}
@property --color-ai-partial-position-0 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1474e6;
}
@property --color-ai-partial-position-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1f3cd7;
}
@property --color-ai-partial-position-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #691c9c;
}
@property --color-core-blue-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #f7faff;
}
@property --color-core-blue-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #e6f0ff;
}
@property --color-core-blue-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ccdfff;
}
@property --color-core-blue-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #85b1f8;
}
@property --color-core-blue-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #2a97ff;
}
@property --color-core-blue-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1477fc;
}
@property --color-core-blue-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0d64f2;
}
@property --color-core-blue-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #114dbc;
}
@property --color-core-blue-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #144494;
}
@property --color-core-blue-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #122a59;
}
@property --color-danger-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffe2e2;
}
@property --color-danger-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fec4c5;
}
@property --color-danger-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ff6b6b;
}
@property --color-danger-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #dd3636;
}
@property --color-danger-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #d22310;
}
@property --color-danger-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #c32113;
}
@property --color-danger-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #a50000;
}
@property --color-info-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #e5efff;
}
@property --color-info-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #a6ccff;
}
@property --color-info-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #6ba8ff;
}
@property --color-info-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3e8fff;
}
@property --color-info-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0a6efa;
}
@property --color-info-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0f3fde;
}
@property --color-info-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0b1386;
}
@property --color-neutral-25 {
  syntax: "<color>";
  inherits: true;
  initial-value: #f7f8f8;
}
@property --color-neutral-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #f0f1f2;
}
@property --color-neutral-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #e1e3e5;
}
@property --color-neutral-150 {
  syntax: "<color>";
  inherits: true;
  initial-value: #c9cbce;
}
@property --color-neutral-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #a8aab0;
}
@property --color-neutral-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #8d8d96;
}
@property --color-neutral-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #77767a;
}
@property --color-neutral-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #5b5a61;
}
@property --color-neutral-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #424147;
}
@property --color-neutral-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1d1d1d;
}
@property --color-neutral-700-semi-transparent {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(29, 29, 29, 0.4);
}
@property --color-neutral-black {
  syntax: "<color>";
  inherits: true;
  initial-value: #000;
}
@property --color-neutral-black-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(0, 0, 0, 0.1);
}
@property --color-neutral-black-20 {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(0, 0, 0, 0.2);
}
@property --color-neutral-black-30 {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(0, 0, 0, 0.3);
}
@property --color-neutral-black-40 {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(0, 0, 0, 0.4);
}
@property --color-neutral-black-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(0, 0, 0, 0.5);
}
@property --color-neutral-black-60 {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(0, 0, 0, 0.6);
}
@property --color-neutral-black-70 {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(0, 0, 0, 0.7);
}
@property --color-neutral-black-80 {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(0, 0, 0, 0.8);
}
@property --color-neutral-black-90 {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(0, 0, 0, 0.9);
}
@property --color-neutral-black-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #000;
}
@property --color-neutral-white {
  syntax: "<color>";
  inherits: true;
  initial-value: #fff;
}
@property --color-neutral-white-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(255, 255, 255, 0.1);
}
@property --color-neutral-white-20 {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(255, 255, 255, 0.2);
}
@property --color-neutral-white-30 {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(255, 255, 255, 0.3);
}
@property --color-neutral-white-40 {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(255, 255, 255, 0.4);
}
@property --color-neutral-white-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(255, 255, 255, 0.5);
}
@property --color-neutral-white-60 {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(255, 255, 255, 0.6);
}
@property --color-neutral-white-70 {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(255, 255, 255, 0.7);
}
@property --color-neutral-white-80 {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(255, 255, 255, 0.8);
}
@property --color-neutral-white-90 {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(255, 255, 255, 0.9);
}
@property --color-neutral-white-semi-transparent {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(255, 255, 255, 0.4);
}
@property --color-success-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #dff9e5;
}
@property --color-success-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #c0f2cc;
}
@property --color-success-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #8fe6a4;
}
@property --color-success-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #34c759;
}
@property --color-success-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #22973f;
}
@property --color-success-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1e7735;
}
@property --color-success-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #194e28;
}
@property --color-table-cell-blue-light {
  syntax: "<color>";
  inherits: true;
  initial-value: #e8f0f9;
}
@property --color-table-cell-blue-dark {
  syntax: "<color>";
  inherits: true;
  initial-value: #1c2b3a;
}
@property --color-table-cell-gray-light {
  syntax: "<color>";
  inherits: true;
  initial-value: #ededed;
}
@property --color-table-cell-gray-dark {
  syntax: "<color>";
  inherits: true;
  initial-value: #2c2c2e;
}
@property --color-table-cell-green-light {
  syntax: "<color>";
  inherits: true;
  initial-value: #e8f3e8;
}
@property --color-table-cell-green-dark {
  syntax: "<color>";
  inherits: true;
  initial-value: #1c2e22;
}
@property --color-table-cell-red-light {
  syntax: "<color>";
  inherits: true;
  initial-value: #f9e4e4;
}
@property --color-table-cell-red-dark {
  syntax: "<color>";
  inherits: true;
  initial-value: #37231f;
}
@property --color-table-cell-yellow-light {
  syntax: "<color>";
  inherits: true;
  initial-value: #fbf3d0;
}
@property --color-table-cell-yellow-dark {
  syntax: "<color>";
  inherits: true;
  initial-value: #322d18;
}
@property --color-warning-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fff8d2;
}
@property --color-warning-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fff1ab;
}
@property --color-warning-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffe45b;
}
@property --color-warning-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fec800;
}
@property --color-warning-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #e4b400;
}
@property --color-warning-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #bc8100;
}
@property --color-warning-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #996500;
}
@property --dark-blue-semi-transparent {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(4, 28, 68, 0.4);
}
:root {
  /* AI */
  --ai-full-position-color-0: var(--color-ai-full-position-0);
  --ai-full-position-color-25: var(--color-ai-full-position-25);
  --ai-full-position-color-50: var(--color-ai-full-position-50);
  --ai-full-position-color-100: var(--color-ai-full-position-100);
  --ai-partial-position-color-0: var(--color-ai-partial-position-0);
  --ai-partial-position-color-50: var(--color-ai-partial-position-50);
  --ai-partial-position-color-100: var(--color-ai-partial-position-100);
  --ai-full-gradient-color: linear-gradient(
    102deg,
    var(--color-ai-full-position-0) 0%,
    var(--color-ai-full-position-25) 25%,
    var(--color-ai-full-position-50) 50%,
    var(--color-ai-full-position-100) 100%
  );
  --ai-full-gradient-color-40: linear-gradient(
    102deg,
    rgba(0, 205, 246, 0.4) 0%,
    rgba(16, 136, 235, 0.4) 25%,
    rgba(31, 60, 215, 0.4) 50%,
    rgba(105, 28, 156, 0.4) 100%
  );
  --ai-partial-gradient-color: linear-gradient(
    95.41deg,
    var(--color-ai-partial-position-0) 0%,
    var(--color-ai-partial-position-50) 24.7%,
    var(--color-ai-partial-position-100) 100%
  );
  --ai-border-button-gradient-color: linear-gradient(
    95.41deg,
    var(--color-ai-partial-position-0) 0%,
    var(--color-ai-partial-position-50) 24.7%,
    var(--color-ai-partial-position-100) 100%
  );
  --ai-border-default-gradient-color: linear-gradient(
    281.41deg,
    var(--color-ai-full-position-100) 0%,
    var(--color-ai-full-position-50) 48.95%,
    var(--color-ai-full-position-25) 73.43%,
    var(--color-ai-full-position-0) 97.9%
  );
  /* Scorebar */
  --scorebar-green-color: #20d5ab;
  --scorebar-yellow-color: #ffde33;
  --scorebar-orange-color: #ff8a33;
  --scorebar-red-color: #ff4c4d;
  --scorebar-light-green-color: #00c08b;
  --scorebar-light-blue-color: #00f2fb;
  --scorebar-blue-color: #00a5fb;
  --scorebar-magenta-color: #f86cfa;
  --scorebar-purple-color: #c944cb;
  --scorebar-gray-color: #8d8d96;
  /* Scorebar Background */
  --scorebar-green-bg-color: var(--color-success-100);
  --scorebar-yellow-bg-color: var(--color-warning-100);
  --scorebar-orange-bg-color: var(--color-accent-orange100);
  --scorebar-red-bg-color: var(--color-danger-100);
  --scorebar-light-green-bg-color: var(--color-accent-seafoam200);
  --scorebar-light-blue-bg-color: var(--color-info-100);
  --scorebar-blue-bg-color: var(--color-core-blue-200);
  --scorebar-magenta-bg-color: var(--color-accent-red100);
  --scorebar-purple-bg-color: var(--color-accent-eggplant100);
  --scorebar-gray-bg-color: var(--color-neutral-100);
  /* Color Picker */
  --color-picker-alice-blue-color: var(--color-core-blue-100);
  --color-picker-aqua-green-color: #12d3a6;
  --color-picker-aquamarine-color: #46faa6;
  --color-picker-blue-color: #0d64f2;
  --color-picker-brown-color: #993900;
  --color-picker-cloudy-gold-color: #a97b04;
  --color-picker-cloudy-green-color: #0d9172;
  --color-picker-cloudy-orange-color: #f77348;
  --color-picker-cyan-color: #00f2fb;
  --color-picker-dark-cyan-color: #085e4a;
  --color-picker-dark-gold-color: #fac12e;
  --color-picker-dark-green-color: #041c06;
  --color-picker-dark-gray-color: #4b4b58;
  --color-picker-dark-orange-color: #e05400;
  --color-picker-dark-purple-color: #470486;
  --color-picker-dark-sky-blue-color: #354865;
  --color-picker-dark-yellow-color: #f8bb00;
  --color-picker-gray-color: #f5f6f8;
  --color-picker-light-blue-color: #00a5fb;
  --color-picker-light-purple-color: #b265fb;
  --color-picker-neon-green-color: #63f900;
  --color-picker-neon-red-color: #ff3838;
  --color-picker-neon-yellow-color: #ddf900;
  --color-picker-pink-color: #f86cfa;
  --color-picker-purple-color: #a314fa;
  --color-picker-sky-blue-color: #85b1f8;
  --color-picker-violet-color: #7306da;
  /* Formative Item Style Labels */
  --item-style-label-yellow-color: rgba(254, 200, 0, 1);
  /* Formative Theme: Threads & Themes */
  --threads-and-themes-background-color: rgba(250, 249, 245, 1);
  --threads-and-themes-header-gradient-color: linear-gradient(
    360deg,
    #54005c 17%,
    #720780 89%
  );
}

:root {
  --spacing-auto: auto;
  --spacing-0px: 0px;
  --spacing-2px: 2px;
  --spacing-4px: 4px;
  --spacing-6px: 6px;
  --spacing-8px: 8px;
  --spacing-12px: 12px;
  --spacing-16px: 16px;
  --spacing-20px: 20px;
  --spacing-24px: 24px;
  --spacing-28px: 28px;
  --spacing-32px: 32px;
  --spacing-40px: 40px;
  --spacing-56px: 56px;
  --spacing-64px: 64px;
  --spacing-72px: 72px;
  --spacing-80px: 80px;
  --spacing-96px: 96px;
  --spacing-104px: 104px;
  --spacing-112px: 112px;
  --spacing-120px: 120px;
  --spacing-128px: 128px;
  --spacing-25pct: 25%;
  --spacing-50pct: 50%;
  --spacing-75pct: 75%;
  --spacing-100pct: 100%;
}

:root {
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-round: 50%;
}

#react-root {
  font-family: "Open Sans", sans-serif;
  color: var(--text-strong-color);
  background-color: var(--background-neutral-color);
}
#react-root.lexend-font, body.lexend-font #react-root {
  font-family: "Lexend", "Open Sans", sans-serif;
}
#react-root.open-dyslexic-regular-font, body.open-dyslexic-regular-font #react-root {
  font-family: "OpenDyslexicRegular", "Open Sans", sans-serif;
}
#react-root.frank-ruhl-font, body.frank-ruhl-font #react-root {
  font-family: "Frank Ruhl Libre", "Open Sans", sans-serif;
}
#react-root {
  /*
   * Only headings should be rendered using Noto Serif. To allow the font to be
   * applied in cases where a heading element isn't appropriate, we also apply
   * the font when an element's class list includes "heading", or if it uses a
   * heading font type (see @formative/react-components/Text).
   */
}
#react-root.noto-font h1,
#react-root.noto-font h2,
#react-root.noto-font h3,
#react-root.noto-font h4,
#react-root.noto-font h5,
#react-root.noto-font h6,
#react-root.noto-font .heading,
#react-root.noto-font [data-text-font-type^=heading], body.noto-font #react-root h1,
body.noto-font #react-root h2,
body.noto-font #react-root h3,
body.noto-font #react-root h4,
body.noto-font #react-root h5,
body.noto-font #react-root h6,
body.noto-font #react-root .heading,
body.noto-font #react-root [data-text-font-type^=heading] {
  font-family: "Noto Serif", Georgia, serif;
}

html {
  background-color: var(--background-neutral-color);
  --color-scheme: light;
  /* Actions */
  --actions-focus-default-color: var(--color-core-blue-900);
  --actions-hover-text-color: var(--color-core-blue-200);
  --actions-hover-destructive-color: var(--color-danger-700);
  --actions-hover-outline-color: var(--color-core-blue-600);
  --actions-outline-on-color-color: var(--color-neutral-700);
  --actions-pressed-destructive-color: var(--color-accent-red400);
  --actions-pressed-bg-destructive-color: var(--color-accent-red200);
  /* Background */
  --background-accent-color: var(--color-core-blue-900);
  --background-ai-weak-color:
    linear-gradient(
      0deg,
      var(--color-neutral-white-80),
      var(--color-neutral-white-80)
    ),
    var(--ai-full-gradient-color);
  --background-button-inlay: var(--color-core-blue-300);
  --background-error-hover-color: var(--color-danger-500);
  --background-error-pressed-color: var(--color-danger-700);
  --background-error-weak-color: var(--color-danger-100);
  --background-info-weak-color: var(--color-info-100);
  --background-neutral-color: var(--color-neutral-white);
  --background-neutral-color-2: var(--color-neutral-25);
  --background-neutral-color-3: var(--color-neutral-100);
  --background-success-default-color: var(--color-success-400);
  --background-success-weak-color: var(--color-success-100);
  --background-table-cell-blue-color: var(--color-table-cell-blue-light);
  --background-table-cell-gray-color: var(--color-table-cell-gray-light);
  --background-table-cell-green-color: var(--color-table-cell-green-light);
  --background-table-cell-red-color: var(--color-table-cell-red-light);
  --background-table-cell-yellow-color: var(--color-table-cell-yellow-light);
  --background-warning-weak-color: var(--color-warning-100);
  --background-premium-weak-color: var(--brand-weak);
  --background-weak-color: var(--color-core-blue-200);
  --background-page-banner-color: var(--color-accent-gold100);
  /* Border */
  --border-default-color: var(--color-neutral-150);
  --border-strong-color: var(--color-neutral-400);
  --border-weak-color: var(--color-neutral-50);
  /* Feedback */
  --feedback-error-default-color: var(--color-danger-600);
  --feedback-error-weak-color: var(--color-danger-100);
  --feedback-engagement-correct-color: var(--color-success-500);
  --feedback-engagement-incorrect-color: var(--color-danger-500);
  --feedback-engagement-partial-color: var(--color-orange-300);
  --feedback-podium-gold-color: var(--color-warning-500);
  --feedback-podium-silver-color: var(--color-neutral-200);
  --feedback-podium-bronze-color: var(--color-accent-orange500);
  --feedback-start-default-color: var(--color-accent-seafoam400);
  --feedback-start-hover-color: var(--color-accent-seafoam500);
  --feedback-start-pressed-color: var(--color-accent-seafoam600);
  --feedback-start-weak-color: var(--color-success-100);
  --feedback-success-default-color: var(--color-success-400);
  --feedback-success-weak-color: var(--color-success-100);
  --feedback-warning-default-color: var(--color-warning-700);
  --feedback-warning-weak-color: var(--color-warning-100);
  /* Divider */
  --divider-blue-chip-bg-color: var(--color-core-blue-300);
  --divider-blue-chip-text-color: var(--text-strong-color);
  --divider-blue-line-color: var(--color-core-blue-600);
  /* Interactive */
  --interactive-accent-color: var(--brand);
  --interactive-accent-weak-color: var(--brand-weak);
  --interactive-accent-disabled-color: var(--color-neutral-100);
  --interactive-default-outline-color: var(--interactive-primary-color);
  --interactive-disabled-color: var(--color-neutral-100);
  --interactive-focus-color: var(--color-core-blue-900);
  --interactive-hover-color: var(--color-core-blue-800);
  --interactive-hover-outline-color: var(--color-core-blue-700);
  --interactive-pressed-color: var(--color-core-blue-900);
  --interactive-pressed-outline-color: var(--color-core-blue-900);
  --interactive-pressed-start-color: var(--color-success-700);
  --interactive-primary-color: var(--color-core-blue-700);
  --interactive-secondary-color: var(--color-core-blue-700);
  --interactive-secondary-hover-color: var(--color-core-blue-600);
  --interactive-tertiary-color: var(--color-neutral-white);
  --interactive-tertiary-hover-color: var(--color-neutral-25);
  /* Overlay */
  --overlay-1-color: var(--color-neutral-black-10);
  --overlay-2-color: var(--color-neutral-black-20);
  --overlay-6-color: var(--color-neutral-black-60);
  --overlay-9-color: var(--color-neutral-black-90);
  --overlay-inverse-1-color: var(--color-neutral-white-40);
  --overlay-inverse-2-color: var(--color-neutral-white-50);
  /* Text */
  --text-error-color: var(--color-danger-700);
  --text-disabled-color: var(--color-neutral-300);
  --text-info-color: rgba(4, 28, 68, 1);
  --text-link-color: var(--color-core-blue-600);
  --text-on-color-color: var(--color-neutral-white);
  --text-on-color-weak-color: var(--color-neutral-200);
  --text-on-color-color-semi-transparent: var(
    --color-neutral-white-semi-transparent
  );
  --text-on-color-color-2: var(--color-core-blue-800);
  --text-outline-disabled-color: var(--color-neutral-300);
  --text-strong-color: var(--color-neutral-700);
  --text-strong-color-semi-transparent: var(--dark-blue-semi-transparent);
  --text-success-color: var(--color-success-700);
  --text-warning-color: var(--color-warning-700);
  --text-premium-color: var(--brand);
  --text-weak-color: var(--color-neutral-500);
  /* main left nav */
  --background-main-left-nav-color: var(--background-neutral-color);
  --logo-main-left-nav-color: var(--text-strong-color);
  --text-main-left-nav-item-color: var(--text-strong-color);
  --text-main-left-nav-item-hover-color: var(--interactive-accent-color);
  --background-main-left-nav-item-selected-color: var(
    --interactive-accent-weak-color
  );
  --border-main-left-nav-item-selected-color: var(--interactive-accent-color);
  --icon-main-left-nav-item-selected-color: var(
    --color-warning-700
  );
  --text-strong-on-dark-bg-color: var(--color-neutral-white);
  --text-weak-on-dark-bg-color: var(--color-neutral-white);
  --engagement-correct: var(--color-success-500);
  --error-default: var(
    --color-danger-600
  );
  --warning-default: var(
    --color-warning-600
  );
  /* Line Reader */
  --line-reader-background-color: color-mix(
    in srgb,
    var(--color-warning-300) 20%,
    transparent
  );
  --line-reader-border-color: var(--color-warning-600);
  --line-reader-resize-color: var(--color-warning-500);
  /* Shadows */
  --shadow-sm: 0 0 6px 0 rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  --shadow-md: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 4px 8px 0 rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08);
  --shadow-xlg:
    0 28px 8px 0 rgba(0, 0, 0, 0), 0 18px 7px 0 rgba(0, 0, 0, 0.03),
    0 10px 6px 0 rgba(0, 0, 0, 0.1), 0 4px 4px 0 rgba(0, 0, 0, 0.17),
    0 1px 2px 0 rgba(0, 0, 0, 0.2);
  --drop-shadow-sm: drop-shadow(0 0 6px rgba(0, 0, 0, 0.02))
    drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08));
}

html.dark-theme {
  --color-scheme: dark;
  /* Actions */
  --actions-focus-default-color: var(--color-core-blue-300);
  --actions-hover-text-color: var(--color-core-blue-950);
  --actions-hover-destructive-color: var(--color-danger-100);
  --actions-hover-outline-color: var(--color-core-blue-500);
  --actions-outline-on-color-color: var(--color-neutral-white);
  --actions-pressed-destructive-color: var(--color-danger-300);
  --actions-pressed-bg-destructive-color: var(--color-accent-red400);
  /* Background */
  --background-accent-color: var(--color-core-blue-200);
  --background-ai-weak-color:
    linear-gradient(
      0deg,
      var(--color-neutral-white-10),
      var(--color-neutral-white-10)
    ),
    var(--ai-full-gradient-color);
  --background-button-inlay: var(--color-core-blue-300);
  --background-error-hover-color: var(--color-danger-100);
  --background-error-pressed-color: var(--color-danger-300);
  --background-error-weak-color: var(--color-danger-700);
  --background-info-weak-color: var(--color-info-700);
  --background-neutral-color: var(--color-neutral-700);
  --background-neutral-color-2: var(--color-neutral-black);
  --background-neutral-color-3: var(--color-neutral-400);
  --background-success-default-color: var(--color-success-100);
  --background-success-weak-color: var(--color-success-700);
  --background-table-cell-blue-color: var(--color-table-cell-blue-dark);
  --background-table-cell-gray-color: var(--color-table-cell-gray-dark);
  --background-table-cell-green-color: var(--color-table-cell-green-dark);
  --background-table-cell-red-color: var(--color-table-cell-red-dark);
  --background-table-cell-yellow-color: var(--color-table-cell-yellow-dark);
  --background-warning-weak-color: var(--color-warning-700);
  --background-premium-weak-color: var(--brand-weak);
  --background-weak-color: var(--color-core-blue-950);
  --background-page-banner-color: var(--color-accent-gold500);
  /* Border */
  --border-default-color: var(--color-neutral-300);
  --border-strong-color: var(--color-neutral-100);
  --border-weak-color: var(--color-neutral-50);
  /* feedback */
  --feedback-error-default-color: var(--color-danger-300);
  --feedback-error-weak-color: var(--color-danger-700);
  --feedback-engagement-correct-color: var(--color-success-300);
  --feedback-engagement-incorrect-color: var(--color-danger-300);
  --feedback-engagement-partial-color: var(--color-orange-200);
  --feedback-podium-gold-color: var(--color-warning-300);
  --feedback-podium-silver-color: var(--color-neutral-100);
  --feedback-podium-bronze-color: var(--color-danger-100);
  --feedback-start-default-color: var(--color-accent-seafoam300);
  --feedback-start-hover-color: var(--color-accent-seafoam200);
  --feedback-start-pressed-color: var(--color-accent-seafoam250);
  --feedback-start-weak-color: var(--color-success-700);
  --feedback-success-default-color: var(--color-success-200);
  --feedback-success-weak-color: var(--color-success-700);
  --feedback-warning-default-color: var(--color-warning-100);
  --feedback-warning-weak-color: var(--color-warning-700);
  /* Divider */
  --divider-blue-chip-bg-color: var(--color-core-blue-800);
  --divider-blue-chip-text-color: var(--text-strong-color);
  --divider-blue-line-color: var(--color-core-blue-400);
  /* Interactive */
  --interactive-accent-color: var(--color-accent-gold300);
  --interactive-accent-weak-color: var(--color-accent-gold500);
  --interactive-accent-disabled-color: var(--color-neutral-600);
  --interactive-default-outline-color: var(--color-neutral-white);
  --interactive-disabled-color: var(--color-neutral-600);
  --interactive-focus-color: var(--color-core-blue-200);
  --interactive-hover-color: var(--color-core-blue-400);
  --interactive-hover-outline-color: var(--color-core-blue-300);
  --interactive-pressed-color: var(--color-core-blue-200);
  --interactive-pressed-outline-color: var(--color-core-blue-200);
  --interactive-pressed-start-color: var(--color-success-200);
  --interactive-primary-color: var(--color-core-blue-500);
  --interactive-secondary-color: var(--color-neutral-white);
  --interactive-secondary-hover-color: var(--color-core-blue-500);
  --interactive-tertiary-color: var(--color-neutral-black);
  --interactive-tertiary-hover-color: var(--color-neutral-600);
  /* Overlay */
  --overlay-1-color: var(--color-neutral-white-10);
  --overlay-2-color: var(--color-neutral-white-20);
  --overlay-6-color: var(--color-neutral-white-60);
  --overlay-9-color: var(--color-neutral-white-90);
  --overlay-inverse-1-color: var(--color-neutral-black-40);
  --overlay-inverse-2-color: var(--color-neutral-black-50);
  /* Text */
  --text-error-color: var(--color-danger-100);
  --text-disabled-color: var(--color-neutral-200);
  --text-info-color: var(--color-neutral-white);
  --text-link-color: var(--color-core-blue-500);
  --text-on-color-color: var(--color-neutral-700);
  --text-on-color-weak-color: var(--color-neutral-500);
  --text-on-color-color-semi-transparent: var(
    --color-neutral-700-semi-transparent
  );
  --text-on-color-color-2: var(--color-neutral-white);
  --text-outline-disabled-color: var(--color-neutral-300);
  --text-strong-color: var(--color-neutral-white);
  --text-strong-color-semi-transparent: var(
    --color-neutral-white-semi-transparent
  );
  --text-success-color: var(--color-success-100);
  --text-warning-color: var(--color-warning-100);
  --text-premium-color: var(--brand);
  --text-weak-color: var(--color-neutral-100);
  /* main left nav */
  --background-main-left-nav-color: var(--background-neutral-color);
  --logo-main-left-nav-color: var(--color-neutral-white);
  --text-main-left-nav-item-color: var(--text-on-color-color);
  --text-main-left-nav-item-hover-color: var(--interactive-accent-color);
  --background-main-left-nav-item-selected-color: var(
    --interactive-accent-weak-color
  );
  --border-main-left-nav-item-selected-color: var(--interactive-accent-color);
  --icon-main-left-nav-item-selected-color: var(--text-on-color-color);
  --text-strong-on-dark-bg-color: var(--color-neutral-white);
  --text-weak-on-dark-bg-color: var(--color-neutral-white);
  --engagement-correct: var(--color-success-300);
  --error-default: var(
    --color-danger-300
  );
  --warning-default: var(
    --color-warning-500
  );
  /* Line Reader */
  --line-reader-background-color: color-mix(
    in srgb,
    var(--color-warning-300) 20%,
    transparent
  );
  --line-reader-border-color: var(--color-warning-600);
  --line-reader-resize-color: var(--color-warning-500);
  /* Shadows */
  --shadow-sm: 0px 0px 0px 1px var(--color-neutral-white-80);
  --shadow-md: 0px 0px 2px 1px var(--color-neutral-white-60);
  --shadow-lg: 0px 0px 3px 1px var(--color-neutral-white-80);
  --shadow-xlg: 0px 0px 4px 1px var(--color-neutral-white-80);
  --drop-shadow-sm: drop-shadow(0px 1px 0px var(--color-neutral-white-80));
  background-color: var(--background-neutral-color);
}

@media (prefers-color-scheme: dark) {
  html {
    --color-scheme: dark;
    /* Actions */
    --actions-focus-default-color: var(--color-core-blue-300);
    --actions-hover-text-color: var(--color-core-blue-950);
    --actions-hover-destructive-color: var(--color-danger-100);
    --actions-hover-outline-color: var(--color-core-blue-500);
    --actions-outline-on-color-color: var(--color-neutral-white);
    --actions-pressed-destructive-color: var(--color-danger-300);
    --actions-pressed-bg-destructive-color: var(--color-accent-red400);
    /* Background */
    --background-accent-color: var(--color-core-blue-200);
    --background-ai-weak-color:
      linear-gradient(
        0deg,
        var(--color-neutral-white-10),
        var(--color-neutral-white-10)
      ),
      var(--ai-full-gradient-color);
    --background-button-inlay: var(--color-core-blue-300);
    --background-error-hover-color: var(--color-danger-100);
    --background-error-pressed-color: var(--color-danger-300);
    --background-error-weak-color: var(--color-danger-700);
    --background-info-weak-color: var(--color-info-700);
    --background-neutral-color: var(--color-neutral-700);
    --background-neutral-color-2: var(--color-neutral-black);
    --background-neutral-color-3: var(--color-neutral-400);
    --background-success-default-color: var(--color-success-100);
    --background-success-weak-color: var(--color-success-700);
    --background-table-cell-blue-color: var(--color-table-cell-blue-dark);
    --background-table-cell-gray-color: var(--color-table-cell-gray-dark);
    --background-table-cell-green-color: var(--color-table-cell-green-dark);
    --background-table-cell-red-color: var(--color-table-cell-red-dark);
    --background-table-cell-yellow-color: var(--color-table-cell-yellow-dark);
    --background-warning-weak-color: var(--color-warning-700);
    --background-premium-weak-color: var(--brand-weak);
    --background-weak-color: var(--color-core-blue-950);
    --background-page-banner-color: var(--color-accent-gold500);
    /* Border */
    --border-default-color: var(--color-neutral-300);
    --border-strong-color: var(--color-neutral-100);
    --border-weak-color: var(--color-neutral-50);
    /* feedback */
    --feedback-error-default-color: var(--color-danger-300);
    --feedback-error-weak-color: var(--color-danger-700);
    --feedback-engagement-correct-color: var(--color-success-300);
    --feedback-engagement-incorrect-color: var(--color-danger-300);
    --feedback-engagement-partial-color: var(--color-orange-200);
    --feedback-podium-gold-color: var(--color-warning-300);
    --feedback-podium-silver-color: var(--color-neutral-100);
    --feedback-podium-bronze-color: var(--color-danger-100);
    --feedback-start-default-color: var(--color-accent-seafoam300);
    --feedback-start-hover-color: var(--color-accent-seafoam200);
    --feedback-start-pressed-color: var(--color-accent-seafoam250);
    --feedback-start-weak-color: var(--color-success-700);
    --feedback-success-default-color: var(--color-success-200);
    --feedback-success-weak-color: var(--color-success-700);
    --feedback-warning-default-color: var(--color-warning-100);
    --feedback-warning-weak-color: var(--color-warning-700);
    /* Divider */
    --divider-blue-chip-bg-color: var(--color-core-blue-800);
    --divider-blue-chip-text-color: var(--text-strong-color);
    --divider-blue-line-color: var(--color-core-blue-400);
    /* Interactive */
    --interactive-accent-color: var(--color-accent-gold300);
    --interactive-accent-weak-color: var(--color-accent-gold500);
    --interactive-accent-disabled-color: var(--color-neutral-600);
    --interactive-default-outline-color: var(--color-neutral-white);
    --interactive-disabled-color: var(--color-neutral-600);
    --interactive-focus-color: var(--color-core-blue-200);
    --interactive-hover-color: var(--color-core-blue-400);
    --interactive-hover-outline-color: var(--color-core-blue-300);
    --interactive-pressed-color: var(--color-core-blue-200);
    --interactive-pressed-outline-color: var(--color-core-blue-200);
    --interactive-pressed-start-color: var(--color-success-200);
    --interactive-primary-color: var(--color-core-blue-500);
    --interactive-secondary-color: var(--color-neutral-white);
    --interactive-secondary-hover-color: var(--color-core-blue-500);
    --interactive-tertiary-color: var(--color-neutral-black);
    --interactive-tertiary-hover-color: var(--color-neutral-600);
    /* Overlay */
    --overlay-1-color: var(--color-neutral-white-10);
    --overlay-2-color: var(--color-neutral-white-20);
    --overlay-6-color: var(--color-neutral-white-60);
    --overlay-9-color: var(--color-neutral-white-90);
    --overlay-inverse-1-color: var(--color-neutral-black-40);
    --overlay-inverse-2-color: var(--color-neutral-black-50);
    /* Text */
    --text-error-color: var(--color-danger-100);
    --text-disabled-color: var(--color-neutral-200);
    --text-info-color: var(--color-neutral-white);
    --text-link-color: var(--color-core-blue-500);
    --text-on-color-color: var(--color-neutral-700);
    --text-on-color-weak-color: var(--color-neutral-500);
    --text-on-color-color-semi-transparent: var(
      --color-neutral-700-semi-transparent
    );
    --text-on-color-color-2: var(--color-neutral-white);
    --text-outline-disabled-color: var(--color-neutral-300);
    --text-strong-color: var(--color-neutral-white);
    --text-strong-color-semi-transparent: var(
      --color-neutral-white-semi-transparent
    );
    --text-success-color: var(--color-success-100);
    --text-warning-color: var(--color-warning-100);
    --text-premium-color: var(--brand);
    --text-weak-color: var(--color-neutral-100);
    /* main left nav */
    --background-main-left-nav-color: var(--background-neutral-color);
    --logo-main-left-nav-color: var(--color-neutral-white);
    --text-main-left-nav-item-color: var(--text-on-color-color);
    --text-main-left-nav-item-hover-color: var(--interactive-accent-color);
    --background-main-left-nav-item-selected-color: var(
      --interactive-accent-weak-color
    );
    --border-main-left-nav-item-selected-color: var(--interactive-accent-color);
    --icon-main-left-nav-item-selected-color: var(--text-on-color-color);
    --text-strong-on-dark-bg-color: var(--color-neutral-white);
    --text-weak-on-dark-bg-color: var(--color-neutral-white);
    --engagement-correct: var(--color-success-300);
    --error-default: var(
      --color-danger-300
    );
    --warning-default: var(
      --color-warning-500
    );
    /* Line Reader */
    --line-reader-background-color: color-mix(
      in srgb,
      var(--color-warning-300) 20%,
      transparent
    );
    --line-reader-border-color: var(--color-warning-600);
    --line-reader-resize-color: var(--color-warning-500);
    /* Shadows */
    --shadow-sm: 0px 0px 0px 1px var(--color-neutral-white-80);
    --shadow-md: 0px 0px 2px 1px var(--color-neutral-white-60);
    --shadow-lg: 0px 0px 3px 1px var(--color-neutral-white-80);
    --shadow-xlg: 0px 0px 4px 1px var(--color-neutral-white-80);
    --drop-shadow-sm: drop-shadow(0px 1px 0px var(--color-neutral-white-80));
    background-color: var(--background-neutral-color);
  }
}
html.light-theme {
  --color-scheme: light;
  /* Actions */
  --actions-focus-default-color: var(--color-core-blue-900);
  --actions-hover-text-color: var(--color-core-blue-200);
  --actions-hover-destructive-color: var(--color-danger-700);
  --actions-hover-outline-color: var(--color-core-blue-600);
  --actions-outline-on-color-color: var(--color-neutral-700);
  --actions-pressed-destructive-color: var(--color-accent-red400);
  --actions-pressed-bg-destructive-color: var(--color-accent-red200);
  /* Background */
  --background-accent-color: var(--color-core-blue-900);
  --background-ai-weak-color:
    linear-gradient(
      0deg,
      var(--color-neutral-white-80),
      var(--color-neutral-white-80)
    ),
    var(--ai-full-gradient-color);
  --background-button-inlay: var(--color-core-blue-300);
  --background-error-hover-color: var(--color-danger-500);
  --background-error-pressed-color: var(--color-danger-700);
  --background-error-weak-color: var(--color-danger-100);
  --background-info-weak-color: var(--color-info-100);
  --background-neutral-color: var(--color-neutral-white);
  --background-neutral-color-2: var(--color-neutral-25);
  --background-neutral-color-3: var(--color-neutral-100);
  --background-success-default-color: var(--color-success-400);
  --background-success-weak-color: var(--color-success-100);
  --background-table-cell-blue-color: var(--color-table-cell-blue-light);
  --background-table-cell-gray-color: var(--color-table-cell-gray-light);
  --background-table-cell-green-color: var(--color-table-cell-green-light);
  --background-table-cell-red-color: var(--color-table-cell-red-light);
  --background-table-cell-yellow-color: var(--color-table-cell-yellow-light);
  --background-warning-weak-color: var(--color-warning-100);
  --background-premium-weak-color: var(--brand-weak);
  --background-weak-color: var(--color-core-blue-200);
  --background-page-banner-color: var(--color-accent-gold100);
  /* Border */
  --border-default-color: var(--color-neutral-150);
  --border-strong-color: var(--color-neutral-400);
  --border-weak-color: var(--color-neutral-50);
  /* Feedback */
  --feedback-error-default-color: var(--color-danger-600);
  --feedback-error-weak-color: var(--color-danger-100);
  --feedback-engagement-correct-color: var(--color-success-500);
  --feedback-engagement-incorrect-color: var(--color-danger-500);
  --feedback-engagement-partial-color: var(--color-orange-300);
  --feedback-podium-gold-color: var(--color-warning-500);
  --feedback-podium-silver-color: var(--color-neutral-200);
  --feedback-podium-bronze-color: var(--color-accent-orange500);
  --feedback-start-default-color: var(--color-accent-seafoam400);
  --feedback-start-hover-color: var(--color-accent-seafoam500);
  --feedback-start-pressed-color: var(--color-accent-seafoam600);
  --feedback-start-weak-color: var(--color-success-100);
  --feedback-success-default-color: var(--color-success-400);
  --feedback-success-weak-color: var(--color-success-100);
  --feedback-warning-default-color: var(--color-warning-700);
  --feedback-warning-weak-color: var(--color-warning-100);
  /* Divider */
  --divider-blue-chip-bg-color: var(--color-core-blue-300);
  --divider-blue-chip-text-color: var(--text-strong-color);
  --divider-blue-line-color: var(--color-core-blue-600);
  /* Interactive */
  --interactive-accent-color: var(--brand);
  --interactive-accent-weak-color: var(--brand-weak);
  --interactive-accent-disabled-color: var(--color-neutral-100);
  --interactive-default-outline-color: var(--interactive-primary-color);
  --interactive-disabled-color: var(--color-neutral-100);
  --interactive-focus-color: var(--color-core-blue-900);
  --interactive-hover-color: var(--color-core-blue-800);
  --interactive-hover-outline-color: var(--color-core-blue-700);
  --interactive-pressed-color: var(--color-core-blue-900);
  --interactive-pressed-outline-color: var(--color-core-blue-900);
  --interactive-pressed-start-color: var(--color-success-700);
  --interactive-primary-color: var(--color-core-blue-700);
  --interactive-secondary-color: var(--color-core-blue-700);
  --interactive-secondary-hover-color: var(--color-core-blue-600);
  --interactive-tertiary-color: var(--color-neutral-white);
  --interactive-tertiary-hover-color: var(--color-neutral-25);
  /* Overlay */
  --overlay-1-color: var(--color-neutral-black-10);
  --overlay-2-color: var(--color-neutral-black-20);
  --overlay-6-color: var(--color-neutral-black-60);
  --overlay-9-color: var(--color-neutral-black-90);
  --overlay-inverse-1-color: var(--color-neutral-white-40);
  --overlay-inverse-2-color: var(--color-neutral-white-50);
  /* Text */
  --text-error-color: var(--color-danger-700);
  --text-disabled-color: var(--color-neutral-300);
  --text-info-color: rgba(4, 28, 68, 1);
  --text-link-color: var(--color-core-blue-600);
  --text-on-color-color: var(--color-neutral-white);
  --text-on-color-weak-color: var(--color-neutral-200);
  --text-on-color-color-semi-transparent: var(
    --color-neutral-white-semi-transparent
  );
  --text-on-color-color-2: var(--color-core-blue-800);
  --text-outline-disabled-color: var(--color-neutral-300);
  --text-strong-color: var(--color-neutral-700);
  --text-strong-color-semi-transparent: var(--dark-blue-semi-transparent);
  --text-success-color: var(--color-success-700);
  --text-warning-color: var(--color-warning-700);
  --text-premium-color: var(--brand);
  --text-weak-color: var(--color-neutral-500);
  /* main left nav */
  --background-main-left-nav-color: var(--background-neutral-color);
  --logo-main-left-nav-color: var(--text-strong-color);
  --text-main-left-nav-item-color: var(--text-strong-color);
  --text-main-left-nav-item-hover-color: var(--interactive-accent-color);
  --background-main-left-nav-item-selected-color: var(
    --interactive-accent-weak-color
  );
  --border-main-left-nav-item-selected-color: var(--interactive-accent-color);
  --icon-main-left-nav-item-selected-color: var(
    --color-warning-700
  );
  --text-strong-on-dark-bg-color: var(--color-neutral-white);
  --text-weak-on-dark-bg-color: var(--color-neutral-white);
  --engagement-correct: var(--color-success-500);
  --error-default: var(
    --color-danger-600
  );
  --warning-default: var(
    --color-warning-600
  );
  /* Line Reader */
  --line-reader-background-color: color-mix(
    in srgb,
    var(--color-warning-300) 20%,
    transparent
  );
  --line-reader-border-color: var(--color-warning-600);
  --line-reader-resize-color: var(--color-warning-500);
  /* Shadows */
  --shadow-sm: 0 0 6px 0 rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  --shadow-md: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 4px 8px 0 rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08);
  --shadow-xlg:
    0 28px 8px 0 rgba(0, 0, 0, 0), 0 18px 7px 0 rgba(0, 0, 0, 0.03),
    0 10px 6px 0 rgba(0, 0, 0, 0.1), 0 4px 4px 0 rgba(0, 0, 0, 0.17),
    0 1px 2px 0 rgba(0, 0, 0, 0.2);
  --drop-shadow-sm: drop-shadow(0 0 6px rgba(0, 0, 0, 0.02))
    drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08));
  background-color: var(--background-neutral-color);
}

html.light-high-contrast-theme {
  --color-scheme: light;
  /* Actions */
  --actions-focus-default-color: var(--color-core-blue-900);
  --actions-hover-text-color: var(--color-core-blue-200);
  --actions-hover-destructive-color: var(--color-danger-700);
  --actions-hover-outline-color: var(--color-core-blue-600);
  --actions-outline-on-color-color: var(--color-neutral-700);
  --actions-pressed-destructive-color: var(--color-accent-red400);
  --actions-pressed-bg-destructive-color: var(--color-accent-red200);
  /* Background */
  --background-accent-color: var(--color-core-blue-900);
  --background-ai-weak-color:
    linear-gradient(
      0deg,
      var(--color-neutral-white-80),
      var(--color-neutral-white-80)
    ),
    var(--ai-full-gradient-color);
  --background-button-inlay: var(--color-core-blue-300);
  --background-error-hover-color: var(--color-danger-500);
  --background-error-pressed-color: var(--color-danger-700);
  --background-error-weak-color: var(--color-danger-100);
  --background-info-weak-color: var(--color-info-100);
  --background-neutral-color: var(--color-neutral-white);
  --background-neutral-color-2: var(--color-neutral-25);
  --background-neutral-color-3: var(--color-neutral-100);
  --background-success-default-color: var(--color-success-400);
  --background-success-weak-color: var(--color-success-100);
  --background-table-cell-blue-color: var(--color-table-cell-blue-light);
  --background-table-cell-gray-color: var(--color-table-cell-gray-light);
  --background-table-cell-green-color: var(--color-table-cell-green-light);
  --background-table-cell-red-color: var(--color-table-cell-red-light);
  --background-table-cell-yellow-color: var(--color-table-cell-yellow-light);
  --background-warning-weak-color: var(--color-warning-100);
  --background-premium-weak-color: var(--brand-weak);
  --background-weak-color: var(--color-core-blue-200);
  --background-page-banner-color: var(--color-accent-gold100);
  /* Border */
  --border-default-color: var(--color-neutral-150);
  --border-strong-color: var(--color-neutral-400);
  --border-weak-color: var(--color-neutral-50);
  /* Feedback */
  --feedback-error-default-color: var(--color-danger-600);
  --feedback-error-weak-color: var(--color-danger-100);
  --feedback-engagement-correct-color: var(--color-success-500);
  --feedback-engagement-incorrect-color: var(--color-danger-500);
  --feedback-engagement-partial-color: var(--color-orange-300);
  --feedback-podium-gold-color: var(--color-warning-500);
  --feedback-podium-silver-color: var(--color-neutral-200);
  --feedback-podium-bronze-color: var(--color-accent-orange500);
  --feedback-start-default-color: var(--color-accent-seafoam400);
  --feedback-start-hover-color: var(--color-accent-seafoam500);
  --feedback-start-pressed-color: var(--color-accent-seafoam600);
  --feedback-start-weak-color: var(--color-success-100);
  --feedback-success-default-color: var(--color-success-400);
  --feedback-success-weak-color: var(--color-success-100);
  --feedback-warning-default-color: var(--color-warning-700);
  --feedback-warning-weak-color: var(--color-warning-100);
  /* Divider */
  --divider-blue-chip-bg-color: var(--color-core-blue-300);
  --divider-blue-chip-text-color: var(--text-strong-color);
  --divider-blue-line-color: var(--color-core-blue-600);
  /* Interactive */
  --interactive-accent-color: var(--brand);
  --interactive-accent-weak-color: var(--brand-weak);
  --interactive-accent-disabled-color: var(--color-neutral-100);
  --interactive-default-outline-color: var(--interactive-primary-color);
  --interactive-disabled-color: var(--color-neutral-100);
  --interactive-focus-color: var(--color-core-blue-900);
  --interactive-hover-color: var(--color-core-blue-800);
  --interactive-hover-outline-color: var(--color-core-blue-700);
  --interactive-pressed-color: var(--color-core-blue-900);
  --interactive-pressed-outline-color: var(--color-core-blue-900);
  --interactive-pressed-start-color: var(--color-success-700);
  --interactive-primary-color: var(--color-core-blue-700);
  --interactive-secondary-color: var(--color-core-blue-700);
  --interactive-secondary-hover-color: var(--color-core-blue-600);
  --interactive-tertiary-color: var(--color-neutral-white);
  --interactive-tertiary-hover-color: var(--color-neutral-25);
  /* Overlay */
  --overlay-1-color: var(--color-neutral-black-10);
  --overlay-2-color: var(--color-neutral-black-20);
  --overlay-6-color: var(--color-neutral-black-60);
  --overlay-9-color: var(--color-neutral-black-90);
  --overlay-inverse-1-color: var(--color-neutral-white-40);
  --overlay-inverse-2-color: var(--color-neutral-white-50);
  /* Text */
  --text-error-color: var(--color-danger-700);
  --text-disabled-color: var(--color-neutral-300);
  --text-info-color: rgba(4, 28, 68, 1);
  --text-link-color: var(--color-core-blue-600);
  --text-on-color-color: var(--color-neutral-white);
  --text-on-color-weak-color: var(--color-neutral-200);
  --text-on-color-color-semi-transparent: var(
    --color-neutral-white-semi-transparent
  );
  --text-on-color-color-2: var(--color-core-blue-800);
  --text-outline-disabled-color: var(--color-neutral-300);
  --text-strong-color: var(--color-neutral-700);
  --text-strong-color-semi-transparent: var(--dark-blue-semi-transparent);
  --text-success-color: var(--color-success-700);
  --text-warning-color: var(--color-warning-700);
  --text-premium-color: var(--brand);
  --text-weak-color: var(--color-neutral-500);
  /* main left nav */
  --background-main-left-nav-color: var(--background-neutral-color);
  --logo-main-left-nav-color: var(--text-strong-color);
  --text-main-left-nav-item-color: var(--text-strong-color);
  --text-main-left-nav-item-hover-color: var(--interactive-accent-color);
  --background-main-left-nav-item-selected-color: var(
    --interactive-accent-weak-color
  );
  --border-main-left-nav-item-selected-color: var(--interactive-accent-color);
  --icon-main-left-nav-item-selected-color: var(
    --color-warning-700
  );
  --text-strong-on-dark-bg-color: var(--color-neutral-white);
  --text-weak-on-dark-bg-color: var(--color-neutral-white);
  --engagement-correct: var(--color-success-500);
  --error-default: var(
    --color-danger-600
  );
  --warning-default: var(
    --color-warning-600
  );
  /* Line Reader */
  --line-reader-background-color: color-mix(
    in srgb,
    var(--color-warning-300) 20%,
    transparent
  );
  --line-reader-border-color: var(--color-warning-600);
  --line-reader-resize-color: var(--color-warning-500);
  /* Shadows */
  --shadow-sm: 0 0 6px 0 rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  --shadow-md: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 4px 8px 0 rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08);
  --shadow-xlg:
    0 28px 8px 0 rgba(0, 0, 0, 0), 0 18px 7px 0 rgba(0, 0, 0, 0.03),
    0 10px 6px 0 rgba(0, 0, 0, 0.1), 0 4px 4px 0 rgba(0, 0, 0, 0.17),
    0 1px 2px 0 rgba(0, 0, 0, 0.2);
  --drop-shadow-sm: drop-shadow(0 0 6px rgba(0, 0, 0, 0.02))
    drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08));
  --color-neutral-500: #424147;
  --color-core-blue-700: #144494;
  --color-core-blue-800: #144494;
  --color-danger-600: #7a0000;
  --color-danger-700: #7a0000;
  --color-accent-seafoam400: #074f3e;
  --color-warning-700: #634803;
  --color-accent-gold450: #634803;
  --color-picker-blue-color: #144494;
  --color-picker-purple-color: #5e0d8c;
  /* Text */
  --text-strong-color: var(--color-neutral-black);
  --text-weak-color: var(--color-neutral-700);
  --text-disabled-color: var(--color-neutral-500);
  --text-link-color: var(--color-core-blue-800);
  --text-outline-disabled-color: var(--color-neutral-500);
  /* Border */
  --border-default-color: var(--color-neutral-700);
  --border-strong-color: var(--color-neutral-black);
  --border-weak-color: var(--color-neutral-400);
  /* Interactive */
  --interactive-primary-color: var(--color-core-blue-900);
  --interactive-secondary-color: var(--color-core-blue-900);
  --interactive-hover-color: var(--color-core-blue-950);
  --interactive-hover-outline-color: var(--color-core-blue-950);
  --interactive-pressed-color: var(--color-core-blue-950);
  --interactive-pressed-outline-color: var(--color-core-blue-950);
  --interactive-disabled-color: var(--color-neutral-150);
  --interactive-accent-disabled-color: var(--color-neutral-150);
  /* Actions / focus */
  --actions-focus-default-color: var(--color-neutral-black);
  --interactive-focus-color: var(--color-neutral-black);
  /* Feedback — chosen to clear WCAG AAA (7:1) as text on the white background.
     warning-700 (#996500) only reaches 4.98:1, so use the darker amber
     accent-gold500 (#634803 → 8.54:1) for the high-contrast warning. */
  --feedback-error-default-color: var(--color-danger-700);
  --feedback-warning-default-color: var(--color-accent-gold500);
  /* Tiptap labeled dividers */
  --divider-blue-chip-bg-color: var(--color-core-blue-200);
  --divider-blue-chip-text-color: var(--color-neutral-black);
  --divider-blue-line-color: var(--color-core-blue-900);
  background-color: var(--background-neutral-color);
}

html.dark-high-contrast-theme {
  --color-scheme: dark;
  /* Actions */
  --actions-focus-default-color: var(--color-core-blue-300);
  --actions-hover-text-color: var(--color-core-blue-950);
  --actions-hover-destructive-color: var(--color-danger-100);
  --actions-hover-outline-color: var(--color-core-blue-500);
  --actions-outline-on-color-color: var(--color-neutral-white);
  --actions-pressed-destructive-color: var(--color-danger-300);
  --actions-pressed-bg-destructive-color: var(--color-accent-red400);
  /* Background */
  --background-accent-color: var(--color-core-blue-200);
  --background-ai-weak-color:
    linear-gradient(
      0deg,
      var(--color-neutral-white-10),
      var(--color-neutral-white-10)
    ),
    var(--ai-full-gradient-color);
  --background-button-inlay: var(--color-core-blue-300);
  --background-error-hover-color: var(--color-danger-100);
  --background-error-pressed-color: var(--color-danger-300);
  --background-error-weak-color: var(--color-danger-700);
  --background-info-weak-color: var(--color-info-700);
  --background-neutral-color: var(--color-neutral-700);
  --background-neutral-color-2: var(--color-neutral-black);
  --background-neutral-color-3: var(--color-neutral-400);
  --background-success-default-color: var(--color-success-100);
  --background-success-weak-color: var(--color-success-700);
  --background-table-cell-blue-color: var(--color-table-cell-blue-dark);
  --background-table-cell-gray-color: var(--color-table-cell-gray-dark);
  --background-table-cell-green-color: var(--color-table-cell-green-dark);
  --background-table-cell-red-color: var(--color-table-cell-red-dark);
  --background-table-cell-yellow-color: var(--color-table-cell-yellow-dark);
  --background-warning-weak-color: var(--color-warning-700);
  --background-premium-weak-color: var(--brand-weak);
  --background-weak-color: var(--color-core-blue-950);
  --background-page-banner-color: var(--color-accent-gold500);
  /* Border */
  --border-default-color: var(--color-neutral-300);
  --border-strong-color: var(--color-neutral-100);
  --border-weak-color: var(--color-neutral-50);
  /* feedback */
  --feedback-error-default-color: var(--color-danger-300);
  --feedback-error-weak-color: var(--color-danger-700);
  --feedback-engagement-correct-color: var(--color-success-300);
  --feedback-engagement-incorrect-color: var(--color-danger-300);
  --feedback-engagement-partial-color: var(--color-orange-200);
  --feedback-podium-gold-color: var(--color-warning-300);
  --feedback-podium-silver-color: var(--color-neutral-100);
  --feedback-podium-bronze-color: var(--color-danger-100);
  --feedback-start-default-color: var(--color-accent-seafoam300);
  --feedback-start-hover-color: var(--color-accent-seafoam200);
  --feedback-start-pressed-color: var(--color-accent-seafoam250);
  --feedback-start-weak-color: var(--color-success-700);
  --feedback-success-default-color: var(--color-success-200);
  --feedback-success-weak-color: var(--color-success-700);
  --feedback-warning-default-color: var(--color-warning-100);
  --feedback-warning-weak-color: var(--color-warning-700);
  /* Divider */
  --divider-blue-chip-bg-color: var(--color-core-blue-800);
  --divider-blue-chip-text-color: var(--text-strong-color);
  --divider-blue-line-color: var(--color-core-blue-400);
  /* Interactive */
  --interactive-accent-color: var(--color-accent-gold300);
  --interactive-accent-weak-color: var(--color-accent-gold500);
  --interactive-accent-disabled-color: var(--color-neutral-600);
  --interactive-default-outline-color: var(--color-neutral-white);
  --interactive-disabled-color: var(--color-neutral-600);
  --interactive-focus-color: var(--color-core-blue-200);
  --interactive-hover-color: var(--color-core-blue-400);
  --interactive-hover-outline-color: var(--color-core-blue-300);
  --interactive-pressed-color: var(--color-core-blue-200);
  --interactive-pressed-outline-color: var(--color-core-blue-200);
  --interactive-pressed-start-color: var(--color-success-200);
  --interactive-primary-color: var(--color-core-blue-500);
  --interactive-secondary-color: var(--color-neutral-white);
  --interactive-secondary-hover-color: var(--color-core-blue-500);
  --interactive-tertiary-color: var(--color-neutral-black);
  --interactive-tertiary-hover-color: var(--color-neutral-600);
  /* Overlay */
  --overlay-1-color: var(--color-neutral-white-10);
  --overlay-2-color: var(--color-neutral-white-20);
  --overlay-6-color: var(--color-neutral-white-60);
  --overlay-9-color: var(--color-neutral-white-90);
  --overlay-inverse-1-color: var(--color-neutral-black-40);
  --overlay-inverse-2-color: var(--color-neutral-black-50);
  /* Text */
  --text-error-color: var(--color-danger-100);
  --text-disabled-color: var(--color-neutral-200);
  --text-info-color: var(--color-neutral-white);
  --text-link-color: var(--color-core-blue-500);
  --text-on-color-color: var(--color-neutral-700);
  --text-on-color-weak-color: var(--color-neutral-500);
  --text-on-color-color-semi-transparent: var(
    --color-neutral-700-semi-transparent
  );
  --text-on-color-color-2: var(--color-neutral-white);
  --text-outline-disabled-color: var(--color-neutral-300);
  --text-strong-color: var(--color-neutral-white);
  --text-strong-color-semi-transparent: var(
    --color-neutral-white-semi-transparent
  );
  --text-success-color: var(--color-success-100);
  --text-warning-color: var(--color-warning-100);
  --text-premium-color: var(--brand);
  --text-weak-color: var(--color-neutral-100);
  /* main left nav */
  --background-main-left-nav-color: var(--background-neutral-color);
  --logo-main-left-nav-color: var(--color-neutral-white);
  --text-main-left-nav-item-color: var(--text-on-color-color);
  --text-main-left-nav-item-hover-color: var(--interactive-accent-color);
  --background-main-left-nav-item-selected-color: var(
    --interactive-accent-weak-color
  );
  --border-main-left-nav-item-selected-color: var(--interactive-accent-color);
  --icon-main-left-nav-item-selected-color: var(--text-on-color-color);
  --text-strong-on-dark-bg-color: var(--color-neutral-white);
  --text-weak-on-dark-bg-color: var(--color-neutral-white);
  --engagement-correct: var(--color-success-300);
  --error-default: var(
    --color-danger-300
  );
  --warning-default: var(
    --color-warning-500
  );
  /* Line Reader */
  --line-reader-background-color: color-mix(
    in srgb,
    var(--color-warning-300) 20%,
    transparent
  );
  --line-reader-border-color: var(--color-warning-600);
  --line-reader-resize-color: var(--color-warning-500);
  /* Shadows */
  --shadow-sm: 0px 0px 0px 1px var(--color-neutral-white-80);
  --shadow-md: 0px 0px 2px 1px var(--color-neutral-white-60);
  --shadow-lg: 0px 0px 3px 1px var(--color-neutral-white-80);
  --shadow-xlg: 0px 0px 4px 1px var(--color-neutral-white-80);
  --drop-shadow-sm: drop-shadow(0px 1px 0px var(--color-neutral-white-80));
  --color-neutral-500: #424147;
  --color-core-blue-700: #144494;
  --color-core-blue-800: #144494;
  --color-danger-600: #7a0000;
  --color-danger-700: #7a0000;
  --color-accent-seafoam400: #074f3e;
  --color-warning-700: #634803;
  --color-accent-gold450: #634803;
  --color-picker-blue-color: #144494;
  --color-picker-purple-color: #5e0d8c;
  /* Background */
  --background-neutral-color: var(--color-neutral-black);
  /* Text */
  --text-strong-color: var(--color-neutral-white);
  --text-weak-color: var(--color-neutral-white);
  --text-disabled-color: var(--color-neutral-50);
  --text-link-color: var(--color-core-blue-400);
  --text-outline-disabled-color: var(--color-neutral-50);
  /* Border */
  --border-default-color: var(--color-neutral-50);
  --border-strong-color: var(--color-neutral-white);
  --border-weak-color: var(--color-neutral-100);
  /* Interactive */
  --interactive-primary-color: var(--color-core-blue-400);
  --interactive-secondary-color: var(--color-neutral-white);
  --interactive-disabled-color: var(--color-neutral-500);
  --interactive-accent-disabled-color: var(--color-neutral-500);
  /* Actions / focus */
  --actions-focus-default-color: var(--color-neutral-white);
  --interactive-focus-color: var(--color-neutral-white);
  /* Feedback */
  --feedback-error-default-color: var(--color-danger-100);
  --feedback-warning-default-color: var(--color-warning-100);
  --background-neutral-color-3: var(--color-neutral-600);
  /* Tiptap labeled dividers */
  --divider-blue-chip-bg-color: var(--color-core-blue-900);
  --divider-blue-chip-text-color: var(--color-neutral-white);
  --divider-blue-line-color: var(--color-core-blue-300);
  background-color: var(--background-neutral-color);
}

body.light-theme,
body .light-theme {
  --color-scheme: light;
  /* Actions */
  --actions-focus-default-color: var(--color-core-blue-900);
  --actions-hover-text-color: var(--color-core-blue-200);
  --actions-hover-destructive-color: var(--color-danger-700);
  --actions-hover-outline-color: var(--color-core-blue-600);
  --actions-outline-on-color-color: var(--color-neutral-700);
  --actions-pressed-destructive-color: var(--color-accent-red400);
  --actions-pressed-bg-destructive-color: var(--color-accent-red200);
  /* Background */
  --background-accent-color: var(--color-core-blue-900);
  --background-ai-weak-color:
    linear-gradient(
      0deg,
      var(--color-neutral-white-80),
      var(--color-neutral-white-80)
    ),
    var(--ai-full-gradient-color);
  --background-button-inlay: var(--color-core-blue-300);
  --background-error-hover-color: var(--color-danger-500);
  --background-error-pressed-color: var(--color-danger-700);
  --background-error-weak-color: var(--color-danger-100);
  --background-info-weak-color: var(--color-info-100);
  --background-neutral-color: var(--color-neutral-white);
  --background-neutral-color-2: var(--color-neutral-25);
  --background-neutral-color-3: var(--color-neutral-100);
  --background-success-default-color: var(--color-success-400);
  --background-success-weak-color: var(--color-success-100);
  --background-table-cell-blue-color: var(--color-table-cell-blue-light);
  --background-table-cell-gray-color: var(--color-table-cell-gray-light);
  --background-table-cell-green-color: var(--color-table-cell-green-light);
  --background-table-cell-red-color: var(--color-table-cell-red-light);
  --background-table-cell-yellow-color: var(--color-table-cell-yellow-light);
  --background-warning-weak-color: var(--color-warning-100);
  --background-premium-weak-color: var(--brand-weak);
  --background-weak-color: var(--color-core-blue-200);
  --background-page-banner-color: var(--color-accent-gold100);
  /* Border */
  --border-default-color: var(--color-neutral-150);
  --border-strong-color: var(--color-neutral-400);
  --border-weak-color: var(--color-neutral-50);
  /* Feedback */
  --feedback-error-default-color: var(--color-danger-600);
  --feedback-error-weak-color: var(--color-danger-100);
  --feedback-engagement-correct-color: var(--color-success-500);
  --feedback-engagement-incorrect-color: var(--color-danger-500);
  --feedback-engagement-partial-color: var(--color-orange-300);
  --feedback-podium-gold-color: var(--color-warning-500);
  --feedback-podium-silver-color: var(--color-neutral-200);
  --feedback-podium-bronze-color: var(--color-accent-orange500);
  --feedback-start-default-color: var(--color-accent-seafoam400);
  --feedback-start-hover-color: var(--color-accent-seafoam500);
  --feedback-start-pressed-color: var(--color-accent-seafoam600);
  --feedback-start-weak-color: var(--color-success-100);
  --feedback-success-default-color: var(--color-success-400);
  --feedback-success-weak-color: var(--color-success-100);
  --feedback-warning-default-color: var(--color-warning-700);
  --feedback-warning-weak-color: var(--color-warning-100);
  /* Divider */
  --divider-blue-chip-bg-color: var(--color-core-blue-300);
  --divider-blue-chip-text-color: var(--text-strong-color);
  --divider-blue-line-color: var(--color-core-blue-600);
  /* Interactive */
  --interactive-accent-color: var(--brand);
  --interactive-accent-weak-color: var(--brand-weak);
  --interactive-accent-disabled-color: var(--color-neutral-100);
  --interactive-default-outline-color: var(--interactive-primary-color);
  --interactive-disabled-color: var(--color-neutral-100);
  --interactive-focus-color: var(--color-core-blue-900);
  --interactive-hover-color: var(--color-core-blue-800);
  --interactive-hover-outline-color: var(--color-core-blue-700);
  --interactive-pressed-color: var(--color-core-blue-900);
  --interactive-pressed-outline-color: var(--color-core-blue-900);
  --interactive-pressed-start-color: var(--color-success-700);
  --interactive-primary-color: var(--color-core-blue-700);
  --interactive-secondary-color: var(--color-core-blue-700);
  --interactive-secondary-hover-color: var(--color-core-blue-600);
  --interactive-tertiary-color: var(--color-neutral-white);
  --interactive-tertiary-hover-color: var(--color-neutral-25);
  /* Overlay */
  --overlay-1-color: var(--color-neutral-black-10);
  --overlay-2-color: var(--color-neutral-black-20);
  --overlay-6-color: var(--color-neutral-black-60);
  --overlay-9-color: var(--color-neutral-black-90);
  --overlay-inverse-1-color: var(--color-neutral-white-40);
  --overlay-inverse-2-color: var(--color-neutral-white-50);
  /* Text */
  --text-error-color: var(--color-danger-700);
  --text-disabled-color: var(--color-neutral-300);
  --text-info-color: rgba(4, 28, 68, 1);
  --text-link-color: var(--color-core-blue-600);
  --text-on-color-color: var(--color-neutral-white);
  --text-on-color-weak-color: var(--color-neutral-200);
  --text-on-color-color-semi-transparent: var(
    --color-neutral-white-semi-transparent
  );
  --text-on-color-color-2: var(--color-core-blue-800);
  --text-outline-disabled-color: var(--color-neutral-300);
  --text-strong-color: var(--color-neutral-700);
  --text-strong-color-semi-transparent: var(--dark-blue-semi-transparent);
  --text-success-color: var(--color-success-700);
  --text-warning-color: var(--color-warning-700);
  --text-premium-color: var(--brand);
  --text-weak-color: var(--color-neutral-500);
  /* main left nav */
  --background-main-left-nav-color: var(--background-neutral-color);
  --logo-main-left-nav-color: var(--text-strong-color);
  --text-main-left-nav-item-color: var(--text-strong-color);
  --text-main-left-nav-item-hover-color: var(--interactive-accent-color);
  --background-main-left-nav-item-selected-color: var(
    --interactive-accent-weak-color
  );
  --border-main-left-nav-item-selected-color: var(--interactive-accent-color);
  --icon-main-left-nav-item-selected-color: var(
    --color-warning-700
  );
  --text-strong-on-dark-bg-color: var(--color-neutral-white);
  --text-weak-on-dark-bg-color: var(--color-neutral-white);
  --engagement-correct: var(--color-success-500);
  --error-default: var(
    --color-danger-600
  );
  --warning-default: var(
    --color-warning-600
  );
  /* Line Reader */
  --line-reader-background-color: color-mix(
    in srgb,
    var(--color-warning-300) 20%,
    transparent
  );
  --line-reader-border-color: var(--color-warning-600);
  --line-reader-resize-color: var(--color-warning-500);
  /* Shadows */
  --shadow-sm: 0 0 6px 0 rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  --shadow-md: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 4px 8px 0 rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08);
  --shadow-xlg:
    0 28px 8px 0 rgba(0, 0, 0, 0), 0 18px 7px 0 rgba(0, 0, 0, 0.03),
    0 10px 6px 0 rgba(0, 0, 0, 0.1), 0 4px 4px 0 rgba(0, 0, 0, 0.17),
    0 1px 2px 0 rgba(0, 0, 0, 0.2);
  --drop-shadow-sm: drop-shadow(0 0 6px rgba(0, 0, 0, 0.02))
    drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08));
  color: var(--text-strong-color);
}
body.dark-theme,
body .dark-theme {
  --color-scheme: dark;
  /* Actions */
  --actions-focus-default-color: var(--color-core-blue-300);
  --actions-hover-text-color: var(--color-core-blue-950);
  --actions-hover-destructive-color: var(--color-danger-100);
  --actions-hover-outline-color: var(--color-core-blue-500);
  --actions-outline-on-color-color: var(--color-neutral-white);
  --actions-pressed-destructive-color: var(--color-danger-300);
  --actions-pressed-bg-destructive-color: var(--color-accent-red400);
  /* Background */
  --background-accent-color: var(--color-core-blue-200);
  --background-ai-weak-color:
    linear-gradient(
      0deg,
      var(--color-neutral-white-10),
      var(--color-neutral-white-10)
    ),
    var(--ai-full-gradient-color);
  --background-button-inlay: var(--color-core-blue-300);
  --background-error-hover-color: var(--color-danger-100);
  --background-error-pressed-color: var(--color-danger-300);
  --background-error-weak-color: var(--color-danger-700);
  --background-info-weak-color: var(--color-info-700);
  --background-neutral-color: var(--color-neutral-700);
  --background-neutral-color-2: var(--color-neutral-black);
  --background-neutral-color-3: var(--color-neutral-400);
  --background-success-default-color: var(--color-success-100);
  --background-success-weak-color: var(--color-success-700);
  --background-table-cell-blue-color: var(--color-table-cell-blue-dark);
  --background-table-cell-gray-color: var(--color-table-cell-gray-dark);
  --background-table-cell-green-color: var(--color-table-cell-green-dark);
  --background-table-cell-red-color: var(--color-table-cell-red-dark);
  --background-table-cell-yellow-color: var(--color-table-cell-yellow-dark);
  --background-warning-weak-color: var(--color-warning-700);
  --background-premium-weak-color: var(--brand-weak);
  --background-weak-color: var(--color-core-blue-950);
  --background-page-banner-color: var(--color-accent-gold500);
  /* Border */
  --border-default-color: var(--color-neutral-300);
  --border-strong-color: var(--color-neutral-100);
  --border-weak-color: var(--color-neutral-50);
  /* feedback */
  --feedback-error-default-color: var(--color-danger-300);
  --feedback-error-weak-color: var(--color-danger-700);
  --feedback-engagement-correct-color: var(--color-success-300);
  --feedback-engagement-incorrect-color: var(--color-danger-300);
  --feedback-engagement-partial-color: var(--color-orange-200);
  --feedback-podium-gold-color: var(--color-warning-300);
  --feedback-podium-silver-color: var(--color-neutral-100);
  --feedback-podium-bronze-color: var(--color-danger-100);
  --feedback-start-default-color: var(--color-accent-seafoam300);
  --feedback-start-hover-color: var(--color-accent-seafoam200);
  --feedback-start-pressed-color: var(--color-accent-seafoam250);
  --feedback-start-weak-color: var(--color-success-700);
  --feedback-success-default-color: var(--color-success-200);
  --feedback-success-weak-color: var(--color-success-700);
  --feedback-warning-default-color: var(--color-warning-100);
  --feedback-warning-weak-color: var(--color-warning-700);
  /* Divider */
  --divider-blue-chip-bg-color: var(--color-core-blue-800);
  --divider-blue-chip-text-color: var(--text-strong-color);
  --divider-blue-line-color: var(--color-core-blue-400);
  /* Interactive */
  --interactive-accent-color: var(--color-accent-gold300);
  --interactive-accent-weak-color: var(--color-accent-gold500);
  --interactive-accent-disabled-color: var(--color-neutral-600);
  --interactive-default-outline-color: var(--color-neutral-white);
  --interactive-disabled-color: var(--color-neutral-600);
  --interactive-focus-color: var(--color-core-blue-200);
  --interactive-hover-color: var(--color-core-blue-400);
  --interactive-hover-outline-color: var(--color-core-blue-300);
  --interactive-pressed-color: var(--color-core-blue-200);
  --interactive-pressed-outline-color: var(--color-core-blue-200);
  --interactive-pressed-start-color: var(--color-success-200);
  --interactive-primary-color: var(--color-core-blue-500);
  --interactive-secondary-color: var(--color-neutral-white);
  --interactive-secondary-hover-color: var(--color-core-blue-500);
  --interactive-tertiary-color: var(--color-neutral-black);
  --interactive-tertiary-hover-color: var(--color-neutral-600);
  /* Overlay */
  --overlay-1-color: var(--color-neutral-white-10);
  --overlay-2-color: var(--color-neutral-white-20);
  --overlay-6-color: var(--color-neutral-white-60);
  --overlay-9-color: var(--color-neutral-white-90);
  --overlay-inverse-1-color: var(--color-neutral-black-40);
  --overlay-inverse-2-color: var(--color-neutral-black-50);
  /* Text */
  --text-error-color: var(--color-danger-100);
  --text-disabled-color: var(--color-neutral-200);
  --text-info-color: var(--color-neutral-white);
  --text-link-color: var(--color-core-blue-500);
  --text-on-color-color: var(--color-neutral-700);
  --text-on-color-weak-color: var(--color-neutral-500);
  --text-on-color-color-semi-transparent: var(
    --color-neutral-700-semi-transparent
  );
  --text-on-color-color-2: var(--color-neutral-white);
  --text-outline-disabled-color: var(--color-neutral-300);
  --text-strong-color: var(--color-neutral-white);
  --text-strong-color-semi-transparent: var(
    --color-neutral-white-semi-transparent
  );
  --text-success-color: var(--color-success-100);
  --text-warning-color: var(--color-warning-100);
  --text-premium-color: var(--brand);
  --text-weak-color: var(--color-neutral-100);
  /* main left nav */
  --background-main-left-nav-color: var(--background-neutral-color);
  --logo-main-left-nav-color: var(--color-neutral-white);
  --text-main-left-nav-item-color: var(--text-on-color-color);
  --text-main-left-nav-item-hover-color: var(--interactive-accent-color);
  --background-main-left-nav-item-selected-color: var(
    --interactive-accent-weak-color
  );
  --border-main-left-nav-item-selected-color: var(--interactive-accent-color);
  --icon-main-left-nav-item-selected-color: var(--text-on-color-color);
  --text-strong-on-dark-bg-color: var(--color-neutral-white);
  --text-weak-on-dark-bg-color: var(--color-neutral-white);
  --engagement-correct: var(--color-success-300);
  --error-default: var(
    --color-danger-300
  );
  --warning-default: var(
    --color-warning-500
  );
  /* Line Reader */
  --line-reader-background-color: color-mix(
    in srgb,
    var(--color-warning-300) 20%,
    transparent
  );
  --line-reader-border-color: var(--color-warning-600);
  --line-reader-resize-color: var(--color-warning-500);
  /* Shadows */
  --shadow-sm: 0px 0px 0px 1px var(--color-neutral-white-80);
  --shadow-md: 0px 0px 2px 1px var(--color-neutral-white-60);
  --shadow-lg: 0px 0px 3px 1px var(--color-neutral-white-80);
  --shadow-xlg: 0px 0px 4px 1px var(--color-neutral-white-80);
  --drop-shadow-sm: drop-shadow(0px 1px 0px var(--color-neutral-white-80));
  color: var(--text-strong-color);
}
body.light-high-contrast-theme,
body .light-high-contrast-theme {
  --color-scheme: light;
  /* Actions */
  --actions-focus-default-color: var(--color-core-blue-900);
  --actions-hover-text-color: var(--color-core-blue-200);
  --actions-hover-destructive-color: var(--color-danger-700);
  --actions-hover-outline-color: var(--color-core-blue-600);
  --actions-outline-on-color-color: var(--color-neutral-700);
  --actions-pressed-destructive-color: var(--color-accent-red400);
  --actions-pressed-bg-destructive-color: var(--color-accent-red200);
  /* Background */
  --background-accent-color: var(--color-core-blue-900);
  --background-ai-weak-color:
    linear-gradient(
      0deg,
      var(--color-neutral-white-80),
      var(--color-neutral-white-80)
    ),
    var(--ai-full-gradient-color);
  --background-button-inlay: var(--color-core-blue-300);
  --background-error-hover-color: var(--color-danger-500);
  --background-error-pressed-color: var(--color-danger-700);
  --background-error-weak-color: var(--color-danger-100);
  --background-info-weak-color: var(--color-info-100);
  --background-neutral-color: var(--color-neutral-white);
  --background-neutral-color-2: var(--color-neutral-25);
  --background-neutral-color-3: var(--color-neutral-100);
  --background-success-default-color: var(--color-success-400);
  --background-success-weak-color: var(--color-success-100);
  --background-table-cell-blue-color: var(--color-table-cell-blue-light);
  --background-table-cell-gray-color: var(--color-table-cell-gray-light);
  --background-table-cell-green-color: var(--color-table-cell-green-light);
  --background-table-cell-red-color: var(--color-table-cell-red-light);
  --background-table-cell-yellow-color: var(--color-table-cell-yellow-light);
  --background-warning-weak-color: var(--color-warning-100);
  --background-premium-weak-color: var(--brand-weak);
  --background-weak-color: var(--color-core-blue-200);
  --background-page-banner-color: var(--color-accent-gold100);
  /* Border */
  --border-default-color: var(--color-neutral-150);
  --border-strong-color: var(--color-neutral-400);
  --border-weak-color: var(--color-neutral-50);
  /* Feedback */
  --feedback-error-default-color: var(--color-danger-600);
  --feedback-error-weak-color: var(--color-danger-100);
  --feedback-engagement-correct-color: var(--color-success-500);
  --feedback-engagement-incorrect-color: var(--color-danger-500);
  --feedback-engagement-partial-color: var(--color-orange-300);
  --feedback-podium-gold-color: var(--color-warning-500);
  --feedback-podium-silver-color: var(--color-neutral-200);
  --feedback-podium-bronze-color: var(--color-accent-orange500);
  --feedback-start-default-color: var(--color-accent-seafoam400);
  --feedback-start-hover-color: var(--color-accent-seafoam500);
  --feedback-start-pressed-color: var(--color-accent-seafoam600);
  --feedback-start-weak-color: var(--color-success-100);
  --feedback-success-default-color: var(--color-success-400);
  --feedback-success-weak-color: var(--color-success-100);
  --feedback-warning-default-color: var(--color-warning-700);
  --feedback-warning-weak-color: var(--color-warning-100);
  /* Divider */
  --divider-blue-chip-bg-color: var(--color-core-blue-300);
  --divider-blue-chip-text-color: var(--text-strong-color);
  --divider-blue-line-color: var(--color-core-blue-600);
  /* Interactive */
  --interactive-accent-color: var(--brand);
  --interactive-accent-weak-color: var(--brand-weak);
  --interactive-accent-disabled-color: var(--color-neutral-100);
  --interactive-default-outline-color: var(--interactive-primary-color);
  --interactive-disabled-color: var(--color-neutral-100);
  --interactive-focus-color: var(--color-core-blue-900);
  --interactive-hover-color: var(--color-core-blue-800);
  --interactive-hover-outline-color: var(--color-core-blue-700);
  --interactive-pressed-color: var(--color-core-blue-900);
  --interactive-pressed-outline-color: var(--color-core-blue-900);
  --interactive-pressed-start-color: var(--color-success-700);
  --interactive-primary-color: var(--color-core-blue-700);
  --interactive-secondary-color: var(--color-core-blue-700);
  --interactive-secondary-hover-color: var(--color-core-blue-600);
  --interactive-tertiary-color: var(--color-neutral-white);
  --interactive-tertiary-hover-color: var(--color-neutral-25);
  /* Overlay */
  --overlay-1-color: var(--color-neutral-black-10);
  --overlay-2-color: var(--color-neutral-black-20);
  --overlay-6-color: var(--color-neutral-black-60);
  --overlay-9-color: var(--color-neutral-black-90);
  --overlay-inverse-1-color: var(--color-neutral-white-40);
  --overlay-inverse-2-color: var(--color-neutral-white-50);
  /* Text */
  --text-error-color: var(--color-danger-700);
  --text-disabled-color: var(--color-neutral-300);
  --text-info-color: rgba(4, 28, 68, 1);
  --text-link-color: var(--color-core-blue-600);
  --text-on-color-color: var(--color-neutral-white);
  --text-on-color-weak-color: var(--color-neutral-200);
  --text-on-color-color-semi-transparent: var(
    --color-neutral-white-semi-transparent
  );
  --text-on-color-color-2: var(--color-core-blue-800);
  --text-outline-disabled-color: var(--color-neutral-300);
  --text-strong-color: var(--color-neutral-700);
  --text-strong-color-semi-transparent: var(--dark-blue-semi-transparent);
  --text-success-color: var(--color-success-700);
  --text-warning-color: var(--color-warning-700);
  --text-premium-color: var(--brand);
  --text-weak-color: var(--color-neutral-500);
  /* main left nav */
  --background-main-left-nav-color: var(--background-neutral-color);
  --logo-main-left-nav-color: var(--text-strong-color);
  --text-main-left-nav-item-color: var(--text-strong-color);
  --text-main-left-nav-item-hover-color: var(--interactive-accent-color);
  --background-main-left-nav-item-selected-color: var(
    --interactive-accent-weak-color
  );
  --border-main-left-nav-item-selected-color: var(--interactive-accent-color);
  --icon-main-left-nav-item-selected-color: var(
    --color-warning-700
  );
  --text-strong-on-dark-bg-color: var(--color-neutral-white);
  --text-weak-on-dark-bg-color: var(--color-neutral-white);
  --engagement-correct: var(--color-success-500);
  --error-default: var(
    --color-danger-600
  );
  --warning-default: var(
    --color-warning-600
  );
  /* Line Reader */
  --line-reader-background-color: color-mix(
    in srgb,
    var(--color-warning-300) 20%,
    transparent
  );
  --line-reader-border-color: var(--color-warning-600);
  --line-reader-resize-color: var(--color-warning-500);
  /* Shadows */
  --shadow-sm: 0 0 6px 0 rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  --shadow-md: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 4px 8px 0 rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08);
  --shadow-xlg:
    0 28px 8px 0 rgba(0, 0, 0, 0), 0 18px 7px 0 rgba(0, 0, 0, 0.03),
    0 10px 6px 0 rgba(0, 0, 0, 0.1), 0 4px 4px 0 rgba(0, 0, 0, 0.17),
    0 1px 2px 0 rgba(0, 0, 0, 0.2);
  --drop-shadow-sm: drop-shadow(0 0 6px rgba(0, 0, 0, 0.02))
    drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08));
  --color-neutral-500: #424147;
  --color-core-blue-700: #144494;
  --color-core-blue-800: #144494;
  --color-danger-600: #7a0000;
  --color-danger-700: #7a0000;
  --color-accent-seafoam400: #074f3e;
  --color-warning-700: #634803;
  --color-accent-gold450: #634803;
  --color-picker-blue-color: #144494;
  --color-picker-purple-color: #5e0d8c;
  /* Text */
  --text-strong-color: var(--color-neutral-black);
  --text-weak-color: var(--color-neutral-700);
  --text-disabled-color: var(--color-neutral-500);
  --text-link-color: var(--color-core-blue-800);
  --text-outline-disabled-color: var(--color-neutral-500);
  /* Border */
  --border-default-color: var(--color-neutral-700);
  --border-strong-color: var(--color-neutral-black);
  --border-weak-color: var(--color-neutral-400);
  /* Interactive */
  --interactive-primary-color: var(--color-core-blue-900);
  --interactive-secondary-color: var(--color-core-blue-900);
  --interactive-hover-color: var(--color-core-blue-950);
  --interactive-hover-outline-color: var(--color-core-blue-950);
  --interactive-pressed-color: var(--color-core-blue-950);
  --interactive-pressed-outline-color: var(--color-core-blue-950);
  --interactive-disabled-color: var(--color-neutral-150);
  --interactive-accent-disabled-color: var(--color-neutral-150);
  /* Actions / focus */
  --actions-focus-default-color: var(--color-neutral-black);
  --interactive-focus-color: var(--color-neutral-black);
  /* Feedback — chosen to clear WCAG AAA (7:1) as text on the white background.
     warning-700 (#996500) only reaches 4.98:1, so use the darker amber
     accent-gold500 (#634803 → 8.54:1) for the high-contrast warning. */
  --feedback-error-default-color: var(--color-danger-700);
  --feedback-warning-default-color: var(--color-accent-gold500);
  /* Tiptap labeled dividers */
  --divider-blue-chip-bg-color: var(--color-core-blue-200);
  --divider-blue-chip-text-color: var(--color-neutral-black);
  --divider-blue-line-color: var(--color-core-blue-900);
  color: var(--text-strong-color);
}
body.dark-high-contrast-theme,
body .dark-high-contrast-theme {
  --color-scheme: dark;
  /* Actions */
  --actions-focus-default-color: var(--color-core-blue-300);
  --actions-hover-text-color: var(--color-core-blue-950);
  --actions-hover-destructive-color: var(--color-danger-100);
  --actions-hover-outline-color: var(--color-core-blue-500);
  --actions-outline-on-color-color: var(--color-neutral-white);
  --actions-pressed-destructive-color: var(--color-danger-300);
  --actions-pressed-bg-destructive-color: var(--color-accent-red400);
  /* Background */
  --background-accent-color: var(--color-core-blue-200);
  --background-ai-weak-color:
    linear-gradient(
      0deg,
      var(--color-neutral-white-10),
      var(--color-neutral-white-10)
    ),
    var(--ai-full-gradient-color);
  --background-button-inlay: var(--color-core-blue-300);
  --background-error-hover-color: var(--color-danger-100);
  --background-error-pressed-color: var(--color-danger-300);
  --background-error-weak-color: var(--color-danger-700);
  --background-info-weak-color: var(--color-info-700);
  --background-neutral-color: var(--color-neutral-700);
  --background-neutral-color-2: var(--color-neutral-black);
  --background-neutral-color-3: var(--color-neutral-400);
  --background-success-default-color: var(--color-success-100);
  --background-success-weak-color: var(--color-success-700);
  --background-table-cell-blue-color: var(--color-table-cell-blue-dark);
  --background-table-cell-gray-color: var(--color-table-cell-gray-dark);
  --background-table-cell-green-color: var(--color-table-cell-green-dark);
  --background-table-cell-red-color: var(--color-table-cell-red-dark);
  --background-table-cell-yellow-color: var(--color-table-cell-yellow-dark);
  --background-warning-weak-color: var(--color-warning-700);
  --background-premium-weak-color: var(--brand-weak);
  --background-weak-color: var(--color-core-blue-950);
  --background-page-banner-color: var(--color-accent-gold500);
  /* Border */
  --border-default-color: var(--color-neutral-300);
  --border-strong-color: var(--color-neutral-100);
  --border-weak-color: var(--color-neutral-50);
  /* feedback */
  --feedback-error-default-color: var(--color-danger-300);
  --feedback-error-weak-color: var(--color-danger-700);
  --feedback-engagement-correct-color: var(--color-success-300);
  --feedback-engagement-incorrect-color: var(--color-danger-300);
  --feedback-engagement-partial-color: var(--color-orange-200);
  --feedback-podium-gold-color: var(--color-warning-300);
  --feedback-podium-silver-color: var(--color-neutral-100);
  --feedback-podium-bronze-color: var(--color-danger-100);
  --feedback-start-default-color: var(--color-accent-seafoam300);
  --feedback-start-hover-color: var(--color-accent-seafoam200);
  --feedback-start-pressed-color: var(--color-accent-seafoam250);
  --feedback-start-weak-color: var(--color-success-700);
  --feedback-success-default-color: var(--color-success-200);
  --feedback-success-weak-color: var(--color-success-700);
  --feedback-warning-default-color: var(--color-warning-100);
  --feedback-warning-weak-color: var(--color-warning-700);
  /* Divider */
  --divider-blue-chip-bg-color: var(--color-core-blue-800);
  --divider-blue-chip-text-color: var(--text-strong-color);
  --divider-blue-line-color: var(--color-core-blue-400);
  /* Interactive */
  --interactive-accent-color: var(--color-accent-gold300);
  --interactive-accent-weak-color: var(--color-accent-gold500);
  --interactive-accent-disabled-color: var(--color-neutral-600);
  --interactive-default-outline-color: var(--color-neutral-white);
  --interactive-disabled-color: var(--color-neutral-600);
  --interactive-focus-color: var(--color-core-blue-200);
  --interactive-hover-color: var(--color-core-blue-400);
  --interactive-hover-outline-color: var(--color-core-blue-300);
  --interactive-pressed-color: var(--color-core-blue-200);
  --interactive-pressed-outline-color: var(--color-core-blue-200);
  --interactive-pressed-start-color: var(--color-success-200);
  --interactive-primary-color: var(--color-core-blue-500);
  --interactive-secondary-color: var(--color-neutral-white);
  --interactive-secondary-hover-color: var(--color-core-blue-500);
  --interactive-tertiary-color: var(--color-neutral-black);
  --interactive-tertiary-hover-color: var(--color-neutral-600);
  /* Overlay */
  --overlay-1-color: var(--color-neutral-white-10);
  --overlay-2-color: var(--color-neutral-white-20);
  --overlay-6-color: var(--color-neutral-white-60);
  --overlay-9-color: var(--color-neutral-white-90);
  --overlay-inverse-1-color: var(--color-neutral-black-40);
  --overlay-inverse-2-color: var(--color-neutral-black-50);
  /* Text */
  --text-error-color: var(--color-danger-100);
  --text-disabled-color: var(--color-neutral-200);
  --text-info-color: var(--color-neutral-white);
  --text-link-color: var(--color-core-blue-500);
  --text-on-color-color: var(--color-neutral-700);
  --text-on-color-weak-color: var(--color-neutral-500);
  --text-on-color-color-semi-transparent: var(
    --color-neutral-700-semi-transparent
  );
  --text-on-color-color-2: var(--color-neutral-white);
  --text-outline-disabled-color: var(--color-neutral-300);
  --text-strong-color: var(--color-neutral-white);
  --text-strong-color-semi-transparent: var(
    --color-neutral-white-semi-transparent
  );
  --text-success-color: var(--color-success-100);
  --text-warning-color: var(--color-warning-100);
  --text-premium-color: var(--brand);
  --text-weak-color: var(--color-neutral-100);
  /* main left nav */
  --background-main-left-nav-color: var(--background-neutral-color);
  --logo-main-left-nav-color: var(--color-neutral-white);
  --text-main-left-nav-item-color: var(--text-on-color-color);
  --text-main-left-nav-item-hover-color: var(--interactive-accent-color);
  --background-main-left-nav-item-selected-color: var(
    --interactive-accent-weak-color
  );
  --border-main-left-nav-item-selected-color: var(--interactive-accent-color);
  --icon-main-left-nav-item-selected-color: var(--text-on-color-color);
  --text-strong-on-dark-bg-color: var(--color-neutral-white);
  --text-weak-on-dark-bg-color: var(--color-neutral-white);
  --engagement-correct: var(--color-success-300);
  --error-default: var(
    --color-danger-300
  );
  --warning-default: var(
    --color-warning-500
  );
  /* Line Reader */
  --line-reader-background-color: color-mix(
    in srgb,
    var(--color-warning-300) 20%,
    transparent
  );
  --line-reader-border-color: var(--color-warning-600);
  --line-reader-resize-color: var(--color-warning-500);
  /* Shadows */
  --shadow-sm: 0px 0px 0px 1px var(--color-neutral-white-80);
  --shadow-md: 0px 0px 2px 1px var(--color-neutral-white-60);
  --shadow-lg: 0px 0px 3px 1px var(--color-neutral-white-80);
  --shadow-xlg: 0px 0px 4px 1px var(--color-neutral-white-80);
  --drop-shadow-sm: drop-shadow(0px 1px 0px var(--color-neutral-white-80));
  --color-neutral-500: #424147;
  --color-core-blue-700: #144494;
  --color-core-blue-800: #144494;
  --color-danger-600: #7a0000;
  --color-danger-700: #7a0000;
  --color-accent-seafoam400: #074f3e;
  --color-warning-700: #634803;
  --color-accent-gold450: #634803;
  --color-picker-blue-color: #144494;
  --color-picker-purple-color: #5e0d8c;
  /* Background */
  --background-neutral-color: var(--color-neutral-black);
  /* Text */
  --text-strong-color: var(--color-neutral-white);
  --text-weak-color: var(--color-neutral-white);
  --text-disabled-color: var(--color-neutral-50);
  --text-link-color: var(--color-core-blue-400);
  --text-outline-disabled-color: var(--color-neutral-50);
  /* Border */
  --border-default-color: var(--color-neutral-50);
  --border-strong-color: var(--color-neutral-white);
  --border-weak-color: var(--color-neutral-100);
  /* Interactive */
  --interactive-primary-color: var(--color-core-blue-400);
  --interactive-secondary-color: var(--color-neutral-white);
  --interactive-disabled-color: var(--color-neutral-500);
  --interactive-accent-disabled-color: var(--color-neutral-500);
  /* Actions / focus */
  --actions-focus-default-color: var(--color-neutral-white);
  --interactive-focus-color: var(--color-neutral-white);
  /* Feedback */
  --feedback-error-default-color: var(--color-danger-100);
  --feedback-warning-default-color: var(--color-warning-100);
  --background-neutral-color-3: var(--color-neutral-600);
  /* Tiptap labeled dividers */
  --divider-blue-chip-bg-color: var(--color-core-blue-900);
  --divider-blue-chip-text-color: var(--color-neutral-white);
  --divider-blue-line-color: var(--color-core-blue-300);
  color: var(--text-strong-color);
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../.yarn/__virtual__/css-loader-virtual-6fbd84a21a/0/cache/css-loader-npm-7.1.4-f1fc12a1e0-4a37f3bd5d.zip/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../.yarn/__virtual__/sass-loader-virtual-bdd1dfd422/0/cache/sass-loader-npm-16.0.8-3cccd39a5d-2666ab5bf0.zip/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../.yarn/__virtual__/@formative-react-richtext-virtual-c023924f3d/1/packages/browser/react-richtext/src/styles.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Draft v0.11.7
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
.DraftEditor-editorContainer, .DraftEditor-root, .public-DraftEditor-content {
  height: inherit;
  text-align: initial;
}

.public-DraftEditor-content[contenteditable=true] {
  -webkit-user-modify: read-write-plaintext-only;
}

.DraftEditor-root {
  position: relative;
}

.DraftEditor-editorContainer {
  background-color: rgba(255, 255, 255, 0);
  border-left: 0.1px solid transparent;
  position: relative;
  z-index: 1;
}

.public-DraftEditor-block {
  position: relative;
}

.DraftEditor-alignLeft .public-DraftStyleDefault-block {
  text-align: left;
}

.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root {
  left: 0;
  text-align: left;
}

.DraftEditor-alignCenter .public-DraftStyleDefault-block {
  text-align: center;
}

.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

.DraftEditor-alignRight .public-DraftStyleDefault-block {
  text-align: right;
}

.DraftEditor-alignRight .public-DraftEditorPlaceholder-root {
  right: 0;
  text-align: right;
}

.public-DraftEditorPlaceholder-root {
  color: #9197a3;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.public-DraftEditorPlaceholder-hasFocus {
  color: #bdc1c9;
}

.DraftEditorPlaceholder-hidden {
  display: none;
}

.public-DraftStyleDefault-block {
  position: relative;
  white-space: pre-wrap;
}

.public-DraftStyleDefault-ltr {
  direction: ltr;
  text-align: left;
}

.public-DraftStyleDefault-rtl {
  direction: rtl;
  text-align: right;
}

.public-DraftStyleDefault-listLTR {
  direction: ltr;
}

.public-DraftStyleDefault-listRTL {
  direction: rtl;
}

.public-DraftStyleDefault-ol, .public-DraftStyleDefault-ul {
  margin: 16px 0;
  padding: 0;
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {
  margin-left: 1.5em;
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL {
  margin-right: 1.5em;
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {
  margin-left: 3em;
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL {
  margin-right: 3em;
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {
  margin-left: 4.5em;
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL {
  margin-right: 4.5em;
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {
  margin-left: 6em;
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL {
  margin-right: 6em;
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {
  margin-left: 7.5em;
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL {
  margin-right: 7.5em;
}

.public-DraftStyleDefault-unorderedListItem {
  list-style-type: square;
  position: relative;
}

.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 {
  list-style-type: disc;
}

.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {
  list-style-type: circle;
}

.public-DraftStyleDefault-orderedListItem {
  list-style-type: none;
  position: relative;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before {
  left: -36px;
  position: absolute;
  text-align: right;
  width: 30px;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before {
  position: absolute;
  right: -36px;
  text-align: left;
  width: 30px;
}

.public-DraftStyleDefault-orderedListItem:before {
  content: counter(ol0) ". ";
  counter-increment: ol0;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {
  content: counter(ol1, lower-alpha) ". ";
  counter-increment: ol1;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
  content: counter(ol2, lower-roman) ". ";
  counter-increment: ol2;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {
  content: counter(ol3) ". ";
  counter-increment: ol3;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {
  content: counter(ol4, lower-alpha) ". ";
  counter-increment: ol4;
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {
  counter-reset: ol0;
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {
  counter-reset: ol1;
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {
  counter-reset: ol2;
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {
  counter-reset: ol3;
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
  counter-reset: ol4;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../.yarn/__virtual__/css-loader-virtual-6fbd84a21a/0/cache/css-loader-npm-7.1.4-f1fc12a1e0-4a37f3bd5d.zip/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../.yarn/__virtual__/sass-loader-virtual-bdd1dfd422/0/cache/sass-loader-npm-16.0.8-3cccd39a5d-2666ab5bf0.zip/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../.yarn/__virtual__/@formative-react-main-virtual-5e2c790ea4/1/packages/app/react-main/dist/browser/ui/client/styles.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Collection default theme */
/* Grid default theme */
/* Table default theme */
.ReactVirtualized__Table__headerRow {
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.ReactVirtualized__Table__row {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.ReactVirtualized__Table__headerTruncatedText {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ReactVirtualized__Table__headerColumn,
.ReactVirtualized__Table__rowColumn {
  margin-right: 10px;
  min-width: 0px;
}

.ReactVirtualized__Table__rowColumn {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ReactVirtualized__Table__headerColumn:first-of-type,
.ReactVirtualized__Table__rowColumn:first-of-type {
  margin-left: 10px;
}

.ReactVirtualized__Table__sortableHeaderColumn {
  cursor: pointer;
}

.ReactVirtualized__Table__sortableHeaderIconContainer {
  display: flex;
  align-items: center;
}

.ReactVirtualized__Table__sortableHeaderIcon {
  flex: 0 0 24px;
  height: 1em;
  width: 1em;
  fill: currentColor;
}

/* List default theme */