<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
.ember-basic-dropdown {
  position: relative;
}

.ember-basic-dropdown,
.ember-basic-dropdown-content,
.ember-basic-dropdown-content * {
  box-sizing: border-box;
}

.ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 1000;
  background-color: #ffffff;
}

.ember-basic-dropdown-content--left {
  left: 0;
}

.ember-basic-dropdown-content--right {
  right: 0;
}

.ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}

.ember-power-select-dropdown * {
  box-sizing: border-box;
}

.ember-power-select-trigger {
  position: relative;
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  border-radius: 4px;
  background-color: #ffffff;
  line-height: 1.75;
  overflow-x: hidden;
  text-overflow: ellipsis;
  min-height: 1.75em;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  color: inherit;
  /* Minimum clearfix for modern browsers */
}
.ember-power-select-trigger:after {
  content: "";
  display: table;
  clear: both;
}

.ember-power-select-trigger:focus,
.ember-power-select-trigger--active {
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  box-shadow: none;
}

.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded=true],
.ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded=true] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ember-power-select-placeholder {
  color: #999999;
  display: block;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ember-power-select-status-icon {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: #aaaaaa transparent transparent transparent;
}
.ember-basic-dropdown-trigger[aria-expanded=true] .ember-power-select-status-icon {
  transform: rotate(180deg);
}

.ember-power-select-clear-btn {
  position: absolute;
  cursor: pointer;
}

.ember-power-select-multiple-options {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
}

.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  background-color: transparent;
  text-indent: 2px;
  /* There's a browser bug where this selectos cannot be chained with commas */
}
.ember-power-select-trigger-multiple-input:disabled {
  background-color: #eeeeee;
}
.ember-power-select-trigger-multiple-input::-moz-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-webkit-input-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-moz-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-ms-input-placeholder {
  opacity: 1;
  color: #999999;
}

.ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 0 4px;
  line-height: 1.45;
  margin: 2px 0 2px 3px;
}

.ember-power-select-multiple-remove-btn {
  cursor: pointer;
}
.ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 0.5;
}

.ember-power-select-search {
  padding: 4px;
}

.ember-power-select-search-input {
  border: 1px solid #aaaaaa;
  border-radius: 0;
  width: 100%;
  font-size: inherit;
  line-height: inherit;
  padding: 0 5px;
}
.ember-power-select-search-input:focus {
  border: 1px solid #aaaaaa;
  box-shadow: none;
}

.ember-power-select-dropdown {
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  line-height: 1.75;
  border-radius: 4px;
  box-shadow: none;
  overflow: hidden;
  color: inherit;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--above {
  border-top: 1px solid #aaaaaa;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--below, .ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  border-top: none;
  border-bottom: 1px solid #aaaaaa;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  width: 100%;
}

.ember-power-select-options {
  list-style: none;
  margin: 0;
  padding: 0;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.ember-power-select-options[role=listbox] {
  overflow-y: auto; /* in firefox in windows this can cause a word-break issue. Try `overflow-y: scroll` if that happens */
  -webkit-overflow-scrolling: touch;
  max-height: 12.25em;
}

.ember-power-select-option {
  cursor: pointer;
  padding: 0 8px;
}

.ember-power-select-group[aria-disabled=true] {
  color: #999999;
  cursor: not-allowed;
}

.ember-power-select-group[aria-disabled=true] .ember-power-select-option,
.ember-power-select-option[aria-disabled=true] {
  color: #999999;
  pointer-events: none;
  cursor: not-allowed;
}

.ember-power-select-option[aria-selected=true] {
  background-color: #dddddd;
}

.ember-power-select-option[aria-current=true] {
  background-color: #5897fb;
  color: #ffffff;
}

.ember-power-select-group-name {
  cursor: default;
  font-weight: bold;
}

.ember-power-select-trigger[aria-disabled=true] {
  background-color: #eeeeee;
}

.ember-power-select-trigger {
  padding: 0 16px 0 0;
}

.ember-power-select-selected-item, .ember-power-select-placeholder {
  margin-left: 8px;
}

.ember-power-select-status-icon {
  right: 5px;
}

.ember-power-select-clear-btn {
  right: 25px;
}

.ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-left: 24px;
}
.ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-left: 40px;
}
.ember-power-select-group .ember-power-select-option {
  padding-left: 24px;
}
.ember-power-select-group .ember-power-select-group-name {
  padding-left: 8px;
}

.ember-power-select-trigger[dir=rtl] {
  padding: 0 0 0 16px;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-selected-item, .ember-power-select-trigger[dir=rtl] .ember-power-select-placeholder {
  margin-right: 8px;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-multiple-option {
  float: right;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-trigger-multiple-input {
  float: right;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-status-icon {
  left: 5px;
  right: initial;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-clear-btn {
  left: 25px;
  right: initial;
}

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-right: 24px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-right: 40px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-option {
  padding-right: 24px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group-name {
  padding-right: 8px;
}

:root {
  --zb-semantic-color-primary: #c1560b;
  --zb-semantic-color-primary-h: 24.7252747253deg;
  --zb-semantic-color-primary-l: 40%;
  --zb-semantic-color-primary-s: 89.2156862745%;
  --zb-semantic-color-primary-a: 1;
  --zb-semantic-color-secondary: #0072b3;
  --zb-semantic-color-secondary-h: 201.7877094972deg;
  --zb-semantic-color-secondary-l: 35.0980392157%;
  --zb-semantic-color-secondary-s: 100%;
  --zb-semantic-color-secondary-a: 1;
  --zb-semantic-color-heading: #1e282e;
  --zb-semantic-color-heading-h: 202.5deg;
  --zb-semantic-color-heading-l: 14.9019607843%;
  --zb-semantic-color-heading-s: 21.0526315789%;
  --zb-semantic-color-heading-a: 1;
  --zb-semantic-color-body: #000000;
  --zb-semantic-color-body-h: 0deg;
  --zb-semantic-color-body-l: 0%;
  --zb-semantic-color-body-s: 0%;
  --zb-semantic-color-body-a: 1;
  --zb-semantic-color-subtext: #757575;
  --zb-semantic-color-subtext-h: 0deg;
  --zb-semantic-color-subtext-l: 45.8823529412%;
  --zb-semantic-color-subtext-s: 0%;
  --zb-semantic-color-subtext-a: 1;
  --zb-semantic-color-border: #bdbdbd;
  --zb-semantic-color-border-h: 0deg;
  --zb-semantic-color-border-l: 74.1176470588%;
  --zb-semantic-color-border-s: 0%;
  --zb-semantic-color-border-a: 1;
  --zb-semantic-color-error: #cc3838;
  --zb-semantic-color-error-h: 0deg;
  --zb-semantic-color-error-l: 50.9803921569%;
  --zb-semantic-color-error-s: 59.2%;
  --zb-semantic-color-error-a: 1;
  --zb-semantic-color-error-anchor: #e65100;
  --zb-semantic-color-error-anchor-h: 21.1304347826deg;
  --zb-semantic-color-error-anchor-l: 45.0980392157%;
  --zb-semantic-color-error-anchor-s: 100%;
  --zb-semantic-color-error-anchor-a: 1;
  --zb-semantic-color-info: #45638f;
  --zb-semantic-color-info-h: 215.6756756757deg;
  --zb-semantic-color-info-l: 41.568627451%;
  --zb-semantic-color-info-s: 34.9056603774%;
  --zb-semantic-color-info-a: 1;
  --zb-semantic-color-success: #338037;
  --zb-semantic-color-success-h: 123.1168831169deg;
  --zb-semantic-color-success-l: 35.0980392157%;
  --zb-semantic-color-success-s: 43.0167597765%;
  --zb-semantic-color-success-a: 1;
  --zb-semantic-color-warning: #cc3838;
  --zb-semantic-color-warning-h: 0deg;
  --zb-semantic-color-warning-l: 50.9803921569%;
  --zb-semantic-color-warning-s: 59.2%;
  --zb-semantic-color-warning-a: 1;
  --zb-semantic-color-disabled: #9e9e9e;
  --zb-semantic-color-disabled-h: 0deg;
  --zb-semantic-color-disabled-l: 61.9607843137%;
  --zb-semantic-color-disabled-s: 0%;
  --zb-semantic-color-disabled-a: 1;
  --zb-semantic-color-unmoveable: #eeeeee;
  --zb-semantic-color-unmoveable-h: 0deg;
  --zb-semantic-color-unmoveable-l: 93.3333333333%;
  --zb-semantic-color-unmoveable-s: 0%;
  --zb-semantic-color-unmoveable-a: 1;
  --zb-semantic-color-highlight: #f3d47c;
  --zb-semantic-color-highlight-h: 44.3697478992deg;
  --zb-semantic-color-highlight-l: 71.9607843137%;
  --zb-semantic-color-highlight-s: 83.2167832168%;
  --zb-semantic-color-highlight-a: 1;
  --zb-semantic-color-icon: #ffffff;
  --zb-semantic-color-icon-h: 0deg;
  --zb-semantic-color-icon-l: 100%;
  --zb-semantic-color-icon-s: 0%;
  --zb-semantic-color-icon-a: 1;
  --zb-semantic-color-shadow: #000000;
  --zb-semantic-color-shadow-h: 0deg;
  --zb-semantic-color-shadow-l: 0%;
  --zb-semantic-color-shadow-s: 0%;
  --zb-semantic-color-shadow-a: 1;
  --zb-semantic-color-background: #f5f5f5;
  --zb-semantic-color-background-h: 0deg;
  --zb-semantic-color-background-l: 96.0784313725%;
  --zb-semantic-color-background-s: 0%;
  --zb-semantic-color-background-a: 1;
  --zb-semantic-color-light-background: #ffffff;
  --zb-semantic-color-light-background-h: 0deg;
  --zb-semantic-color-light-background-l: 100%;
  --zb-semantic-color-light-background-s: 0%;
  --zb-semantic-color-light-background-a: 1;
  --zb-semantic-color-list-background: #eceff1;
  --zb-semantic-color-list-background-h: 204deg;
  --zb-semantic-color-list-background-l: 93.5294117647%;
  --zb-semantic-color-list-background-s: 15.1515151515%;
  --zb-semantic-color-list-background-a: 1;
  --zb-semantic-color-pagination-background: #b3d9fe;
  --zb-semantic-color-pagination-background-h: 209.6deg;
  --zb-semantic-color-pagination-background-l: 84.9019607843%;
  --zb-semantic-color-pagination-background-s: 97.4025974026%;
  --zb-semantic-color-pagination-background-a: 1;
  --zb-semantic-color-disabled-background: #eceff1;
  --zb-semantic-color-disabled-background-h: 204deg;
  --zb-semantic-color-disabled-background-l: 93.5294117647%;
  --zb-semantic-color-disabled-background-s: 15.1515151515%;
  --zb-semantic-color-disabled-background-a: 1;
  --zb-semantic-color-error-background: #ef9a9a;
  --zb-semantic-color-error-background-h: 0deg;
  --zb-semantic-color-error-background-l: 77.0588235294%;
  --zb-semantic-color-error-background-s: 72.6495726496%;
  --zb-semantic-color-error-background-a: 1;
  --zb-semantic-color-signin-page-background: #0072b3;
  --zb-semantic-color-signin-page-background-h: 201.7877094972deg;
  --zb-semantic-color-signin-page-background-l: 35.0980392157%;
  --zb-semantic-color-signin-page-background-s: 100%;
  --zb-semantic-color-signin-page-background-a: 1;
  --zb-semantic-color-modal-header-background: #37474f;
  --zb-semantic-color-modal-header-background-h: 200deg;
  --zb-semantic-color-modal-header-background-l: 26.2745098039%;
  --zb-semantic-color-modal-header-background-s: 17.9104477612%;
  --zb-semantic-color-modal-header-background-a: 1;
  --zb-semantic-color-aside-background: #eeeeee;
  --zb-semantic-color-aside-background-h: 0deg;
  --zb-semantic-color-aside-background-l: 93.3333333333%;
  --zb-semantic-color-aside-background-s: 0%;
  --zb-semantic-color-aside-background-a: 1;
  --zb-semantic-color-selected-background: #b3d9fe;
  --zb-semantic-color-selected-background-h: 209.6deg;
  --zb-semantic-color-selected-background-l: 84.9019607843%;
  --zb-semantic-color-selected-background-s: 97.4025974026%;
  --zb-semantic-color-selected-background-a: 1;
  --zb-semantic-color-inverse-body: #ffffff;
  --zb-semantic-color-inverse-body-h: 0deg;
  --zb-semantic-color-inverse-body-l: 100%;
  --zb-semantic-color-inverse-body-s: 0%;
  --zb-semantic-color-inverse-body-a: 1;
  --zb-semantic-color-inverse-shadow: #ffffff;
  --zb-semantic-color-inverse-shadow-h: 0deg;
  --zb-semantic-color-inverse-shadow-l: 100%;
  --zb-semantic-color-inverse-shadow-s: 0%;
  --zb-semantic-color-inverse-shadow-a: 1;
  --zb-semantic-color-table: #000000;
  --zb-semantic-color-table-h: 0deg;
  --zb-semantic-color-table-l: 0%;
  --zb-semantic-color-table-s: 0%;
  --zb-semantic-color-table-a: 1;
  --zb-semantic-color-table-background: #f5f5f5;
  --zb-semantic-color-table-background-h: 0deg;
  --zb-semantic-color-table-background-l: 96.0784313725%;
  --zb-semantic-color-table-background-s: 0%;
  --zb-semantic-color-table-background-a: 1;
  --zb-semantic-color-table-database-background: #b3d9fe;
  --zb-semantic-color-table-database-background-h: 209.6deg;
  --zb-semantic-color-table-database-background-l: 84.9019607843%;
  --zb-semantic-color-table-database-background-s: 97.4025974026%;
  --zb-semantic-color-table-database-background-a: 1;
  --zb-semantic-color-table-spreadsheet-background: #ffffff;
  --zb-semantic-color-table-spreadsheet-background-h: 0deg;
  --zb-semantic-color-table-spreadsheet-background-l: 100%;
  --zb-semantic-color-table-spreadsheet-background-s: 0%;
  --zb-semantic-color-table-spreadsheet-background-a: 1;
  --zb-semantic-color-table-border: #bdbdbd;
  --zb-semantic-color-table-border-h: 0deg;
  --zb-semantic-color-table-border-l: 74.1176470588%;
  --zb-semantic-color-table-border-s: 0%;
  --zb-semantic-color-table-border-a: 1;
  --zb-semantic-color-table-header-background: #e0e0e0;
  --zb-semantic-color-table-header-background-h: 0deg;
  --zb-semantic-color-table-header-background-l: 87.8431372549%;
  --zb-semantic-color-table-header-background-s: 0%;
  --zb-semantic-color-table-header-background-a: 1;
  --zb-semantic-color-table-header: #000000;
  --zb-semantic-color-table-header-h: 0deg;
  --zb-semantic-color-table-header-l: 0%;
  --zb-semantic-color-table-header-s: 0%;
  --zb-semantic-color-table-header-a: 1;
  --zb-semantic-color-input: #000000;
  --zb-semantic-color-input-h: 0deg;
  --zb-semantic-color-input-l: 0%;
  --zb-semantic-color-input-s: 0%;
  --zb-semantic-color-input-a: 1;
  --zb-semantic-color-input-label: #757575;
  --zb-semantic-color-input-label-h: 0deg;
  --zb-semantic-color-input-label-l: 45.8823529412%;
  --zb-semantic-color-input-label-s: 0%;
  --zb-semantic-color-input-label-a: 1;
  --zb-semantic-color-input-border: #757575;
  --zb-semantic-color-input-border-h: 0deg;
  --zb-semantic-color-input-border-l: 45.8823529412%;
  --zb-semantic-color-input-border-s: 0%;
  --zb-semantic-color-input-border-a: 1;
  --zb-semantic-color-input-placeholder: #757575;
  --zb-semantic-color-input-placeholder-h: 0deg;
  --zb-semantic-color-input-placeholder-l: 45.8823529412%;
  --zb-semantic-color-input-placeholder-s: 0%;
  --zb-semantic-color-input-placeholder-a: 1;
  --zb-semantic-color-input-background: #ffffff;
  --zb-semantic-color-input-background-h: 0deg;
  --zb-semantic-color-input-background-l: 100%;
  --zb-semantic-color-input-background-s: 0%;
  --zb-semantic-color-input-background-a: 1;
  --zb-semantic-color-zyde-header-background: #e0e0e0;
  --zb-semantic-color-zyde-header-background-h: 0deg;
  --zb-semantic-color-zyde-header-background-l: 87.8431372549%;
  --zb-semantic-color-zyde-header-background-s: 0%;
  --zb-semantic-color-zyde-header-background-a: 1;
  --zb-semantic-color-select-option-hover: #ffffff;
  --zb-semantic-color-select-option-hover-h: 0deg;
  --zb-semantic-color-select-option-hover-l: 100%;
  --zb-semantic-color-select-option-hover-s: 0%;
  --zb-semantic-color-select-option-hover-a: 1;
  --zb-semantic-color-select-option-background-hover: #0072b3;
  --zb-semantic-color-select-option-background-hover-h: 201.7877094972deg;
  --zb-semantic-color-select-option-background-hover-l: 35.0980392157%;
  --zb-semantic-color-select-option-background-hover-s: 100%;
  --zb-semantic-color-select-option-background-hover-a: 1;
  --zb-semantic-color-select-option-selected: #000000;
  --zb-semantic-color-select-option-selected-h: 0deg;
  --zb-semantic-color-select-option-selected-l: 0%;
  --zb-semantic-color-select-option-selected-s: 0%;
  --zb-semantic-color-select-option-selected-a: 1;
  --zb-semantic-color-select-option-selected-background: #e0e0e0;
  --zb-semantic-color-select-option-selected-background-h: 0deg;
  --zb-semantic-color-select-option-selected-background-l: 87.8431372549%;
  --zb-semantic-color-select-option-selected-background-s: 0%;
  --zb-semantic-color-select-option-selected-background-a: 1;
  --zb-semantic-color-multi-select-pill: #000000;
  --zb-semantic-color-multi-select-pill-h: 0deg;
  --zb-semantic-color-multi-select-pill-l: 0%;
  --zb-semantic-color-multi-select-pill-s: 0%;
  --zb-semantic-color-multi-select-pill-a: 1;
  --zb-semantic-color-multi-select-pill-background: #bdbdbd;
  --zb-semantic-color-multi-select-pill-background-h: 0deg;
  --zb-semantic-color-multi-select-pill-background-l: 74.1176470588%;
  --zb-semantic-color-multi-select-pill-background-s: 0%;
  --zb-semantic-color-multi-select-pill-background-a: 1;
  --zb-semantic-color-switch-off-background: #bdbdbd;
  --zb-semantic-color-switch-off-background-h: 0deg;
  --zb-semantic-color-switch-off-background-l: 74.1176470588%;
  --zb-semantic-color-switch-off-background-s: 0%;
  --zb-semantic-color-switch-off-background-a: 1;
  --zb-semantic-color-switch-control-background: #ffffff;
  --zb-semantic-color-switch-control-background-h: 0deg;
  --zb-semantic-color-switch-control-background-l: 100%;
  --zb-semantic-color-switch-control-background-s: 0%;
  --zb-semantic-color-switch-control-background-a: 1;
  --zb-semantic-color-selectable-zb-hover: #eeeeee;
  --zb-semantic-color-selectable-zb-hover-h: 0deg;
  --zb-semantic-color-selectable-zb-hover-l: 93.3333333333%;
  --zb-semantic-color-selectable-zb-hover-s: 0%;
  --zb-semantic-color-selectable-zb-hover-a: 1;
  --zb-semantic-color-selectable-zb-selected: #e0e0e0;
  --zb-semantic-color-selectable-zb-selected-h: 0deg;
  --zb-semantic-color-selectable-zb-selected-l: 87.8431372549%;
  --zb-semantic-color-selectable-zb-selected-s: 0%;
  --zb-semantic-color-selectable-zb-selected-a: 1;
  --zb-semantic-color-selectable-zb-border: #bdbdbd;
  --zb-semantic-color-selectable-zb-border-h: 0deg;
  --zb-semantic-color-selectable-zb-border-l: 74.1176470588%;
  --zb-semantic-color-selectable-zb-border-s: 0%;
  --zb-semantic-color-selectable-zb-border-a: 1;
  --zb-semantic-color-button-text-hover: #000000;
  --zb-semantic-color-button-text-hover-h: 0deg;
  --zb-semantic-color-button-text-hover-l: 0%;
  --zb-semantic-color-button-text-hover-s: 0%;
  --zb-semantic-color-button-text-hover-a: 1;
  --zb-semantic-color-button-raised: #ffffff;
  --zb-semantic-color-button-raised-h: 0deg;
  --zb-semantic-color-button-raised-l: 100%;
  --zb-semantic-color-button-raised-s: 0%;
  --zb-semantic-color-button-raised-a: 1;
  --zb-semantic-color-button-count: #ffffff;
  --zb-semantic-color-button-count-h: 0deg;
  --zb-semantic-color-button-count-l: 100%;
  --zb-semantic-color-button-count-s: 0%;
  --zb-semantic-color-button-count-a: 1;
  --zb-semantic-color-button-count-background: #757575;
  --zb-semantic-color-button-count-background-h: 0deg;
  --zb-semantic-color-button-count-background-l: 45.8823529412%;
  --zb-semantic-color-button-count-background-s: 0%;
  --zb-semantic-color-button-count-background-a: 1;
  --zb-semantic-color-button-count-background-hover: #000000;
  --zb-semantic-color-button-count-background-hover-h: 0deg;
  --zb-semantic-color-button-count-background-hover-l: 0%;
  --zb-semantic-color-button-count-background-hover-s: 0%;
  --zb-semantic-color-button-count-background-hover-a: 1;
  --zb-semantic-color-button-count-raised: #000000;
  --zb-semantic-color-button-count-raised-h: 0deg;
  --zb-semantic-color-button-count-raised-l: 0%;
  --zb-semantic-color-button-count-raised-s: 0%;
  --zb-semantic-color-button-count-raised-a: 1;
  --zb-semantic-color-button-count-raised-background: #ffffff;
  --zb-semantic-color-button-count-raised-background-h: 0deg;
  --zb-semantic-color-button-count-raised-background-l: 100%;
  --zb-semantic-color-button-count-raised-background-s: 0%;
  --zb-semantic-color-button-count-raised-background-a: 1;
  --zb-semantic-color-button-default: #000000;
  --zb-semantic-color-button-default-h: 0deg;
  --zb-semantic-color-button-default-l: 0%;
  --zb-semantic-color-button-default-s: 0%;
  --zb-semantic-color-button-default-a: 1;
  --zb-semantic-color-button-hover-default: #c1560b;
  --zb-semantic-color-button-hover-default-h: 24.7252747253deg;
  --zb-semantic-color-button-hover-default-l: 40%;
  --zb-semantic-color-button-hover-default-s: 89.2156862745%;
  --zb-semantic-color-button-hover-default-a: 1;
  --zb-semantic-color-button-raised-default: #000000;
  --zb-semantic-color-button-raised-default-h: 0deg;
  --zb-semantic-color-button-raised-default-l: 0%;
  --zb-semantic-color-button-raised-default-s: 0%;
  --zb-semantic-color-button-raised-default-a: 1;
  --zb-semantic-color-button-raised-background-default: #b0bec5;
  --zb-semantic-color-button-raised-background-default-h: 200deg;
  --zb-semantic-color-button-raised-background-default-l: 73.137254902%;
  --zb-semantic-color-button-raised-background-default-s: 15.3284671533%;
  --zb-semantic-color-button-raised-background-default-a: 1;
  --zb-semantic-color-button-raised-background-hover-default: #c1560b;
  --zb-semantic-color-button-raised-background-hover-default-h: 24.7252747253deg;
  --zb-semantic-color-button-raised-background-hover-default-l: 40%;
  --zb-semantic-color-button-raised-background-hover-default-s: 89.2156862745%;
  --zb-semantic-color-button-raised-background-hover-default-a: 1;
  --zb-semantic-color-button-primary: #c1560b;
  --zb-semantic-color-button-primary-h: 24.7252747253deg;
  --zb-semantic-color-button-primary-l: 40%;
  --zb-semantic-color-button-primary-s: 89.2156862745%;
  --zb-semantic-color-button-primary-a: 1;
  --zb-semantic-color-button-raised-background-primary: #c1560b;
  --zb-semantic-color-button-raised-background-primary-h: 24.7252747253deg;
  --zb-semantic-color-button-raised-background-primary-l: 40%;
  --zb-semantic-color-button-raised-background-primary-s: 89.2156862745%;
  --zb-semantic-color-button-raised-background-primary-a: 1;
  --zb-semantic-color-button-raised-background-hover-primary: #d95d00;
  --zb-semantic-color-button-raised-background-hover-primary-h: 25.7142857143deg;
  --zb-semantic-color-button-raised-background-hover-primary-l: 42.5490196078%;
  --zb-semantic-color-button-raised-background-hover-primary-s: 100%;
  --zb-semantic-color-button-raised-background-hover-primary-a: 1;
  --zb-semantic-color-button-secondary: #0072b3;
  --zb-semantic-color-button-secondary-h: 201.7877094972deg;
  --zb-semantic-color-button-secondary-l: 35.0980392157%;
  --zb-semantic-color-button-secondary-s: 100%;
  --zb-semantic-color-button-secondary-a: 1;
  --zb-semantic-color-button-raised-background-secondary: #0072b3;
  --zb-semantic-color-button-raised-background-secondary-h: 201.7877094972deg;
  --zb-semantic-color-button-raised-background-secondary-l: 35.0980392157%;
  --zb-semantic-color-button-raised-background-secondary-s: 100%;
  --zb-semantic-color-button-raised-background-secondary-a: 1;
  --zb-semantic-color-button-raised-background-hover-secondary: #0164a1;
  --zb-semantic-color-button-raised-background-hover-secondary-h: 202.875deg;
  --zb-semantic-color-button-raised-background-hover-secondary-l: 31.7647058824%;
  --zb-semantic-color-button-raised-background-hover-secondary-s: 98.7654320988%;
  --zb-semantic-color-button-raised-background-hover-secondary-a: 1;
  --zb-semantic-color-button-green: #338037;
  --zb-semantic-color-button-green-h: 123.1168831169deg;
  --zb-semantic-color-button-green-l: 35.0980392157%;
  --zb-semantic-color-button-green-s: 43.0167597765%;
  --zb-semantic-color-button-green-a: 1;
  --zb-semantic-color-button-raised-background-green: #338037;
  --zb-semantic-color-button-raised-background-green-h: 123.1168831169deg;
  --zb-semantic-color-button-raised-background-green-l: 35.0980392157%;
  --zb-semantic-color-button-raised-background-green-s: 43.0167597765%;
  --zb-semantic-color-button-raised-background-green-a: 1;
  --zb-semantic-color-button-raised-background-hover-green: #367747;
  --zb-semantic-color-button-raised-background-hover-green-h: 135.6923076923deg;
  --zb-semantic-color-button-raised-background-hover-green-l: 33.9215686275%;
  --zb-semantic-color-button-raised-background-hover-green-s: 37.5722543353%;
  --zb-semantic-color-button-raised-background-hover-green-a: 1;
  --zb-semantic-color-button-warn: #cc3838;
  --zb-semantic-color-button-warn-h: 0deg;
  --zb-semantic-color-button-warn-l: 50.9803921569%;
  --zb-semantic-color-button-warn-s: 59.2%;
  --zb-semantic-color-button-warn-a: 1;
  --zb-semantic-color-button-raised-background-warn: #cc3838;
  --zb-semantic-color-button-raised-background-warn-h: 0deg;
  --zb-semantic-color-button-raised-background-warn-l: 50.9803921569%;
  --zb-semantic-color-button-raised-background-warn-s: 59.2%;
  --zb-semantic-color-button-raised-background-warn-a: 1;
  --zb-semantic-color-button-raised-background-hover-warn: #a10a11;
  --zb-semantic-color-button-raised-background-hover-warn-h: 357.2185430464deg;
  --zb-semantic-color-button-raised-background-hover-warn-l: 33.5294117647%;
  --zb-semantic-color-button-raised-background-hover-warn-s: 88.3040935673%;
  --zb-semantic-color-button-raised-background-hover-warn-a: 1;
  --zb-semantic-color-button-grey: #424242;
  --zb-semantic-color-button-grey-h: 0deg;
  --zb-semantic-color-button-grey-l: 25.8823529412%;
  --zb-semantic-color-button-grey-s: 0%;
  --zb-semantic-color-button-grey-a: 1;
  --zb-semantic-color-button-raised-background-grey: #757575;
  --zb-semantic-color-button-raised-background-grey-h: 0deg;
  --zb-semantic-color-button-raised-background-grey-l: 45.8823529412%;
  --zb-semantic-color-button-raised-background-grey-s: 0%;
  --zb-semantic-color-button-raised-background-grey-a: 1;
  --zb-semantic-color-button-raised-background-hover-grey: #9e9e9e;
  --zb-semantic-color-button-raised-background-hover-grey-h: 0deg;
  --zb-semantic-color-button-raised-background-hover-grey-l: 61.9607843137%;
  --zb-semantic-color-button-raised-background-hover-grey-s: 0%;
  --zb-semantic-color-button-raised-background-hover-grey-a: 1;
  --zb-semantic-color-zybook-participation: #c1560b;
  --zb-semantic-color-zybook-participation-h: 24.7252747253deg;
  --zb-semantic-color-zybook-participation-l: 40%;
  --zb-semantic-color-zybook-participation-s: 89.2156862745%;
  --zb-semantic-color-zybook-participation-a: 1;
  --zb-semantic-color-zybook-lab: #338037;
  --zb-semantic-color-zybook-lab-h: 123.1168831169deg;
  --zb-semantic-color-zybook-lab-l: 35.0980392157%;
  --zb-semantic-color-zybook-lab-s: 43.0167597765%;
  --zb-semantic-color-zybook-lab-a: 1;
  --zb-semantic-color-zybook-studio: #338037;
  --zb-semantic-color-zybook-studio-h: 123.1168831169deg;
  --zb-semantic-color-zybook-studio-l: 35.0980392157%;
  --zb-semantic-color-zybook-studio-s: 43.0167597765%;
  --zb-semantic-color-zybook-studio-a: 1;
  --zb-semantic-color-zybook-challenge: #0072b3;
  --zb-semantic-color-zybook-challenge-h: 201.7877094972deg;
  --zb-semantic-color-zybook-challenge-l: 35.0980392157%;
  --zb-semantic-color-zybook-challenge-s: 100%;
  --zb-semantic-color-zybook-challenge-a: 1;
  --zb-semantic-color-zybook-exercise: #0072b3;
  --zb-semantic-color-zybook-exercise-h: 201.7877094972deg;
  --zb-semantic-color-zybook-exercise-l: 35.0980392157%;
  --zb-semantic-color-zybook-exercise-s: 100%;
  --zb-semantic-color-zybook-exercise-a: 1;
  --zb-semantic-color-zybook-static: #e0e0e0;
  --zb-semantic-color-zybook-static-h: 0deg;
  --zb-semantic-color-zybook-static-l: 87.8431372549%;
  --zb-semantic-color-zybook-static-s: 0%;
  --zb-semantic-color-zybook-static-a: 1;
  --zb-semantic-color-zybook-optional: #0072b3;
  --zb-semantic-color-zybook-optional-h: 201.7877094972deg;
  --zb-semantic-color-zybook-optional-l: 35.0980392157%;
  --zb-semantic-color-zybook-optional-s: 100%;
  --zb-semantic-color-zybook-optional-a: 1;
  --zb-semantic-color-zybook-hidden: #757575;
  --zb-semantic-color-zybook-hidden-h: 0deg;
  --zb-semantic-color-zybook-hidden-l: 45.8823529412%;
  --zb-semantic-color-zybook-hidden-s: 0%;
  --zb-semantic-color-zybook-hidden-a: 1;
  --zb-semantic-color-zybook-empty: #cc3838;
  --zb-semantic-color-zybook-empty-h: 0deg;
  --zb-semantic-color-zybook-empty-l: 50.9803921569%;
  --zb-semantic-color-zybook-empty-s: 59.2%;
  --zb-semantic-color-zybook-empty-a: 1;
  --zb-semantic-color-zybook-exam: #37474f;
  --zb-semantic-color-zybook-exam-h: 200deg;
  --zb-semantic-color-zybook-exam-l: 26.2745098039%;
  --zb-semantic-color-zybook-exam-s: 17.9104477612%;
  --zb-semantic-color-zybook-exam-a: 1;
  --zb-semantic-color-zybook-new: #c1560b;
  --zb-semantic-color-zybook-new-h: 24.7252747253deg;
  --zb-semantic-color-zybook-new-l: 40%;
  --zb-semantic-color-zybook-new-s: 89.2156862745%;
  --zb-semantic-color-zybook-new-a: 1;
  --zb-semantic-color-zybook-content-label: #ffffff;
  --zb-semantic-color-zybook-content-label-h: 0deg;
  --zb-semantic-color-zybook-content-label-l: 100%;
  --zb-semantic-color-zybook-content-label-s: 0%;
  --zb-semantic-color-zybook-content-label-a: 1;
  --zb-semantic-color-zybook-content-label-background: #37474f;
  --zb-semantic-color-zybook-content-label-background-h: 200deg;
  --zb-semantic-color-zybook-content-label-background-l: 26.2745098039%;
  --zb-semantic-color-zybook-content-label-background-s: 17.9104477612%;
  --zb-semantic-color-zybook-content-label-background-a: 1;
  --zb-semantic-color-zybook-toc-disabled-header-background: #b0bec5;
  --zb-semantic-color-zybook-toc-disabled-header-background-h: 200deg;
  --zb-semantic-color-zybook-toc-disabled-header-background-l: 73.137254902%;
  --zb-semantic-color-zybook-toc-disabled-header-background-s: 15.3284671533%;
  --zb-semantic-color-zybook-toc-disabled-header-background-a: 1;
  --zb-semantic-color-zybook-section-banner-icon-background: #9e9e9e;
  --zb-semantic-color-zybook-section-banner-icon-background-h: 0deg;
  --zb-semantic-color-zybook-section-banner-icon-background-l: 61.9607843137%;
  --zb-semantic-color-zybook-section-banner-icon-background-s: 0%;
  --zb-semantic-color-zybook-section-banner-icon-background-a: 1;
  --zb-semantic-color-zybook-activity-dark-background: #f5f5f5;
  --zb-semantic-color-zybook-activity-dark-background-h: 0deg;
  --zb-semantic-color-zybook-activity-dark-background-l: 96.0784313725%;
  --zb-semantic-color-zybook-activity-dark-background-s: 0%;
  --zb-semantic-color-zybook-activity-dark-background-a: 1;
  --zb-semantic-color-zybook-activity-border: #eeeeee;
  --zb-semantic-color-zybook-activity-border-h: 0deg;
  --zb-semantic-color-zybook-activity-border-l: 93.3333333333%;
  --zb-semantic-color-zybook-activity-border-s: 0%;
  --zb-semantic-color-zybook-activity-border-a: 1;
  --zb-semantic-color-zybook-activity-heading: #1e282e;
  --zb-semantic-color-zybook-activity-heading-h: 202.5deg;
  --zb-semantic-color-zybook-activity-heading-l: 14.9019607843%;
  --zb-semantic-color-zybook-activity-heading-s: 21.0526315789%;
  --zb-semantic-color-zybook-activity-heading-a: 1;
  --zb-semantic-color-zybook-activity-heading-background: #eeeeee;
  --zb-semantic-color-zybook-activity-heading-background-h: 0deg;
  --zb-semantic-color-zybook-activity-heading-background-l: 93.3333333333%;
  --zb-semantic-color-zybook-activity-heading-background-s: 0%;
  --zb-semantic-color-zybook-activity-heading-background-a: 1;
  --zb-semantic-color-zybook-labs-file-selected-background: #e0e0e0;
  --zb-semantic-color-zybook-labs-file-selected-background-h: 0deg;
  --zb-semantic-color-zybook-labs-file-selected-background-l: 87.8431372549%;
  --zb-semantic-color-zybook-labs-file-selected-background-s: 0%;
  --zb-semantic-color-zybook-labs-file-selected-background-a: 1;
  --zb-semantic-color-zybook-cover-red: #9c3a3c;
  --zb-semantic-color-zybook-cover-red-h: 358.7755102041deg;
  --zb-semantic-color-zybook-cover-red-l: 41.9607843137%;
  --zb-semantic-color-zybook-cover-red-s: 45.7943925234%;
  --zb-semantic-color-zybook-cover-red-a: 1;
  --zb-semantic-color-zybook-cover-green: #3a9c4f;
  --zb-semantic-color-zybook-cover-green-h: 132.8571428571deg;
  --zb-semantic-color-zybook-cover-green-l: 41.9607843137%;
  --zb-semantic-color-zybook-cover-green-s: 45.7943925234%;
  --zb-semantic-color-zybook-cover-green-a: 1;
  --zb-semantic-color-zybook-cover-orange: #9c5e3a;
  --zb-semantic-color-zybook-cover-orange-h: 22.0408163265deg;
  --zb-semantic-color-zybook-cover-orange-l: 41.9607843137%;
  --zb-semantic-color-zybook-cover-orange-s: 45.7943925234%;
  --zb-semantic-color-zybook-cover-orange-a: 1;
  --zb-semantic-color-zybook-cover-yellow: #867341;
  --zb-semantic-color-zybook-cover-yellow-h: 43.4782608696deg;
  --zb-semantic-color-zybook-cover-yellow-l: 39.0196078431%;
  --zb-semantic-color-zybook-cover-yellow-s: 34.6733668342%;
  --zb-semantic-color-zybook-cover-yellow-a: 1;
  --zb-semantic-color-zybook-cover-light-blue: #397d98;
  --zb-semantic-color-zybook-cover-light-blue-h: 197.0526315789deg;
  --zb-semantic-color-zybook-cover-light-blue-l: 40.9803921569%;
  --zb-semantic-color-zybook-cover-light-blue-s: 45.4545454545%;
  --zb-semantic-color-zybook-cover-light-blue-a: 1;
  --zb-semantic-color-zybook-cover-indigo: #3a4a9c;
  --zb-semantic-color-zybook-cover-indigo-h: 230.2040816327deg;
  --zb-semantic-color-zybook-cover-indigo-l: 41.9607843137%;
  --zb-semantic-color-zybook-cover-indigo-s: 45.7943925234%;
  --zb-semantic-color-zybook-cover-indigo-a: 1;
  --zb-semantic-color-zybook-cover-pink: #9c3a75;
  --zb-semantic-color-zybook-cover-pink-h: 323.8775510204deg;
  --zb-semantic-color-zybook-cover-pink-l: 41.9607843137%;
  --zb-semantic-color-zybook-cover-pink-s: 45.7943925234%;
  --zb-semantic-color-zybook-cover-pink-a: 1;
  --zb-semantic-color-zybook-cover-purple: #674384;
  --zb-semantic-color-zybook-cover-purple-h: 273.2307692308deg;
  --zb-semantic-color-zybook-cover-purple-l: 39.0196078431%;
  --zb-semantic-color-zybook-cover-purple-s: 32.6633165829%;
  --zb-semantic-color-zybook-cover-purple-a: 1;
  --zb-semantic-color-zybook-cover-grey: #6d797e;
  --zb-semantic-color-zybook-cover-grey-h: 197.6470588235deg;
  --zb-semantic-color-zybook-cover-grey-l: 46.0784313725%;
  --zb-semantic-color-zybook-cover-grey-s: 7.2340425532%;
  --zb-semantic-color-zybook-cover-grey-a: 1;
  --zb-semantic-color-zybook-cover-dark-grey: #37474f;
  --zb-semantic-color-zybook-cover-dark-grey-h: 200deg;
  --zb-semantic-color-zybook-cover-dark-grey-l: 26.2745098039%;
  --zb-semantic-color-zybook-cover-dark-grey-s: 17.9104477612%;
  --zb-semantic-color-zybook-cover-dark-grey-a: 1;
  --zb-semantic-color-component-red: #cc3838;
  --zb-semantic-color-component-red-h: 0deg;
  --zb-semantic-color-component-red-l: 50.9803921569%;
  --zb-semantic-color-component-red-s: 59.2%;
  --zb-semantic-color-component-red-a: 1;
  --zb-semantic-color-component-orange: #c1560b;
  --zb-semantic-color-component-orange-h: 24.7252747253deg;
  --zb-semantic-color-component-orange-l: 40%;
  --zb-semantic-color-component-orange-s: 89.2156862745%;
  --zb-semantic-color-component-orange-a: 1;
  --zb-semantic-color-component-yellow: #f9b424;
  --zb-semantic-color-component-yellow-h: 40.5633802817deg;
  --zb-semantic-color-component-yellow-l: 55.8823529412%;
  --zb-semantic-color-component-yellow-s: 94.6666666667%;
  --zb-semantic-color-component-yellow-a: 1;
  --zb-semantic-color-component-green: #338037;
  --zb-semantic-color-component-green-h: 123.1168831169deg;
  --zb-semantic-color-component-green-l: 35.0980392157%;
  --zb-semantic-color-component-green-s: 43.0167597765%;
  --zb-semantic-color-component-green-a: 1;
  --zb-semantic-color-component-light-blue: #4fc3f7;
  --zb-semantic-color-component-light-blue-h: 198.5714285714deg;
  --zb-semantic-color-component-light-blue-l: 63.9215686275%;
  --zb-semantic-color-component-light-blue-s: 91.3043478261%;
  --zb-semantic-color-component-light-blue-a: 1;
  --zb-semantic-color-component-blue: #0072b3;
  --zb-semantic-color-component-blue-h: 201.7877094972deg;
  --zb-semantic-color-component-blue-l: 35.0980392157%;
  --zb-semantic-color-component-blue-s: 100%;
  --zb-semantic-color-component-blue-a: 1;
  --zb-semantic-color-component-blue-grey: #546e7a;
  --zb-semantic-color-component-blue-grey-h: 198.9473684211deg;
  --zb-semantic-color-component-blue-grey-l: 40.3921568627%;
  --zb-semantic-color-component-blue-grey-s: 18.4466019417%;
  --zb-semantic-color-component-blue-grey-a: 1;
  --zb-semantic-color-component-grey: #757575;
  --zb-semantic-color-component-grey-h: 0deg;
  --zb-semantic-color-component-grey-l: 45.8823529412%;
  --zb-semantic-color-component-grey-s: 0%;
  --zb-semantic-color-component-grey-a: 1;
  --zb-semantic-color-component-dark-grey: #424242;
  --zb-semantic-color-component-dark-grey-h: 0deg;
  --zb-semantic-color-component-dark-grey-l: 25.8823529412%;
  --zb-semantic-color-component-dark-grey-s: 0%;
  --zb-semantic-color-component-dark-grey-a: 1;
  --zb-semantic-color-component-white: #ffffff;
  --zb-semantic-color-component-white-h: 0deg;
  --zb-semantic-color-component-white-l: 100%;
  --zb-semantic-color-component-white-s: 0%;
  --zb-semantic-color-component-white-a: 1;
  --zb-semantic-color-component-indigo: #303aa5;
  --zb-semantic-color-component-indigo-h: 234.8717948718deg;
  --zb-semantic-color-component-indigo-l: 41.7647058824%;
  --zb-semantic-color-component-indigo-s: 54.9295774648%;
  --zb-semantic-color-component-indigo-a: 1;
  --zb-semantic-color-component-purple: #6a3eb4;
  --zb-semantic-color-component-purple-h: 262.3728813559deg;
  --zb-semantic-color-component-purple-l: 47.4509803922%;
  --zb-semantic-color-component-purple-s: 48.7603305785%;
  --zb-semantic-color-component-purple-a: 1;
  --zb-semantic-color-froala-button: #757575;
  --zb-semantic-color-froala-button-h: 0deg;
  --zb-semantic-color-froala-button-l: 45.8823529412%;
  --zb-semantic-color-froala-button-s: 0%;
  --zb-semantic-color-froala-button-a: 1;
  --zb-semantic-color-froala-button-hover: #000000;
  --zb-semantic-color-froala-button-hover-h: 0deg;
  --zb-semantic-color-froala-button-hover-l: 0%;
  --zb-semantic-color-froala-button-hover-s: 0%;
  --zb-semantic-color-froala-button-hover-a: 1;
  --zb-semantic-color-froala-button-background-hover: #eeeeee;
  --zb-semantic-color-froala-button-background-hover-h: 0deg;
  --zb-semantic-color-froala-button-background-hover-l: 93.3333333333%;
  --zb-semantic-color-froala-button-background-hover-s: 0%;
  --zb-semantic-color-froala-button-background-hover-a: 1;
  --zb-semantic-color-froala-button-active: #0072b3;
  --zb-semantic-color-froala-button-active-h: 201.7877094972deg;
  --zb-semantic-color-froala-button-active-l: 35.0980392157%;
  --zb-semantic-color-froala-button-active-s: 100%;
  --zb-semantic-color-froala-button-active-a: 1;
  --zb-semantic-color-froala-button-open: #000000;
  --zb-semantic-color-froala-button-open-h: 0deg;
  --zb-semantic-color-froala-button-open-l: 0%;
  --zb-semantic-color-froala-button-open-s: 0%;
  --zb-semantic-color-froala-button-open-a: 1;
  --zb-semantic-color-froala-button-open-background: #e0e0e0;
  --zb-semantic-color-froala-button-open-background-h: 0deg;
  --zb-semantic-color-froala-button-open-background-l: 87.8431372549%;
  --zb-semantic-color-froala-button-open-background-s: 0%;
  --zb-semantic-color-froala-button-open-background-a: 1;
  --zb-semantic-color-froala-more-toolbar-background: #e0e0e0;
  --zb-semantic-color-froala-more-toolbar-background-h: 0deg;
  --zb-semantic-color-froala-more-toolbar-background-l: 87.8431372549%;
  --zb-semantic-color-froala-more-toolbar-background-s: 0%;
  --zb-semantic-color-froala-more-toolbar-background-a: 1;
  --zb-semantic-color-froala-popup-background: #ffffff;
  --zb-semantic-color-froala-popup-background-h: 0deg;
  --zb-semantic-color-froala-popup-background-l: 100%;
  --zb-semantic-color-froala-popup-background-s: 0%;
  --zb-semantic-color-froala-popup-background-a: 1;
  --zb-semantic-color-froala-dropdown-option-hover: #ffffff;
  --zb-semantic-color-froala-dropdown-option-hover-h: 0deg;
  --zb-semantic-color-froala-dropdown-option-hover-l: 100%;
  --zb-semantic-color-froala-dropdown-option-hover-s: 0%;
  --zb-semantic-color-froala-dropdown-option-hover-a: 1;
  --zb-semantic-color-froala-dropdown-option-background-hover: #0072b3;
  --zb-semantic-color-froala-dropdown-option-background-hover-h: 201.7877094972deg;
  --zb-semantic-color-froala-dropdown-option-background-hover-l: 35.0980392157%;
  --zb-semantic-color-froala-dropdown-option-background-hover-s: 100%;
  --zb-semantic-color-froala-dropdown-option-background-hover-a: 1;
  --zb-semantic-color-froala-dropdown-option-selected: #000000;
  --zb-semantic-color-froala-dropdown-option-selected-h: 0deg;
  --zb-semantic-color-froala-dropdown-option-selected-l: 0%;
  --zb-semantic-color-froala-dropdown-option-selected-s: 0%;
  --zb-semantic-color-froala-dropdown-option-selected-a: 1;
  --zb-semantic-color-froala-dropdown-option-selected-background: #e0e0e0;
  --zb-semantic-color-froala-dropdown-option-selected-background-h: 0deg;
  --zb-semantic-color-froala-dropdown-option-selected-background-l: 87.8431372549%;
  --zb-semantic-color-froala-dropdown-option-selected-background-s: 0%;
  --zb-semantic-color-froala-dropdown-option-selected-background-a: 1;
  --zb-semantic-color-froala-table-selected-cell-border: #0072b3;
  --zb-semantic-color-froala-table-selected-cell-border-h: 201.7877094972deg;
  --zb-semantic-color-froala-table-selected-cell-border-l: 35.0980392157%;
  --zb-semantic-color-froala-table-selected-cell-border-s: 100%;
  --zb-semantic-color-froala-table-selected-cell-border-a: 1;
  --zb-semantic-color-froala-image-upload-hover-background: #eeeeee;
  --zb-semantic-color-froala-image-upload-hover-background-h: 0deg;
  --zb-semantic-color-froala-image-upload-hover-background-l: 93.3333333333%;
  --zb-semantic-color-froala-image-upload-hover-background-s: 0%;
  --zb-semantic-color-froala-image-upload-hover-background-a: 1;
  --zb-semantic-color-d3-light-blue-600: #03a9f4;
  --zb-semantic-color-d3-light-blue-600-h: 198.6721991701deg;
  --zb-semantic-color-d3-light-blue-600-l: 48.431372549%;
  --zb-semantic-color-d3-light-blue-600-s: 97.5708502024%;
  --zb-semantic-color-d3-light-blue-600-a: 1;
  --zb-semantic-color-d3-blue-grey-200: #b0bec5;
  --zb-semantic-color-d3-blue-grey-200-h: 200deg;
  --zb-semantic-color-d3-blue-grey-200-l: 73.137254902%;
  --zb-semantic-color-d3-blue-grey-200-s: 15.3284671533%;
  --zb-semantic-color-d3-blue-grey-200-a: 1;
  --zb-semantic-color-d3-red: #cc3838;
  --zb-semantic-color-d3-red-h: 0deg;
  --zb-semantic-color-d3-red-l: 50.9803921569%;
  --zb-semantic-color-d3-red-s: 59.2%;
  --zb-semantic-color-d3-red-a: 1;
  --zb-semantic-color-d3-orange: #c1560b;
  --zb-semantic-color-d3-orange-h: 24.7252747253deg;
  --zb-semantic-color-d3-orange-l: 40%;
  --zb-semantic-color-d3-orange-s: 89.2156862745%;
  --zb-semantic-color-d3-orange-a: 1;
  --zb-semantic-color-d3-yellow: #f9b424;
  --zb-semantic-color-d3-yellow-h: 40.5633802817deg;
  --zb-semantic-color-d3-yellow-l: 55.8823529412%;
  --zb-semantic-color-d3-yellow-s: 94.6666666667%;
  --zb-semantic-color-d3-yellow-a: 1;
  --zb-semantic-color-d3-green: #338037;
  --zb-semantic-color-d3-green-h: 123.1168831169deg;
  --zb-semantic-color-d3-green-l: 35.0980392157%;
  --zb-semantic-color-d3-green-s: 43.0167597765%;
  --zb-semantic-color-d3-green-a: 1;
  --zb-semantic-color-d3-light-blue: #29b6f6;
  --zb-semantic-color-d3-light-blue-h: 198.7317073171deg;
  --zb-semantic-color-d3-light-blue-l: 56.2745098039%;
  --zb-semantic-color-d3-light-blue-s: 91.9282511211%;
  --zb-semantic-color-d3-light-blue-a: 1;
  --zb-semantic-color-d3-blue: #0072b3;
  --zb-semantic-color-d3-blue-h: 201.7877094972deg;
  --zb-semantic-color-d3-blue-l: 35.0980392157%;
  --zb-semantic-color-d3-blue-s: 100%;
  --zb-semantic-color-d3-blue-a: 1;
  --zb-semantic-color-d3-blue-grey: #37474f;
  --zb-semantic-color-d3-blue-grey-h: 200deg;
  --zb-semantic-color-d3-blue-grey-l: 26.2745098039%;
  --zb-semantic-color-d3-blue-grey-s: 17.9104477612%;
  --zb-semantic-color-d3-blue-grey-a: 1;
  --zb-semantic-color-d3-indigo: #303aa5;
  --zb-semantic-color-d3-indigo-h: 234.8717948718deg;
  --zb-semantic-color-d3-indigo-l: 41.7647058824%;
  --zb-semantic-color-d3-indigo-s: 54.9295774648%;
  --zb-semantic-color-d3-indigo-a: 1;
  --zb-semantic-color-d3-purple: #6a3eb4;
  --zb-semantic-color-d3-purple-h: 262.3728813559deg;
  --zb-semantic-color-d3-purple-l: 47.4509803922%;
  --zb-semantic-color-d3-purple-s: 48.7603305785%;
  --zb-semantic-color-d3-purple-a: 1;
  --zb-semantic-color-d3-grey: #757575;
  --zb-semantic-color-d3-grey-h: 0deg;
  --zb-semantic-color-d3-grey-l: 45.8823529412%;
  --zb-semantic-color-d3-grey-s: 0%;
  --zb-semantic-color-d3-grey-a: 1;
  --zb-semantic-color-d3-dark-grey: #37474f;
  --zb-semantic-color-d3-dark-grey-h: 200deg;
  --zb-semantic-color-d3-dark-grey-l: 26.2745098039%;
  --zb-semantic-color-d3-dark-grey-s: 17.9104477612%;
  --zb-semantic-color-d3-dark-grey-a: 1;
  --zb-semantic-color-admin-more-info: #cc3838;
  --zb-semantic-color-admin-more-info-h: 0deg;
  --zb-semantic-color-admin-more-info-l: 50.9803921569%;
  --zb-semantic-color-admin-more-info-s: 59.2%;
  --zb-semantic-color-admin-more-info-a: 1;
  --zb-semantic-color-admin-update-version: #9e9e9e;
  --zb-semantic-color-admin-update-version-h: 0deg;
  --zb-semantic-color-admin-update-version-l: 61.9607843137%;
  --zb-semantic-color-admin-update-version-s: 0%;
  --zb-semantic-color-admin-update-version-a: 1;
  --zb-semantic-color-admin-needs-ae-info: #d95d00;
  --zb-semantic-color-admin-needs-ae-info-h: 25.7142857143deg;
  --zb-semantic-color-admin-needs-ae-info-l: 42.5490196078%;
  --zb-semantic-color-admin-needs-ae-info-s: 100%;
  --zb-semantic-color-admin-needs-ae-info-a: 1;
  --zb-semantic-color-admin-needs-reordering: #0072b3;
  --zb-semantic-color-admin-needs-reordering-h: 201.7877094972deg;
  --zb-semantic-color-admin-needs-reordering-l: 35.0980392157%;
  --zb-semantic-color-admin-needs-reordering-s: 100%;
  --zb-semantic-color-admin-needs-reordering-a: 1;
  --zb-semantic-color-white: #ffffff;
  --zb-semantic-color-white-h: 0deg;
  --zb-semantic-color-white-l: 100%;
  --zb-semantic-color-white-s: 0%;
  --zb-semantic-color-white-a: 1;
  --zb-semantic-color-black: #000000;
  --zb-semantic-color-black-h: 0deg;
  --zb-semantic-color-black-l: 0%;
  --zb-semantic-color-black-s: 0%;
  --zb-semantic-color-black-a: 1;
  --zb-semantic-color-definition-match-definition: #000000;
  --zb-semantic-color-definition-match-definition-h: 0deg;
  --zb-semantic-color-definition-match-definition-l: 0%;
  --zb-semantic-color-definition-match-definition-s: 0%;
  --zb-semantic-color-definition-match-definition-a: 1;
  --zb-semantic-color-definition-match-item-chosen-background: #b3d9fe;
  --zb-semantic-color-definition-match-item-chosen-background-h: 209.6deg;
  --zb-semantic-color-definition-match-item-chosen-background-l: 84.9019607843%;
  --zb-semantic-color-definition-match-item-chosen-background-s: 97.4025974026%;
  --zb-semantic-color-definition-match-item-chosen-background-a: 1;
  --zb-semantic-color-definition-match-definition-background: #f5f5f5;
  --zb-semantic-color-definition-match-definition-background-h: 0deg;
  --zb-semantic-color-definition-match-definition-background-l: 96.0784313725%;
  --zb-semantic-color-definition-match-definition-background-s: 0%;
  --zb-semantic-color-definition-match-definition-background-a: 1;
  --zb-semantic-color-definition-match-bucket-background: #b0bec5;
  --zb-semantic-color-definition-match-bucket-background-h: 200deg;
  --zb-semantic-color-definition-match-bucket-background-l: 73.137254902%;
  --zb-semantic-color-definition-match-bucket-background-s: 15.3284671533%;
  --zb-semantic-color-definition-match-bucket-background-a: 1;
  --zb-semantic-color-definition-match-active-background: #bdbdbd;
  --zb-semantic-color-definition-match-active-background-h: 0deg;
  --zb-semantic-color-definition-match-active-background-l: 74.1176470588%;
  --zb-semantic-color-definition-match-active-background-s: 0%;
  --zb-semantic-color-definition-match-active-background-a: 1;
  --zb-semantic-color-multiple-reorderable-lists-background: #eeeeee;
  --zb-semantic-color-multiple-reorderable-lists-background-h: 0deg;
  --zb-semantic-color-multiple-reorderable-lists-background-l: 93.3333333333%;
  --zb-semantic-color-multiple-reorderable-lists-background-s: 0%;
  --zb-semantic-color-multiple-reorderable-lists-background-a: 1;
  --zb-semantic-color-multiple-reorderable-lists-label-background: #eeeeee;
  --zb-semantic-color-multiple-reorderable-lists-label-background-h: 0deg;
  --zb-semantic-color-multiple-reorderable-lists-label-background-l: 93.3333333333%;
  --zb-semantic-color-multiple-reorderable-lists-label-background-s: 0%;
  --zb-semantic-color-multiple-reorderable-lists-label-background-a: 1;
  --zb-semantic-color-multiple-reorderable-lists-option-background: #ffffff;
  --zb-semantic-color-multiple-reorderable-lists-option-background-h: 0deg;
  --zb-semantic-color-multiple-reorderable-lists-option-background-l: 100%;
  --zb-semantic-color-multiple-reorderable-lists-option-background-s: 0%;
  --zb-semantic-color-multiple-reorderable-lists-option-background-a: 1;
  --zb-semantic-color-multiple-reorderable-lists: #000000;
  --zb-semantic-color-multiple-reorderable-lists-h: 0deg;
  --zb-semantic-color-multiple-reorderable-lists-l: 0%;
  --zb-semantic-color-multiple-reorderable-lists-s: 0%;
  --zb-semantic-color-multiple-reorderable-lists-a: 1;
  --zb-semantic-color-jsdoc-renderer-name-background: #b3d9fe;
  --zb-semantic-color-jsdoc-renderer-name-background-h: 209.6deg;
  --zb-semantic-color-jsdoc-renderer-name-background-l: 84.9019607843%;
  --zb-semantic-color-jsdoc-renderer-name-background-s: 97.4025974026%;
  --zb-semantic-color-jsdoc-renderer-name-background-a: 1;
  --zb-semantic-color-jsdoc-renderer-return-background: #ff9800;
  --zb-semantic-color-jsdoc-renderer-return-background-h: 35.7647058824deg;
  --zb-semantic-color-jsdoc-renderer-return-background-l: 50%;
  --zb-semantic-color-jsdoc-renderer-return-background-s: 100%;
  --zb-semantic-color-jsdoc-renderer-return-background-a: 1;
  --zb-semantic-color-find-zybook-input-label: #424242;
  --zb-semantic-color-find-zybook-input-label-h: 0deg;
  --zb-semantic-color-find-zybook-input-label-l: 25.8823529412%;
  --zb-semantic-color-find-zybook-input-label-s: 0%;
  --zb-semantic-color-find-zybook-input-label-a: 1;
  --zb-semantic-color-progression-container-active-outline: #01579b;
  --zb-semantic-color-progression-container-active-outline-h: 206.4935064935deg;
  --zb-semantic-color-progression-container-active-outline-l: 30.5882352941%;
  --zb-semantic-color-progression-container-active-outline-s: 98.7179487179%;
  --zb-semantic-color-progression-container-active-outline-a: 1;
  --zb-semantic-color-segmented-control-grey: #37474f;
  --zb-semantic-color-segmented-control-grey-h: 200deg;
  --zb-semantic-color-segmented-control-grey-l: 26.2745098039%;
  --zb-semantic-color-segmented-control-grey-s: 17.9104477612%;
  --zb-semantic-color-segmented-control-grey-a: 1;
  --zb-semantic-color-checkbox-grey: #37474f;
  --zb-semantic-color-checkbox-grey-h: 200deg;
  --zb-semantic-color-checkbox-grey-l: 26.2745098039%;
  --zb-semantic-color-checkbox-grey-s: 17.9104477612%;
  --zb-semantic-color-checkbox-grey-a: 1;
  --zb-semantic-color-zylabs-edit-code: #0164a1;
  --zb-semantic-color-zylabs-edit-code-h: 202.875deg;
  --zb-semantic-color-zylabs-edit-code-l: 31.7647058824%;
  --zb-semantic-color-zylabs-edit-code-s: 98.7654320988%;
  --zb-semantic-color-zylabs-edit-code-a: 1;
  --zb-semantic-color-notify-icon-background-info: #45638f;
  --zb-semantic-color-notify-icon-background-info-h: 215.6756756757deg;
  --zb-semantic-color-notify-icon-background-info-l: 41.568627451%;
  --zb-semantic-color-notify-icon-background-info-s: 34.9056603774%;
  --zb-semantic-color-notify-icon-background-info-a: 1;
  --zb-semantic-color-light-blue-text: #03a9f4;
  --zb-semantic-color-light-blue-text-h: 198.6721991701deg;
  --zb-semantic-color-light-blue-text-l: 48.431372549%;
  --zb-semantic-color-light-blue-text-s: 97.5708502024%;
  --zb-semantic-color-light-blue-text-a: 1;
  --zb-semantic-color-light-blue-grey-background: #b0bec5;
  --zb-semantic-color-light-blue-grey-background-h: 200deg;
  --zb-semantic-color-light-blue-grey-background-l: 73.137254902%;
  --zb-semantic-color-light-blue-grey-background-s: 15.3284671533%;
  --zb-semantic-color-light-blue-grey-background-a: 1;
  --zb-semantic-color-light-blue-grey-border: #b0bec5;
  --zb-semantic-color-light-blue-grey-border-h: 200deg;
  --zb-semantic-color-light-blue-grey-border-l: 73.137254902%;
  --zb-semantic-color-light-blue-grey-border-s: 15.3284671533%;
  --zb-semantic-color-light-blue-grey-border-a: 1;
  --zb-semantic-color-grey-background: #eeeeee;
  --zb-semantic-color-grey-background-h: 0deg;
  --zb-semantic-color-grey-background-l: 93.3333333333%;
  --zb-semantic-color-grey-background-s: 0%;
  --zb-semantic-color-grey-background-a: 1;
  --zb-semantic-color-grey-300: #e0e0e0;
  --zb-semantic-color-grey-300-h: 0deg;
  --zb-semantic-color-grey-300-l: 87.8431372549%;
  --zb-semantic-color-grey-300-s: 0%;
  --zb-semantic-color-grey-300-a: 1;
  --zb-semantic-color-grey-400: #bdbdbd;
  --zb-semantic-color-grey-400-h: 0deg;
  --zb-semantic-color-grey-400-l: 74.1176470588%;
  --zb-semantic-color-grey-400-s: 0%;
  --zb-semantic-color-grey-400-a: 1;
  --zb-semantic-color-grey-500: #9e9e9e;
  --zb-semantic-color-grey-500-h: 0deg;
  --zb-semantic-color-grey-500-l: 61.9607843137%;
  --zb-semantic-color-grey-500-s: 0%;
  --zb-semantic-color-grey-500-a: 1;
  --zb-semantic-color-grey-600: #757575;
  --zb-semantic-color-grey-600-h: 0deg;
  --zb-semantic-color-grey-600-l: 45.8823529412%;
  --zb-semantic-color-grey-600-s: 0%;
  --zb-semantic-color-grey-600-a: 1;
  --zb-semantic-color-grey-700: #424242;
  --zb-semantic-color-grey-700-h: 0deg;
  --zb-semantic-color-grey-700-l: 25.8823529412%;
  --zb-semantic-color-grey-700-s: 0%;
  --zb-semantic-color-grey-700-a: 1;
  --zb-semantic-color-blue-grey-100: #cfd8dc;
  --zb-semantic-color-blue-grey-100-h: 198.4615384615deg;
  --zb-semantic-color-blue-grey-100-l: 83.7254901961%;
  --zb-semantic-color-blue-grey-100-s: 15.6626506024%;
  --zb-semantic-color-blue-grey-100-a: 1;
  --zb-semantic-color-blue-grey-200: #b0bec5;
  --zb-semantic-color-blue-grey-200-h: 200deg;
  --zb-semantic-color-blue-grey-200-l: 73.137254902%;
  --zb-semantic-color-blue-grey-200-s: 15.3284671533%;
  --zb-semantic-color-blue-grey-200-a: 1;
  --zb-semantic-color-blue-grey-400: #78909c;
  --zb-semantic-color-blue-grey-400-h: 200deg;
  --zb-semantic-color-blue-grey-400-l: 54.1176470588%;
  --zb-semantic-color-blue-grey-400-s: 15.3846153846%;
  --zb-semantic-color-blue-grey-400-a: 1;
  --zb-semantic-color-blue-grey-500: #607d8b;
  --zb-semantic-color-blue-grey-500-h: 199.5348837209deg;
  --zb-semantic-color-blue-grey-500-l: 46.0784313725%;
  --zb-semantic-color-blue-grey-500-s: 18.2978723404%;
  --zb-semantic-color-blue-grey-500-a: 1;
  --zb-semantic-color-blue-grey-800: #37474f;
  --zb-semantic-color-blue-grey-800-h: 200deg;
  --zb-semantic-color-blue-grey-800-l: 26.2745098039%;
  --zb-semantic-color-blue-grey-800-s: 17.9104477612%;
  --zb-semantic-color-blue-grey-800-a: 1;
  --zb-semantic-color-code: #000000;
  --zb-semantic-color-code-h: 0deg;
  --zb-semantic-color-code-l: 0%;
  --zb-semantic-color-code-s: 0%;
  --zb-semantic-color-code-a: 1;
  --zb-semantic-color-code-output: #000000;
  --zb-semantic-color-code-output-h: 0deg;
  --zb-semantic-color-code-output-l: 0%;
  --zb-semantic-color-code-output-s: 0%;
  --zb-semantic-color-code-output-a: 1;
  --zb-semantic-color-code-background: #b3d9fe;
  --zb-semantic-color-code-background-h: 209.6deg;
  --zb-semantic-color-code-background-l: 84.9019607843%;
  --zb-semantic-color-code-background-s: 97.4025974026%;
  --zb-semantic-color-code-background-a: 1;
  --zb-semantic-color-code-no-box-background: rgba(0, 0, 0, 0);
  --zb-semantic-color-code-no-box-background-h: 0deg;
  --zb-semantic-color-code-no-box-background-l: 0%;
  --zb-semantic-color-code-no-box-background-s: 0%;
  --zb-semantic-color-code-no-box-background-a: 0;
  --zb-semantic-color-code-blue: #0000aa;
  --zb-semantic-color-code-blue-h: 240deg;
  --zb-semantic-color-code-blue-l: 33.3333333333%;
  --zb-semantic-color-code-blue-s: 100%;
  --zb-semantic-color-code-blue-a: 1;
  --zb-semantic-color-code-teal: #006464;
  --zb-semantic-color-code-teal-h: 180deg;
  --zb-semantic-color-code-teal-l: 19.6078431373%;
  --zb-semantic-color-code-teal-s: 100%;
  --zb-semantic-color-code-teal-a: 1;
  --zb-semantic-color-code-green: #006900;
  --zb-semantic-color-code-green-h: 120deg;
  --zb-semantic-color-code-green-l: 20.5882352941%;
  --zb-semantic-color-code-green-s: 100%;
  --zb-semantic-color-code-green-a: 1;
  --zb-semantic-color-code-amber: #914700;
  --zb-semantic-color-code-amber-h: 29.3793103448deg;
  --zb-semantic-color-code-amber-l: 28.431372549%;
  --zb-semantic-color-code-amber-s: 100%;
  --zb-semantic-color-code-amber-a: 1;
  --zb-semantic-color-code-red: #a00000;
  --zb-semantic-color-code-red-h: 0deg;
  --zb-semantic-color-code-red-l: 31.3725490196%;
  --zb-semantic-color-code-red-s: 100%;
  --zb-semantic-color-code-red-a: 1;
  --zb-semantic-color-code-black: #000000;
  --zb-semantic-color-code-black-h: 0deg;
  --zb-semantic-color-code-black-l: 0%;
  --zb-semantic-color-code-black-s: 0%;
  --zb-semantic-color-code-black-a: 1;
  --zb-semantic-color-code-grey: #5c5c5c;
  --zb-semantic-color-code-grey-h: 0deg;
  --zb-semantic-color-code-grey-l: 36.0784313725%;
  --zb-semantic-color-code-grey-s: 0%;
  --zb-semantic-color-code-grey-a: 1;
  --zb-semantic-color-code-purple: #800080;
  --zb-semantic-color-code-purple-h: 300deg;
  --zb-semantic-color-code-purple-l: 25.0980392157%;
  --zb-semantic-color-code-purple-s: 100%;
  --zb-semantic-color-code-purple-a: 1;
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-primary: #c1560b;
  --zb-semantic-color-primary-h: 24.7252747253deg;
  --zb-semantic-color-primary-l: 40%;
  --zb-semantic-color-primary-s: 89.2156862745%;
  --zb-semantic-color-primary-a: 1;
}
:root .primary-color {
  color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
}
:root .primary-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-secondary: #0072b3;
  --zb-semantic-color-secondary-h: 201.7877094972deg;
  --zb-semantic-color-secondary-l: 35.0980392157%;
  --zb-semantic-color-secondary-s: 100%;
  --zb-semantic-color-secondary-a: 1;
}
:root .secondary-color {
  color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
}
:root .secondary-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-heading: #1e282e;
  --zb-semantic-color-heading-h: 202.5deg;
  --zb-semantic-color-heading-l: 14.9019607843%;
  --zb-semantic-color-heading-s: 21.0526315789%;
  --zb-semantic-color-heading-a: 1;
}
:root .heading-color {
  color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
}
:root .heading-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-body: #000000;
  --zb-semantic-color-body-h: 0deg;
  --zb-semantic-color-body-l: 0%;
  --zb-semantic-color-body-s: 0%;
  --zb-semantic-color-body-a: 1;
}
:root .body-color {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}
:root .body-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-subtext: #757575;
  --zb-semantic-color-subtext-h: 0deg;
  --zb-semantic-color-subtext-l: 45.8823529412%;
  --zb-semantic-color-subtext-s: 0%;
  --zb-semantic-color-subtext-a: 1;
}
:root .subtext-color {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
}
:root .subtext-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-border: #bdbdbd;
  --zb-semantic-color-border-h: 0deg;
  --zb-semantic-color-border-l: 74.1176470588%;
  --zb-semantic-color-border-s: 0%;
  --zb-semantic-color-border-a: 1;
}
:root .border-color {
  color: hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
}
:root .border-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-error: #cc3838;
  --zb-semantic-color-error-h: 0deg;
  --zb-semantic-color-error-l: 50.9803921569%;
  --zb-semantic-color-error-s: 59.2%;
  --zb-semantic-color-error-a: 1;
}
:root .error-color {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
:root .error-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-error-anchor: #e65100;
  --zb-semantic-color-error-anchor-h: 21.1304347826deg;
  --zb-semantic-color-error-anchor-l: 45.0980392157%;
  --zb-semantic-color-error-anchor-s: 100%;
  --zb-semantic-color-error-anchor-a: 1;
}
:root .error-anchor-color {
  color: hsl(calc(var(--zb-semantic-color-error-anchor-h) + 0deg), calc(var(--zb-semantic-color-error-anchor-s) + 0%), calc(var(--zb-semantic-color-error-anchor-l) + 0%), calc(var(--zb-semantic-color-error-anchor-a) + 0));
}
:root .error-anchor-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-error-anchor-h) + 0deg), calc(var(--zb-semantic-color-error-anchor-s) + 0%), calc(var(--zb-semantic-color-error-anchor-l) + 0%), calc(var(--zb-semantic-color-error-anchor-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-info: #45638f;
  --zb-semantic-color-info-h: 215.6756756757deg;
  --zb-semantic-color-info-l: 41.568627451%;
  --zb-semantic-color-info-s: 34.9056603774%;
  --zb-semantic-color-info-a: 1;
}
:root .info-color {
  color: hsl(calc(var(--zb-semantic-color-info-h) + 0deg), calc(var(--zb-semantic-color-info-s) + 0%), calc(var(--zb-semantic-color-info-l) + 0%), calc(var(--zb-semantic-color-info-a) + 0));
}
:root .info-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-info-h) + 0deg), calc(var(--zb-semantic-color-info-s) + 0%), calc(var(--zb-semantic-color-info-l) + 0%), calc(var(--zb-semantic-color-info-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-success: #338037;
  --zb-semantic-color-success-h: 123.1168831169deg;
  --zb-semantic-color-success-l: 35.0980392157%;
  --zb-semantic-color-success-s: 43.0167597765%;
  --zb-semantic-color-success-a: 1;
}
:root .success-color {
  color: hsl(calc(var(--zb-semantic-color-success-h) + 0deg), calc(var(--zb-semantic-color-success-s) + 0%), calc(var(--zb-semantic-color-success-l) + 0%), calc(var(--zb-semantic-color-success-a) + 0));
}
:root .success-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-success-h) + 0deg), calc(var(--zb-semantic-color-success-s) + 0%), calc(var(--zb-semantic-color-success-l) + 0%), calc(var(--zb-semantic-color-success-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-warning: #cc3838;
  --zb-semantic-color-warning-h: 0deg;
  --zb-semantic-color-warning-l: 50.9803921569%;
  --zb-semantic-color-warning-s: 59.2%;
  --zb-semantic-color-warning-a: 1;
}
:root .warning-color {
  color: hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
}
:root .warning-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-disabled: #9e9e9e;
  --zb-semantic-color-disabled-h: 0deg;
  --zb-semantic-color-disabled-l: 61.9607843137%;
  --zb-semantic-color-disabled-s: 0%;
  --zb-semantic-color-disabled-a: 1;
}
:root .disabled-color {
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
:root .disabled-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-unmoveable: #eeeeee;
  --zb-semantic-color-unmoveable-h: 0deg;
  --zb-semantic-color-unmoveable-l: 93.3333333333%;
  --zb-semantic-color-unmoveable-s: 0%;
  --zb-semantic-color-unmoveable-a: 1;
}
:root .unmoveable-color {
  color: hsl(calc(var(--zb-semantic-color-unmoveable-h) + 0deg), calc(var(--zb-semantic-color-unmoveable-s) + 0%), calc(var(--zb-semantic-color-unmoveable-l) + 0%), calc(var(--zb-semantic-color-unmoveable-a) + 0));
}
:root .unmoveable-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-unmoveable-h) + 0deg), calc(var(--zb-semantic-color-unmoveable-s) + 0%), calc(var(--zb-semantic-color-unmoveable-l) + 0%), calc(var(--zb-semantic-color-unmoveable-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-highlight: #f3d47c;
  --zb-semantic-color-highlight-h: 44.3697478992deg;
  --zb-semantic-color-highlight-l: 71.9607843137%;
  --zb-semantic-color-highlight-s: 83.2167832168%;
  --zb-semantic-color-highlight-a: 1;
}
:root .highlight-color {
  color: hsl(calc(var(--zb-semantic-color-highlight-h) + 0deg), calc(var(--zb-semantic-color-highlight-s) + 0%), calc(var(--zb-semantic-color-highlight-l) + 0%), calc(var(--zb-semantic-color-highlight-a) + 0));
}
:root .highlight-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-highlight-h) + 0deg), calc(var(--zb-semantic-color-highlight-s) + 0%), calc(var(--zb-semantic-color-highlight-l) + 0%), calc(var(--zb-semantic-color-highlight-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-icon: #ffffff;
  --zb-semantic-color-icon-h: 0deg;
  --zb-semantic-color-icon-l: 100%;
  --zb-semantic-color-icon-s: 0%;
  --zb-semantic-color-icon-a: 1;
}
:root .icon-color {
  color: hsl(calc(var(--zb-semantic-color-icon-h) + 0deg), calc(var(--zb-semantic-color-icon-s) + 0%), calc(var(--zb-semantic-color-icon-l) + 0%), calc(var(--zb-semantic-color-icon-a) + 0));
}
:root .icon-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-icon-h) + 0deg), calc(var(--zb-semantic-color-icon-s) + 0%), calc(var(--zb-semantic-color-icon-l) + 0%), calc(var(--zb-semantic-color-icon-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-shadow: #000000;
  --zb-semantic-color-shadow-h: 0deg;
  --zb-semantic-color-shadow-l: 0%;
  --zb-semantic-color-shadow-s: 0%;
  --zb-semantic-color-shadow-a: 1;
}
:root .shadow-color {
  color: hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + 0));
}
:root .shadow-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-background: #f5f5f5;
  --zb-semantic-color-background-h: 0deg;
  --zb-semantic-color-background-l: 96.0784313725%;
  --zb-semantic-color-background-s: 0%;
  --zb-semantic-color-background-a: 1;
}
:root .background-color {
  color: hsl(calc(var(--zb-semantic-color-background-h) + 0deg), calc(var(--zb-semantic-color-background-s) + 0%), calc(var(--zb-semantic-color-background-l) + 0%), calc(var(--zb-semantic-color-background-a) + 0));
}
:root .background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-background-h) + 0deg), calc(var(--zb-semantic-color-background-s) + 0%), calc(var(--zb-semantic-color-background-l) + 0%), calc(var(--zb-semantic-color-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-light-background: #ffffff;
  --zb-semantic-color-light-background-h: 0deg;
  --zb-semantic-color-light-background-l: 100%;
  --zb-semantic-color-light-background-s: 0%;
  --zb-semantic-color-light-background-a: 1;
}
:root .light-background-color {
  color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
}
:root .light-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-list-background: #eceff1;
  --zb-semantic-color-list-background-h: 204deg;
  --zb-semantic-color-list-background-l: 93.5294117647%;
  --zb-semantic-color-list-background-s: 15.1515151515%;
  --zb-semantic-color-list-background-a: 1;
}
:root .list-background-color {
  color: hsl(calc(var(--zb-semantic-color-list-background-h) + 0deg), calc(var(--zb-semantic-color-list-background-s) + 0%), calc(var(--zb-semantic-color-list-background-l) + 0%), calc(var(--zb-semantic-color-list-background-a) + 0));
}
:root .list-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-list-background-h) + 0deg), calc(var(--zb-semantic-color-list-background-s) + 0%), calc(var(--zb-semantic-color-list-background-l) + 0%), calc(var(--zb-semantic-color-list-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-pagination-background: #b3d9fe;
  --zb-semantic-color-pagination-background-h: 209.6deg;
  --zb-semantic-color-pagination-background-l: 84.9019607843%;
  --zb-semantic-color-pagination-background-s: 97.4025974026%;
  --zb-semantic-color-pagination-background-a: 1;
}
:root .pagination-background-color {
  color: hsl(calc(var(--zb-semantic-color-pagination-background-h) + 0deg), calc(var(--zb-semantic-color-pagination-background-s) + 0%), calc(var(--zb-semantic-color-pagination-background-l) + 0%), calc(var(--zb-semantic-color-pagination-background-a) + 0));
}
:root .pagination-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-pagination-background-h) + 0deg), calc(var(--zb-semantic-color-pagination-background-s) + 0%), calc(var(--zb-semantic-color-pagination-background-l) + 0%), calc(var(--zb-semantic-color-pagination-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-disabled-background: #eceff1;
  --zb-semantic-color-disabled-background-h: 204deg;
  --zb-semantic-color-disabled-background-l: 93.5294117647%;
  --zb-semantic-color-disabled-background-s: 15.1515151515%;
  --zb-semantic-color-disabled-background-a: 1;
}
:root .disabled-background-color {
  color: hsl(calc(var(--zb-semantic-color-disabled-background-h) + 0deg), calc(var(--zb-semantic-color-disabled-background-s) + 0%), calc(var(--zb-semantic-color-disabled-background-l) + 0%), calc(var(--zb-semantic-color-disabled-background-a) + 0));
}
:root .disabled-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-background-h) + 0deg), calc(var(--zb-semantic-color-disabled-background-s) + 0%), calc(var(--zb-semantic-color-disabled-background-l) + 0%), calc(var(--zb-semantic-color-disabled-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-error-background: #ef9a9a;
  --zb-semantic-color-error-background-h: 0deg;
  --zb-semantic-color-error-background-l: 77.0588235294%;
  --zb-semantic-color-error-background-s: 72.6495726496%;
  --zb-semantic-color-error-background-a: 1;
}
:root .error-background-color {
  color: hsl(calc(var(--zb-semantic-color-error-background-h) + 0deg), calc(var(--zb-semantic-color-error-background-s) + 0%), calc(var(--zb-semantic-color-error-background-l) + 0%), calc(var(--zb-semantic-color-error-background-a) + 0));
}
:root .error-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-error-background-h) + 0deg), calc(var(--zb-semantic-color-error-background-s) + 0%), calc(var(--zb-semantic-color-error-background-l) + 0%), calc(var(--zb-semantic-color-error-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-signin-page-background: #0072b3;
  --zb-semantic-color-signin-page-background-h: 201.7877094972deg;
  --zb-semantic-color-signin-page-background-l: 35.0980392157%;
  --zb-semantic-color-signin-page-background-s: 100%;
  --zb-semantic-color-signin-page-background-a: 1;
}
:root .signin-page-background-color {
  color: hsl(calc(var(--zb-semantic-color-signin-page-background-h) + 0deg), calc(var(--zb-semantic-color-signin-page-background-s) + 0%), calc(var(--zb-semantic-color-signin-page-background-l) + 0%), calc(var(--zb-semantic-color-signin-page-background-a) + 0));
}
:root .signin-page-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-signin-page-background-h) + 0deg), calc(var(--zb-semantic-color-signin-page-background-s) + 0%), calc(var(--zb-semantic-color-signin-page-background-l) + 0%), calc(var(--zb-semantic-color-signin-page-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-modal-header-background: #37474f;
  --zb-semantic-color-modal-header-background-h: 200deg;
  --zb-semantic-color-modal-header-background-l: 26.2745098039%;
  --zb-semantic-color-modal-header-background-s: 17.9104477612%;
  --zb-semantic-color-modal-header-background-a: 1;
}
:root .modal-header-background-color {
  color: hsl(calc(var(--zb-semantic-color-modal-header-background-h) + 0deg), calc(var(--zb-semantic-color-modal-header-background-s) + 0%), calc(var(--zb-semantic-color-modal-header-background-l) + 0%), calc(var(--zb-semantic-color-modal-header-background-a) + 0));
}
:root .modal-header-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-modal-header-background-h) + 0deg), calc(var(--zb-semantic-color-modal-header-background-s) + 0%), calc(var(--zb-semantic-color-modal-header-background-l) + 0%), calc(var(--zb-semantic-color-modal-header-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-aside-background: #eeeeee;
  --zb-semantic-color-aside-background-h: 0deg;
  --zb-semantic-color-aside-background-l: 93.3333333333%;
  --zb-semantic-color-aside-background-s: 0%;
  --zb-semantic-color-aside-background-a: 1;
}
:root .aside-background-color {
  color: hsl(calc(var(--zb-semantic-color-aside-background-h) + 0deg), calc(var(--zb-semantic-color-aside-background-s) + 0%), calc(var(--zb-semantic-color-aside-background-l) + 0%), calc(var(--zb-semantic-color-aside-background-a) + 0));
}
:root .aside-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-aside-background-h) + 0deg), calc(var(--zb-semantic-color-aside-background-s) + 0%), calc(var(--zb-semantic-color-aside-background-l) + 0%), calc(var(--zb-semantic-color-aside-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-selected-background: #b3d9fe;
  --zb-semantic-color-selected-background-h: 209.6deg;
  --zb-semantic-color-selected-background-l: 84.9019607843%;
  --zb-semantic-color-selected-background-s: 97.4025974026%;
  --zb-semantic-color-selected-background-a: 1;
}
:root .selected-background-color {
  color: hsl(calc(var(--zb-semantic-color-selected-background-h) + 0deg), calc(var(--zb-semantic-color-selected-background-s) + 0%), calc(var(--zb-semantic-color-selected-background-l) + 0%), calc(var(--zb-semantic-color-selected-background-a) + 0));
}
:root .selected-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-selected-background-h) + 0deg), calc(var(--zb-semantic-color-selected-background-s) + 0%), calc(var(--zb-semantic-color-selected-background-l) + 0%), calc(var(--zb-semantic-color-selected-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-inverse-body: #ffffff;
  --zb-semantic-color-inverse-body-h: 0deg;
  --zb-semantic-color-inverse-body-l: 100%;
  --zb-semantic-color-inverse-body-s: 0%;
  --zb-semantic-color-inverse-body-a: 1;
}
:root .inverse-body-color {
  color: hsl(calc(var(--zb-semantic-color-inverse-body-h) + 0deg), calc(var(--zb-semantic-color-inverse-body-s) + 0%), calc(var(--zb-semantic-color-inverse-body-l) + 0%), calc(var(--zb-semantic-color-inverse-body-a) + 0));
}
:root .inverse-body-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-inverse-body-h) + 0deg), calc(var(--zb-semantic-color-inverse-body-s) + 0%), calc(var(--zb-semantic-color-inverse-body-l) + 0%), calc(var(--zb-semantic-color-inverse-body-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-inverse-shadow: #ffffff;
  --zb-semantic-color-inverse-shadow-h: 0deg;
  --zb-semantic-color-inverse-shadow-l: 100%;
  --zb-semantic-color-inverse-shadow-s: 0%;
  --zb-semantic-color-inverse-shadow-a: 1;
}
:root .inverse-shadow-color {
  color: hsl(calc(var(--zb-semantic-color-inverse-shadow-h) + 0deg), calc(var(--zb-semantic-color-inverse-shadow-s) + 0%), calc(var(--zb-semantic-color-inverse-shadow-l) + 0%), calc(var(--zb-semantic-color-inverse-shadow-a) + 0));
}
:root .inverse-shadow-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-inverse-shadow-h) + 0deg), calc(var(--zb-semantic-color-inverse-shadow-s) + 0%), calc(var(--zb-semantic-color-inverse-shadow-l) + 0%), calc(var(--zb-semantic-color-inverse-shadow-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-table: #000000;
  --zb-semantic-color-table-h: 0deg;
  --zb-semantic-color-table-l: 0%;
  --zb-semantic-color-table-s: 0%;
  --zb-semantic-color-table-a: 1;
}
:root .table-color {
  color: hsl(calc(var(--zb-semantic-color-table-h) + 0deg), calc(var(--zb-semantic-color-table-s) + 0%), calc(var(--zb-semantic-color-table-l) + 0%), calc(var(--zb-semantic-color-table-a) + 0));
}
:root .table-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-table-h) + 0deg), calc(var(--zb-semantic-color-table-s) + 0%), calc(var(--zb-semantic-color-table-l) + 0%), calc(var(--zb-semantic-color-table-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-table-background: #f5f5f5;
  --zb-semantic-color-table-background-h: 0deg;
  --zb-semantic-color-table-background-l: 96.0784313725%;
  --zb-semantic-color-table-background-s: 0%;
  --zb-semantic-color-table-background-a: 1;
}
:root .table-background-color {
  color: hsl(calc(var(--zb-semantic-color-table-background-h) + 0deg), calc(var(--zb-semantic-color-table-background-s) + 0%), calc(var(--zb-semantic-color-table-background-l) + 0%), calc(var(--zb-semantic-color-table-background-a) + 0));
}
:root .table-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-table-background-h) + 0deg), calc(var(--zb-semantic-color-table-background-s) + 0%), calc(var(--zb-semantic-color-table-background-l) + 0%), calc(var(--zb-semantic-color-table-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-table-database-background: #b3d9fe;
  --zb-semantic-color-table-database-background-h: 209.6deg;
  --zb-semantic-color-table-database-background-l: 84.9019607843%;
  --zb-semantic-color-table-database-background-s: 97.4025974026%;
  --zb-semantic-color-table-database-background-a: 1;
}
:root .table-database-background-color {
  color: hsl(calc(var(--zb-semantic-color-table-database-background-h) + 0deg), calc(var(--zb-semantic-color-table-database-background-s) + 0%), calc(var(--zb-semantic-color-table-database-background-l) + 0%), calc(var(--zb-semantic-color-table-database-background-a) + 0));
}
:root .table-database-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-table-database-background-h) + 0deg), calc(var(--zb-semantic-color-table-database-background-s) + 0%), calc(var(--zb-semantic-color-table-database-background-l) + 0%), calc(var(--zb-semantic-color-table-database-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-table-spreadsheet-background: #ffffff;
  --zb-semantic-color-table-spreadsheet-background-h: 0deg;
  --zb-semantic-color-table-spreadsheet-background-l: 100%;
  --zb-semantic-color-table-spreadsheet-background-s: 0%;
  --zb-semantic-color-table-spreadsheet-background-a: 1;
}
:root .table-spreadsheet-background-color {
  color: hsl(calc(var(--zb-semantic-color-table-spreadsheet-background-h) + 0deg), calc(var(--zb-semantic-color-table-spreadsheet-background-s) + 0%), calc(var(--zb-semantic-color-table-spreadsheet-background-l) + 0%), calc(var(--zb-semantic-color-table-spreadsheet-background-a) + 0));
}
:root .table-spreadsheet-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-table-spreadsheet-background-h) + 0deg), calc(var(--zb-semantic-color-table-spreadsheet-background-s) + 0%), calc(var(--zb-semantic-color-table-spreadsheet-background-l) + 0%), calc(var(--zb-semantic-color-table-spreadsheet-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-table-border: #bdbdbd;
  --zb-semantic-color-table-border-h: 0deg;
  --zb-semantic-color-table-border-l: 74.1176470588%;
  --zb-semantic-color-table-border-s: 0%;
  --zb-semantic-color-table-border-a: 1;
}
:root .table-border-color {
  color: hsl(calc(var(--zb-semantic-color-table-border-h) + 0deg), calc(var(--zb-semantic-color-table-border-s) + 0%), calc(var(--zb-semantic-color-table-border-l) + 0%), calc(var(--zb-semantic-color-table-border-a) + 0));
}
:root .table-border-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-table-border-h) + 0deg), calc(var(--zb-semantic-color-table-border-s) + 0%), calc(var(--zb-semantic-color-table-border-l) + 0%), calc(var(--zb-semantic-color-table-border-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-table-header-background: #e0e0e0;
  --zb-semantic-color-table-header-background-h: 0deg;
  --zb-semantic-color-table-header-background-l: 87.8431372549%;
  --zb-semantic-color-table-header-background-s: 0%;
  --zb-semantic-color-table-header-background-a: 1;
}
:root .table-header-background-color {
  color: hsl(calc(var(--zb-semantic-color-table-header-background-h) + 0deg), calc(var(--zb-semantic-color-table-header-background-s) + 0%), calc(var(--zb-semantic-color-table-header-background-l) + 0%), calc(var(--zb-semantic-color-table-header-background-a) + 0));
}
:root .table-header-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-table-header-background-h) + 0deg), calc(var(--zb-semantic-color-table-header-background-s) + 0%), calc(var(--zb-semantic-color-table-header-background-l) + 0%), calc(var(--zb-semantic-color-table-header-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-table-header: #000000;
  --zb-semantic-color-table-header-h: 0deg;
  --zb-semantic-color-table-header-l: 0%;
  --zb-semantic-color-table-header-s: 0%;
  --zb-semantic-color-table-header-a: 1;
}
:root .table-header-color {
  color: hsl(calc(var(--zb-semantic-color-table-header-h) + 0deg), calc(var(--zb-semantic-color-table-header-s) + 0%), calc(var(--zb-semantic-color-table-header-l) + 0%), calc(var(--zb-semantic-color-table-header-a) + 0));
}
:root .table-header-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-table-header-h) + 0deg), calc(var(--zb-semantic-color-table-header-s) + 0%), calc(var(--zb-semantic-color-table-header-l) + 0%), calc(var(--zb-semantic-color-table-header-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-input: #000000;
  --zb-semantic-color-input-h: 0deg;
  --zb-semantic-color-input-l: 0%;
  --zb-semantic-color-input-s: 0%;
  --zb-semantic-color-input-a: 1;
}
:root .input-color {
  color: hsl(calc(var(--zb-semantic-color-input-h) + 0deg), calc(var(--zb-semantic-color-input-s) + 0%), calc(var(--zb-semantic-color-input-l) + 0%), calc(var(--zb-semantic-color-input-a) + 0));
}
:root .input-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-input-h) + 0deg), calc(var(--zb-semantic-color-input-s) + 0%), calc(var(--zb-semantic-color-input-l) + 0%), calc(var(--zb-semantic-color-input-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-input-label: #757575;
  --zb-semantic-color-input-label-h: 0deg;
  --zb-semantic-color-input-label-l: 45.8823529412%;
  --zb-semantic-color-input-label-s: 0%;
  --zb-semantic-color-input-label-a: 1;
}
:root .input-label-color {
  color: hsl(calc(var(--zb-semantic-color-input-label-h) + 0deg), calc(var(--zb-semantic-color-input-label-s) + 0%), calc(var(--zb-semantic-color-input-label-l) + 0%), calc(var(--zb-semantic-color-input-label-a) + 0));
}
:root .input-label-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-input-label-h) + 0deg), calc(var(--zb-semantic-color-input-label-s) + 0%), calc(var(--zb-semantic-color-input-label-l) + 0%), calc(var(--zb-semantic-color-input-label-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-input-border: #757575;
  --zb-semantic-color-input-border-h: 0deg;
  --zb-semantic-color-input-border-l: 45.8823529412%;
  --zb-semantic-color-input-border-s: 0%;
  --zb-semantic-color-input-border-a: 1;
}
:root .input-border-color {
  color: hsl(calc(var(--zb-semantic-color-input-border-h) + 0deg), calc(var(--zb-semantic-color-input-border-s) + 0%), calc(var(--zb-semantic-color-input-border-l) + 0%), calc(var(--zb-semantic-color-input-border-a) + 0));
}
:root .input-border-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-input-border-h) + 0deg), calc(var(--zb-semantic-color-input-border-s) + 0%), calc(var(--zb-semantic-color-input-border-l) + 0%), calc(var(--zb-semantic-color-input-border-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-input-placeholder: #757575;
  --zb-semantic-color-input-placeholder-h: 0deg;
  --zb-semantic-color-input-placeholder-l: 45.8823529412%;
  --zb-semantic-color-input-placeholder-s: 0%;
  --zb-semantic-color-input-placeholder-a: 1;
}
:root .input-placeholder-color {
  color: hsl(calc(var(--zb-semantic-color-input-placeholder-h) + 0deg), calc(var(--zb-semantic-color-input-placeholder-s) + 0%), calc(var(--zb-semantic-color-input-placeholder-l) + 0%), calc(var(--zb-semantic-color-input-placeholder-a) + 0));
}
:root .input-placeholder-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-input-placeholder-h) + 0deg), calc(var(--zb-semantic-color-input-placeholder-s) + 0%), calc(var(--zb-semantic-color-input-placeholder-l) + 0%), calc(var(--zb-semantic-color-input-placeholder-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-input-background: #ffffff;
  --zb-semantic-color-input-background-h: 0deg;
  --zb-semantic-color-input-background-l: 100%;
  --zb-semantic-color-input-background-s: 0%;
  --zb-semantic-color-input-background-a: 1;
}
:root .input-background-color {
  color: hsl(calc(var(--zb-semantic-color-input-background-h) + 0deg), calc(var(--zb-semantic-color-input-background-s) + 0%), calc(var(--zb-semantic-color-input-background-l) + 0%), calc(var(--zb-semantic-color-input-background-a) + 0));
}
:root .input-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-input-background-h) + 0deg), calc(var(--zb-semantic-color-input-background-s) + 0%), calc(var(--zb-semantic-color-input-background-l) + 0%), calc(var(--zb-semantic-color-input-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-zyde-header-background: #e0e0e0;
  --zb-semantic-color-zyde-header-background-h: 0deg;
  --zb-semantic-color-zyde-header-background-l: 87.8431372549%;
  --zb-semantic-color-zyde-header-background-s: 0%;
  --zb-semantic-color-zyde-header-background-a: 1;
}
:root .zyde-header-background-color {
  color: hsl(calc(var(--zb-semantic-color-zyde-header-background-h) + 0deg), calc(var(--zb-semantic-color-zyde-header-background-s) + 0%), calc(var(--zb-semantic-color-zyde-header-background-l) + 0%), calc(var(--zb-semantic-color-zyde-header-background-a) + 0));
}
:root .zyde-header-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zyde-header-background-h) + 0deg), calc(var(--zb-semantic-color-zyde-header-background-s) + 0%), calc(var(--zb-semantic-color-zyde-header-background-l) + 0%), calc(var(--zb-semantic-color-zyde-header-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-select-option-hover: #ffffff;
  --zb-semantic-color-select-option-hover-h: 0deg;
  --zb-semantic-color-select-option-hover-l: 100%;
  --zb-semantic-color-select-option-hover-s: 0%;
  --zb-semantic-color-select-option-hover-a: 1;
}
:root .select-option-hover-color {
  color: hsl(calc(var(--zb-semantic-color-select-option-hover-h) + 0deg), calc(var(--zb-semantic-color-select-option-hover-s) + 0%), calc(var(--zb-semantic-color-select-option-hover-l) + 0%), calc(var(--zb-semantic-color-select-option-hover-a) + 0));
}
:root .select-option-hover-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-select-option-hover-h) + 0deg), calc(var(--zb-semantic-color-select-option-hover-s) + 0%), calc(var(--zb-semantic-color-select-option-hover-l) + 0%), calc(var(--zb-semantic-color-select-option-hover-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-select-option-background-hover: #0072b3;
  --zb-semantic-color-select-option-background-hover-h: 201.7877094972deg;
  --zb-semantic-color-select-option-background-hover-l: 35.0980392157%;
  --zb-semantic-color-select-option-background-hover-s: 100%;
  --zb-semantic-color-select-option-background-hover-a: 1;
}
:root .select-option-background-hover-color {
  color: hsl(calc(var(--zb-semantic-color-select-option-background-hover-h) + 0deg), calc(var(--zb-semantic-color-select-option-background-hover-s) + 0%), calc(var(--zb-semantic-color-select-option-background-hover-l) + 0%), calc(var(--zb-semantic-color-select-option-background-hover-a) + 0));
}
:root .select-option-background-hover-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-select-option-background-hover-h) + 0deg), calc(var(--zb-semantic-color-select-option-background-hover-s) + 0%), calc(var(--zb-semantic-color-select-option-background-hover-l) + 0%), calc(var(--zb-semantic-color-select-option-background-hover-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-select-option-selected: #000000;
  --zb-semantic-color-select-option-selected-h: 0deg;
  --zb-semantic-color-select-option-selected-l: 0%;
  --zb-semantic-color-select-option-selected-s: 0%;
  --zb-semantic-color-select-option-selected-a: 1;
}
:root .select-option-selected-color {
  color: hsl(calc(var(--zb-semantic-color-select-option-selected-h) + 0deg), calc(var(--zb-semantic-color-select-option-selected-s) + 0%), calc(var(--zb-semantic-color-select-option-selected-l) + 0%), calc(var(--zb-semantic-color-select-option-selected-a) + 0));
}
:root .select-option-selected-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-select-option-selected-h) + 0deg), calc(var(--zb-semantic-color-select-option-selected-s) + 0%), calc(var(--zb-semantic-color-select-option-selected-l) + 0%), calc(var(--zb-semantic-color-select-option-selected-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-select-option-selected-background: #e0e0e0;
  --zb-semantic-color-select-option-selected-background-h: 0deg;
  --zb-semantic-color-select-option-selected-background-l: 87.8431372549%;
  --zb-semantic-color-select-option-selected-background-s: 0%;
  --zb-semantic-color-select-option-selected-background-a: 1;
}
:root .select-option-selected-background-color {
  color: hsl(calc(var(--zb-semantic-color-select-option-selected-background-h) + 0deg), calc(var(--zb-semantic-color-select-option-selected-background-s) + 0%), calc(var(--zb-semantic-color-select-option-selected-background-l) + 0%), calc(var(--zb-semantic-color-select-option-selected-background-a) + 0));
}
:root .select-option-selected-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-select-option-selected-background-h) + 0deg), calc(var(--zb-semantic-color-select-option-selected-background-s) + 0%), calc(var(--zb-semantic-color-select-option-selected-background-l) + 0%), calc(var(--zb-semantic-color-select-option-selected-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-multi-select-pill: #000000;
  --zb-semantic-color-multi-select-pill-h: 0deg;
  --zb-semantic-color-multi-select-pill-l: 0%;
  --zb-semantic-color-multi-select-pill-s: 0%;
  --zb-semantic-color-multi-select-pill-a: 1;
}
:root .multi-select-pill-color {
  color: hsl(calc(var(--zb-semantic-color-multi-select-pill-h) + 0deg), calc(var(--zb-semantic-color-multi-select-pill-s) + 0%), calc(var(--zb-semantic-color-multi-select-pill-l) + 0%), calc(var(--zb-semantic-color-multi-select-pill-a) + 0));
}
:root .multi-select-pill-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-multi-select-pill-h) + 0deg), calc(var(--zb-semantic-color-multi-select-pill-s) + 0%), calc(var(--zb-semantic-color-multi-select-pill-l) + 0%), calc(var(--zb-semantic-color-multi-select-pill-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-multi-select-pill-background: #bdbdbd;
  --zb-semantic-color-multi-select-pill-background-h: 0deg;
  --zb-semantic-color-multi-select-pill-background-l: 74.1176470588%;
  --zb-semantic-color-multi-select-pill-background-s: 0%;
  --zb-semantic-color-multi-select-pill-background-a: 1;
}
:root .multi-select-pill-background-color {
  color: hsl(calc(var(--zb-semantic-color-multi-select-pill-background-h) + 0deg), calc(var(--zb-semantic-color-multi-select-pill-background-s) + 0%), calc(var(--zb-semantic-color-multi-select-pill-background-l) + 0%), calc(var(--zb-semantic-color-multi-select-pill-background-a) + 0));
}
:root .multi-select-pill-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-multi-select-pill-background-h) + 0deg), calc(var(--zb-semantic-color-multi-select-pill-background-s) + 0%), calc(var(--zb-semantic-color-multi-select-pill-background-l) + 0%), calc(var(--zb-semantic-color-multi-select-pill-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-switch-off-background: #bdbdbd;
  --zb-semantic-color-switch-off-background-h: 0deg;
  --zb-semantic-color-switch-off-background-l: 74.1176470588%;
  --zb-semantic-color-switch-off-background-s: 0%;
  --zb-semantic-color-switch-off-background-a: 1;
}
:root .switch-off-background-color {
  color: hsl(calc(var(--zb-semantic-color-switch-off-background-h) + 0deg), calc(var(--zb-semantic-color-switch-off-background-s) + 0%), calc(var(--zb-semantic-color-switch-off-background-l) + 0%), calc(var(--zb-semantic-color-switch-off-background-a) + 0));
}
:root .switch-off-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-switch-off-background-h) + 0deg), calc(var(--zb-semantic-color-switch-off-background-s) + 0%), calc(var(--zb-semantic-color-switch-off-background-l) + 0%), calc(var(--zb-semantic-color-switch-off-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-switch-control-background: #ffffff;
  --zb-semantic-color-switch-control-background-h: 0deg;
  --zb-semantic-color-switch-control-background-l: 100%;
  --zb-semantic-color-switch-control-background-s: 0%;
  --zb-semantic-color-switch-control-background-a: 1;
}
:root .switch-control-background-color {
  color: hsl(calc(var(--zb-semantic-color-switch-control-background-h) + 0deg), calc(var(--zb-semantic-color-switch-control-background-s) + 0%), calc(var(--zb-semantic-color-switch-control-background-l) + 0%), calc(var(--zb-semantic-color-switch-control-background-a) + 0));
}
:root .switch-control-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-switch-control-background-h) + 0deg), calc(var(--zb-semantic-color-switch-control-background-s) + 0%), calc(var(--zb-semantic-color-switch-control-background-l) + 0%), calc(var(--zb-semantic-color-switch-control-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-selectable-zb-hover: #eeeeee;
  --zb-semantic-color-selectable-zb-hover-h: 0deg;
  --zb-semantic-color-selectable-zb-hover-l: 93.3333333333%;
  --zb-semantic-color-selectable-zb-hover-s: 0%;
  --zb-semantic-color-selectable-zb-hover-a: 1;
}
:root .selectable-zb-hover-color {
  color: hsl(calc(var(--zb-semantic-color-selectable-zb-hover-h) + 0deg), calc(var(--zb-semantic-color-selectable-zb-hover-s) + 0%), calc(var(--zb-semantic-color-selectable-zb-hover-l) + 0%), calc(var(--zb-semantic-color-selectable-zb-hover-a) + 0));
}
:root .selectable-zb-hover-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-selectable-zb-hover-h) + 0deg), calc(var(--zb-semantic-color-selectable-zb-hover-s) + 0%), calc(var(--zb-semantic-color-selectable-zb-hover-l) + 0%), calc(var(--zb-semantic-color-selectable-zb-hover-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-selectable-zb-selected: #e0e0e0;
  --zb-semantic-color-selectable-zb-selected-h: 0deg;
  --zb-semantic-color-selectable-zb-selected-l: 87.8431372549%;
  --zb-semantic-color-selectable-zb-selected-s: 0%;
  --zb-semantic-color-selectable-zb-selected-a: 1;
}
:root .selectable-zb-selected-color {
  color: hsl(calc(var(--zb-semantic-color-selectable-zb-selected-h) + 0deg), calc(var(--zb-semantic-color-selectable-zb-selected-s) + 0%), calc(var(--zb-semantic-color-selectable-zb-selected-l) + 0%), calc(var(--zb-semantic-color-selectable-zb-selected-a) + 0));
}
:root .selectable-zb-selected-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-selectable-zb-selected-h) + 0deg), calc(var(--zb-semantic-color-selectable-zb-selected-s) + 0%), calc(var(--zb-semantic-color-selectable-zb-selected-l) + 0%), calc(var(--zb-semantic-color-selectable-zb-selected-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-selectable-zb-border: #bdbdbd;
  --zb-semantic-color-selectable-zb-border-h: 0deg;
  --zb-semantic-color-selectable-zb-border-l: 74.1176470588%;
  --zb-semantic-color-selectable-zb-border-s: 0%;
  --zb-semantic-color-selectable-zb-border-a: 1;
}
:root .selectable-zb-border-color {
  color: hsl(calc(var(--zb-semantic-color-selectable-zb-border-h) + 0deg), calc(var(--zb-semantic-color-selectable-zb-border-s) + 0%), calc(var(--zb-semantic-color-selectable-zb-border-l) + 0%), calc(var(--zb-semantic-color-selectable-zb-border-a) + 0));
}
:root .selectable-zb-border-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-selectable-zb-border-h) + 0deg), calc(var(--zb-semantic-color-selectable-zb-border-s) + 0%), calc(var(--zb-semantic-color-selectable-zb-border-l) + 0%), calc(var(--zb-semantic-color-selectable-zb-border-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-button-text-hover: #000000;
  --zb-semantic-color-button-text-hover-h: 0deg;
  --zb-semantic-color-button-text-hover-l: 0%;
  --zb-semantic-color-button-text-hover-s: 0%;
  --zb-semantic-color-button-text-hover-a: 1;
}
:root .button-text-hover-color {
  color: hsl(calc(var(--zb-semantic-color-button-text-hover-h) + 0deg), calc(var(--zb-semantic-color-button-text-hover-s) + 0%), calc(var(--zb-semantic-color-button-text-hover-l) + 0%), calc(var(--zb-semantic-color-button-text-hover-a) + 0));
}
:root .button-text-hover-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-text-hover-h) + 0deg), calc(var(--zb-semantic-color-button-text-hover-s) + 0%), calc(var(--zb-semantic-color-button-text-hover-l) + 0%), calc(var(--zb-semantic-color-button-text-hover-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-button-raised: #ffffff;
  --zb-semantic-color-button-raised-h: 0deg;
  --zb-semantic-color-button-raised-l: 100%;
  --zb-semantic-color-button-raised-s: 0%;
  --zb-semantic-color-button-raised-a: 1;
}
:root .button-raised-color {
  color: hsl(calc(var(--zb-semantic-color-button-raised-h) + 0deg), calc(var(--zb-semantic-color-button-raised-s) + 0%), calc(var(--zb-semantic-color-button-raised-l) + 0%), calc(var(--zb-semantic-color-button-raised-a) + 0));
}
:root .button-raised-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-raised-h) + 0deg), calc(var(--zb-semantic-color-button-raised-s) + 0%), calc(var(--zb-semantic-color-button-raised-l) + 0%), calc(var(--zb-semantic-color-button-raised-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-button-count: #ffffff;
  --zb-semantic-color-button-count-h: 0deg;
  --zb-semantic-color-button-count-l: 100%;
  --zb-semantic-color-button-count-s: 0%;
  --zb-semantic-color-button-count-a: 1;
}
:root .button-count-color {
  color: hsl(calc(var(--zb-semantic-color-button-count-h) + 0deg), calc(var(--zb-semantic-color-button-count-s) + 0%), calc(var(--zb-semantic-color-button-count-l) + 0%), calc(var(--zb-semantic-color-button-count-a) + 0));
}
:root .button-count-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-count-h) + 0deg), calc(var(--zb-semantic-color-button-count-s) + 0%), calc(var(--zb-semantic-color-button-count-l) + 0%), calc(var(--zb-semantic-color-button-count-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-button-count-background: #757575;
  --zb-semantic-color-button-count-background-h: 0deg;
  --zb-semantic-color-button-count-background-l: 45.8823529412%;
  --zb-semantic-color-button-count-background-s: 0%;
  --zb-semantic-color-button-count-background-a: 1;
}
:root .button-count-background-color {
  color: hsl(calc(var(--zb-semantic-color-button-count-background-h) + 0deg), calc(var(--zb-semantic-color-button-count-background-s) + 0%), calc(var(--zb-semantic-color-button-count-background-l) + 0%), calc(var(--zb-semantic-color-button-count-background-a) + 0));
}
:root .button-count-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-count-background-h) + 0deg), calc(var(--zb-semantic-color-button-count-background-s) + 0%), calc(var(--zb-semantic-color-button-count-background-l) + 0%), calc(var(--zb-semantic-color-button-count-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-button-count-background-hover: #000000;
  --zb-semantic-color-button-count-background-hover-h: 0deg;
  --zb-semantic-color-button-count-background-hover-l: 0%;
  --zb-semantic-color-button-count-background-hover-s: 0%;
  --zb-semantic-color-button-count-background-hover-a: 1;
}
:root .button-count-background-hover-color {
  color: hsl(calc(var(--zb-semantic-color-button-count-background-hover-h) + 0deg), calc(var(--zb-semantic-color-button-count-background-hover-s) + 0%), calc(var(--zb-semantic-color-button-count-background-hover-l) + 0%), calc(var(--zb-semantic-color-button-count-background-hover-a) + 0));
}
:root .button-count-background-hover-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-count-background-hover-h) + 0deg), calc(var(--zb-semantic-color-button-count-background-hover-s) + 0%), calc(var(--zb-semantic-color-button-count-background-hover-l) + 0%), calc(var(--zb-semantic-color-button-count-background-hover-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-button-count-raised: #000000;
  --zb-semantic-color-button-count-raised-h: 0deg;
  --zb-semantic-color-button-count-raised-l: 0%;
  --zb-semantic-color-button-count-raised-s: 0%;
  --zb-semantic-color-button-count-raised-a: 1;
}
:root .button-count-raised-color {
  color: hsl(calc(var(--zb-semantic-color-button-count-raised-h) + 0deg), calc(var(--zb-semantic-color-button-count-raised-s) + 0%), calc(var(--zb-semantic-color-button-count-raised-l) + 0%), calc(var(--zb-semantic-color-button-count-raised-a) + 0));
}
:root .button-count-raised-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-count-raised-h) + 0deg), calc(var(--zb-semantic-color-button-count-raised-s) + 0%), calc(var(--zb-semantic-color-button-count-raised-l) + 0%), calc(var(--zb-semantic-color-button-count-raised-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-button-count-raised-background: #ffffff;
  --zb-semantic-color-button-count-raised-background-h: 0deg;
  --zb-semantic-color-button-count-raised-background-l: 100%;
  --zb-semantic-color-button-count-raised-background-s: 0%;
  --zb-semantic-color-button-count-raised-background-a: 1;
}
:root .button-count-raised-background-color {
  color: hsl(calc(var(--zb-semantic-color-button-count-raised-background-h) + 0deg), calc(var(--zb-semantic-color-button-count-raised-background-s) + 0%), calc(var(--zb-semantic-color-button-count-raised-background-l) + 0%), calc(var(--zb-semantic-color-button-count-raised-background-a) + 0));
}
:root .button-count-raised-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-count-raised-background-h) + 0deg), calc(var(--zb-semantic-color-button-count-raised-background-s) + 0%), calc(var(--zb-semantic-color-button-count-raised-background-l) + 0%), calc(var(--zb-semantic-color-button-count-raised-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-button-default: #000000;
  --zb-semantic-color-button-default-h: 0deg;
  --zb-semantic-color-button-default-l: 0%;
  --zb-semantic-color-button-default-s: 0%;
  --zb-semantic-color-button-default-a: 1;
}
:root .button-default-color {
  color: hsl(calc(var(--zb-semantic-color-button-default-h) + 0deg), calc(var(--zb-semantic-color-button-default-s) + 0%), calc(var(--zb-semantic-color-button-default-l) + 0%), calc(var(--zb-semantic-color-button-default-a) + 0));
}
:root .button-default-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-default-h) + 0deg), calc(var(--zb-semantic-color-button-default-s) + 0%), calc(var(--zb-semantic-color-button-default-l) + 0%), calc(var(--zb-semantic-color-button-default-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-button-hover-default: #c1560b;
  --zb-semantic-color-button-hover-default-h: 24.7252747253deg;
  --zb-semantic-color-button-hover-default-l: 40%;
  --zb-semantic-color-button-hover-default-s: 89.2156862745%;
  --zb-semantic-color-button-hover-default-a: 1;
}
:root .button-hover-default-color {
  color: hsl(calc(var(--zb-semantic-color-button-hover-default-h) + 0deg), calc(var(--zb-semantic-color-button-hover-default-s) + 0%), calc(var(--zb-semantic-color-button-hover-default-l) + 0%), calc(var(--zb-semantic-color-button-hover-default-a) + 0));
}
:root .button-hover-default-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-hover-default-h) + 0deg), calc(var(--zb-semantic-color-button-hover-default-s) + 0%), calc(var(--zb-semantic-color-button-hover-default-l) + 0%), calc(var(--zb-semantic-color-button-hover-default-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-button-raised-default: #000000;
  --zb-semantic-color-button-raised-default-h: 0deg;
  --zb-semantic-color-button-raised-default-l: 0%;
  --zb-semantic-color-button-raised-default-s: 0%;
  --zb-semantic-color-button-raised-default-a: 1;
}
:root .button-raised-default-color {
  color: hsl(calc(var(--zb-semantic-color-button-raised-default-h) + 0deg), calc(var(--zb-semantic-color-button-raised-default-s) + 0%), calc(var(--zb-semantic-color-button-raised-default-l) + 0%), calc(var(--zb-semantic-color-button-raised-default-a) + 0));
}
:root .button-raised-default-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-raised-default-h) + 0deg), calc(var(--zb-semantic-color-button-raised-default-s) + 0%), calc(var(--zb-semantic-color-button-raised-default-l) + 0%), calc(var(--zb-semantic-color-button-raised-default-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-button-raised-background-default: #b0bec5;
  --zb-semantic-color-button-raised-background-default-h: 200deg;
  --zb-semantic-color-button-raised-background-default-l: 73.137254902%;
  --zb-semantic-color-button-raised-background-default-s: 15.3284671533%;
  --zb-semantic-color-button-raised-background-default-a: 1;
}
:root .button-raised-background-default-color {
  color: hsl(calc(var(--zb-semantic-color-button-raised-background-default-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-default-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-default-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-default-a) + 0));
}
:root .button-raised-background-default-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-default-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-default-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-default-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-default-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-button-raised-background-hover-default: #c1560b;
  --zb-semantic-color-button-raised-background-hover-default-h: 24.7252747253deg;
  --zb-semantic-color-button-raised-background-hover-default-l: 40%;
  --zb-semantic-color-button-raised-background-hover-default-s: 89.2156862745%;
  --zb-semantic-color-button-raised-background-hover-default-a: 1;
}
:root .button-raised-background-hover-default-color {
  color: hsl(calc(var(--zb-semantic-color-button-raised-background-hover-default-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-hover-default-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-default-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-default-a) + 0));
}
:root .button-raised-background-hover-default-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-hover-default-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-hover-default-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-default-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-default-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-button-primary: #c1560b;
  --zb-semantic-color-button-primary-h: 24.7252747253deg;
  --zb-semantic-color-button-primary-l: 40%;
  --zb-semantic-color-button-primary-s: 89.2156862745%;
  --zb-semantic-color-button-primary-a: 1;
}
:root .button-primary-color {
  color: hsl(calc(var(--zb-semantic-color-button-primary-h) + 0deg), calc(var(--zb-semantic-color-button-primary-s) + 0%), calc(var(--zb-semantic-color-button-primary-l) + 0%), calc(var(--zb-semantic-color-button-primary-a) + 0));
}
:root .button-primary-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-primary-h) + 0deg), calc(var(--zb-semantic-color-button-primary-s) + 0%), calc(var(--zb-semantic-color-button-primary-l) + 0%), calc(var(--zb-semantic-color-button-primary-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-button-raised-background-primary: #c1560b;
  --zb-semantic-color-button-raised-background-primary-h: 24.7252747253deg;
  --zb-semantic-color-button-raised-background-primary-l: 40%;
  --zb-semantic-color-button-raised-background-primary-s: 89.2156862745%;
  --zb-semantic-color-button-raised-background-primary-a: 1;
}
:root .button-raised-background-primary-color {
  color: hsl(calc(var(--zb-semantic-color-button-raised-background-primary-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-primary-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-primary-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-primary-a) + 0));
}
:root .button-raised-background-primary-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-primary-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-primary-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-primary-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-primary-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-button-raised-background-hover-primary: #d95d00;
  --zb-semantic-color-button-raised-background-hover-primary-h: 25.7142857143deg;
  --zb-semantic-color-button-raised-background-hover-primary-l: 42.5490196078%;
  --zb-semantic-color-button-raised-background-hover-primary-s: 100%;
  --zb-semantic-color-button-raised-background-hover-primary-a: 1;
}
:root .button-raised-background-hover-primary-color {
  color: hsl(calc(var(--zb-semantic-color-button-raised-background-hover-primary-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-hover-primary-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-primary-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-primary-a) + 0));
}
:root .button-raised-background-hover-primary-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-hover-primary-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-hover-primary-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-primary-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-primary-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-button-secondary: #0072b3;
  --zb-semantic-color-button-secondary-h: 201.7877094972deg;
  --zb-semantic-color-button-secondary-l: 35.0980392157%;
  --zb-semantic-color-button-secondary-s: 100%;
  --zb-semantic-color-button-secondary-a: 1;
}
:root .button-secondary-color {
  color: hsl(calc(var(--zb-semantic-color-button-secondary-h) + 0deg), calc(var(--zb-semantic-color-button-secondary-s) + 0%), calc(var(--zb-semantic-color-button-secondary-l) + 0%), calc(var(--zb-semantic-color-button-secondary-a) + 0));
}
:root .button-secondary-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-secondary-h) + 0deg), calc(var(--zb-semantic-color-button-secondary-s) + 0%), calc(var(--zb-semantic-color-button-secondary-l) + 0%), calc(var(--zb-semantic-color-button-secondary-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-button-raised-background-secondary: #0072b3;
  --zb-semantic-color-button-raised-background-secondary-h: 201.7877094972deg;
  --zb-semantic-color-button-raised-background-secondary-l: 35.0980392157%;
  --zb-semantic-color-button-raised-background-secondary-s: 100%;
  --zb-semantic-color-button-raised-background-secondary-a: 1;
}
:root .button-raised-background-secondary-color {
  color: hsl(calc(var(--zb-semantic-color-button-raised-background-secondary-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-secondary-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-secondary-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-secondary-a) + 0));
}
:root .button-raised-background-secondary-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-secondary-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-secondary-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-secondary-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-secondary-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-button-raised-background-hover-secondary: #0164a1;
  --zb-semantic-color-button-raised-background-hover-secondary-h: 202.875deg;
  --zb-semantic-color-button-raised-background-hover-secondary-l: 31.7647058824%;
  --zb-semantic-color-button-raised-background-hover-secondary-s: 98.7654320988%;
  --zb-semantic-color-button-raised-background-hover-secondary-a: 1;
}
:root .button-raised-background-hover-secondary-color {
  color: hsl(calc(var(--zb-semantic-color-button-raised-background-hover-secondary-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-hover-secondary-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-secondary-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-secondary-a) + 0));
}
:root .button-raised-background-hover-secondary-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-hover-secondary-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-hover-secondary-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-secondary-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-secondary-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-button-green: #338037;
  --zb-semantic-color-button-green-h: 123.1168831169deg;
  --zb-semantic-color-button-green-l: 35.0980392157%;
  --zb-semantic-color-button-green-s: 43.0167597765%;
  --zb-semantic-color-button-green-a: 1;
}
:root .button-green-color {
  color: hsl(calc(var(--zb-semantic-color-button-green-h) + 0deg), calc(var(--zb-semantic-color-button-green-s) + 0%), calc(var(--zb-semantic-color-button-green-l) + 0%), calc(var(--zb-semantic-color-button-green-a) + 0));
}
:root .button-green-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-green-h) + 0deg), calc(var(--zb-semantic-color-button-green-s) + 0%), calc(var(--zb-semantic-color-button-green-l) + 0%), calc(var(--zb-semantic-color-button-green-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-button-raised-background-green: #338037;
  --zb-semantic-color-button-raised-background-green-h: 123.1168831169deg;
  --zb-semantic-color-button-raised-background-green-l: 35.0980392157%;
  --zb-semantic-color-button-raised-background-green-s: 43.0167597765%;
  --zb-semantic-color-button-raised-background-green-a: 1;
}
:root .button-raised-background-green-color {
  color: hsl(calc(var(--zb-semantic-color-button-raised-background-green-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-green-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-green-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-green-a) + 0));
}
:root .button-raised-background-green-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-green-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-green-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-green-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-green-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-button-raised-background-hover-green: #367747;
  --zb-semantic-color-button-raised-background-hover-green-h: 135.6923076923deg;
  --zb-semantic-color-button-raised-background-hover-green-l: 33.9215686275%;
  --zb-semantic-color-button-raised-background-hover-green-s: 37.5722543353%;
  --zb-semantic-color-button-raised-background-hover-green-a: 1;
}
:root .button-raised-background-hover-green-color {
  color: hsl(calc(var(--zb-semantic-color-button-raised-background-hover-green-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-hover-green-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-green-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-green-a) + 0));
}
:root .button-raised-background-hover-green-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-hover-green-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-hover-green-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-green-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-green-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-button-warn: #cc3838;
  --zb-semantic-color-button-warn-h: 0deg;
  --zb-semantic-color-button-warn-l: 50.9803921569%;
  --zb-semantic-color-button-warn-s: 59.2%;
  --zb-semantic-color-button-warn-a: 1;
}
:root .button-warn-color {
  color: hsl(calc(var(--zb-semantic-color-button-warn-h) + 0deg), calc(var(--zb-semantic-color-button-warn-s) + 0%), calc(var(--zb-semantic-color-button-warn-l) + 0%), calc(var(--zb-semantic-color-button-warn-a) + 0));
}
:root .button-warn-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-warn-h) + 0deg), calc(var(--zb-semantic-color-button-warn-s) + 0%), calc(var(--zb-semantic-color-button-warn-l) + 0%), calc(var(--zb-semantic-color-button-warn-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-button-raised-background-warn: #cc3838;
  --zb-semantic-color-button-raised-background-warn-h: 0deg;
  --zb-semantic-color-button-raised-background-warn-l: 50.9803921569%;
  --zb-semantic-color-button-raised-background-warn-s: 59.2%;
  --zb-semantic-color-button-raised-background-warn-a: 1;
}
:root .button-raised-background-warn-color {
  color: hsl(calc(var(--zb-semantic-color-button-raised-background-warn-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-warn-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-warn-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-warn-a) + 0));
}
:root .button-raised-background-warn-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-warn-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-warn-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-warn-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-warn-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-button-raised-background-hover-warn: #a10a11;
  --zb-semantic-color-button-raised-background-hover-warn-h: 357.2185430464deg;
  --zb-semantic-color-button-raised-background-hover-warn-l: 33.5294117647%;
  --zb-semantic-color-button-raised-background-hover-warn-s: 88.3040935673%;
  --zb-semantic-color-button-raised-background-hover-warn-a: 1;
}
:root .button-raised-background-hover-warn-color {
  color: hsl(calc(var(--zb-semantic-color-button-raised-background-hover-warn-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-hover-warn-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-warn-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-warn-a) + 0));
}
:root .button-raised-background-hover-warn-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-hover-warn-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-hover-warn-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-warn-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-warn-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-button-grey: #424242;
  --zb-semantic-color-button-grey-h: 0deg;
  --zb-semantic-color-button-grey-l: 25.8823529412%;
  --zb-semantic-color-button-grey-s: 0%;
  --zb-semantic-color-button-grey-a: 1;
}
:root .button-grey-color {
  color: hsl(calc(var(--zb-semantic-color-button-grey-h) + 0deg), calc(var(--zb-semantic-color-button-grey-s) + 0%), calc(var(--zb-semantic-color-button-grey-l) + 0%), calc(var(--zb-semantic-color-button-grey-a) + 0));
}
:root .button-grey-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-grey-h) + 0deg), calc(var(--zb-semantic-color-button-grey-s) + 0%), calc(var(--zb-semantic-color-button-grey-l) + 0%), calc(var(--zb-semantic-color-button-grey-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-button-raised-background-grey: #757575;
  --zb-semantic-color-button-raised-background-grey-h: 0deg;
  --zb-semantic-color-button-raised-background-grey-l: 45.8823529412%;
  --zb-semantic-color-button-raised-background-grey-s: 0%;
  --zb-semantic-color-button-raised-background-grey-a: 1;
}
:root .button-raised-background-grey-color {
  color: hsl(calc(var(--zb-semantic-color-button-raised-background-grey-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-grey-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-grey-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-grey-a) + 0));
}
:root .button-raised-background-grey-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-grey-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-grey-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-grey-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-grey-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-button-raised-background-hover-grey: #9e9e9e;
  --zb-semantic-color-button-raised-background-hover-grey-h: 0deg;
  --zb-semantic-color-button-raised-background-hover-grey-l: 61.9607843137%;
  --zb-semantic-color-button-raised-background-hover-grey-s: 0%;
  --zb-semantic-color-button-raised-background-hover-grey-a: 1;
}
:root .button-raised-background-hover-grey-color {
  color: hsl(calc(var(--zb-semantic-color-button-raised-background-hover-grey-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-hover-grey-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-grey-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-grey-a) + 0));
}
:root .button-raised-background-hover-grey-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-hover-grey-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-hover-grey-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-grey-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-grey-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-zybook-participation: #c1560b;
  --zb-semantic-color-zybook-participation-h: 24.7252747253deg;
  --zb-semantic-color-zybook-participation-l: 40%;
  --zb-semantic-color-zybook-participation-s: 89.2156862745%;
  --zb-semantic-color-zybook-participation-a: 1;
}
:root .zybook-participation-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-participation-h) + 0deg), calc(var(--zb-semantic-color-zybook-participation-s) + 0%), calc(var(--zb-semantic-color-zybook-participation-l) + 0%), calc(var(--zb-semantic-color-zybook-participation-a) + 0));
}
:root .zybook-participation-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-participation-h) + 0deg), calc(var(--zb-semantic-color-zybook-participation-s) + 0%), calc(var(--zb-semantic-color-zybook-participation-l) + 0%), calc(var(--zb-semantic-color-zybook-participation-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-zybook-lab: #338037;
  --zb-semantic-color-zybook-lab-h: 123.1168831169deg;
  --zb-semantic-color-zybook-lab-l: 35.0980392157%;
  --zb-semantic-color-zybook-lab-s: 43.0167597765%;
  --zb-semantic-color-zybook-lab-a: 1;
}
:root .zybook-lab-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-lab-h) + 0deg), calc(var(--zb-semantic-color-zybook-lab-s) + 0%), calc(var(--zb-semantic-color-zybook-lab-l) + 0%), calc(var(--zb-semantic-color-zybook-lab-a) + 0));
}
:root .zybook-lab-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-lab-h) + 0deg), calc(var(--zb-semantic-color-zybook-lab-s) + 0%), calc(var(--zb-semantic-color-zybook-lab-l) + 0%), calc(var(--zb-semantic-color-zybook-lab-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-zybook-studio: #338037;
  --zb-semantic-color-zybook-studio-h: 123.1168831169deg;
  --zb-semantic-color-zybook-studio-l: 35.0980392157%;
  --zb-semantic-color-zybook-studio-s: 43.0167597765%;
  --zb-semantic-color-zybook-studio-a: 1;
}
:root .zybook-studio-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-studio-h) + 0deg), calc(var(--zb-semantic-color-zybook-studio-s) + 0%), calc(var(--zb-semantic-color-zybook-studio-l) + 0%), calc(var(--zb-semantic-color-zybook-studio-a) + 0));
}
:root .zybook-studio-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-studio-h) + 0deg), calc(var(--zb-semantic-color-zybook-studio-s) + 0%), calc(var(--zb-semantic-color-zybook-studio-l) + 0%), calc(var(--zb-semantic-color-zybook-studio-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-zybook-challenge: #0072b3;
  --zb-semantic-color-zybook-challenge-h: 201.7877094972deg;
  --zb-semantic-color-zybook-challenge-l: 35.0980392157%;
  --zb-semantic-color-zybook-challenge-s: 100%;
  --zb-semantic-color-zybook-challenge-a: 1;
}
:root .zybook-challenge-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-challenge-h) + 0deg), calc(var(--zb-semantic-color-zybook-challenge-s) + 0%), calc(var(--zb-semantic-color-zybook-challenge-l) + 0%), calc(var(--zb-semantic-color-zybook-challenge-a) + 0));
}
:root .zybook-challenge-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-challenge-h) + 0deg), calc(var(--zb-semantic-color-zybook-challenge-s) + 0%), calc(var(--zb-semantic-color-zybook-challenge-l) + 0%), calc(var(--zb-semantic-color-zybook-challenge-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-zybook-exercise: #0072b3;
  --zb-semantic-color-zybook-exercise-h: 201.7877094972deg;
  --zb-semantic-color-zybook-exercise-l: 35.0980392157%;
  --zb-semantic-color-zybook-exercise-s: 100%;
  --zb-semantic-color-zybook-exercise-a: 1;
}
:root .zybook-exercise-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-exercise-h) + 0deg), calc(var(--zb-semantic-color-zybook-exercise-s) + 0%), calc(var(--zb-semantic-color-zybook-exercise-l) + 0%), calc(var(--zb-semantic-color-zybook-exercise-a) + 0));
}
:root .zybook-exercise-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-exercise-h) + 0deg), calc(var(--zb-semantic-color-zybook-exercise-s) + 0%), calc(var(--zb-semantic-color-zybook-exercise-l) + 0%), calc(var(--zb-semantic-color-zybook-exercise-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-zybook-static: #e0e0e0;
  --zb-semantic-color-zybook-static-h: 0deg;
  --zb-semantic-color-zybook-static-l: 87.8431372549%;
  --zb-semantic-color-zybook-static-s: 0%;
  --zb-semantic-color-zybook-static-a: 1;
}
:root .zybook-static-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-static-h) + 0deg), calc(var(--zb-semantic-color-zybook-static-s) + 0%), calc(var(--zb-semantic-color-zybook-static-l) + 0%), calc(var(--zb-semantic-color-zybook-static-a) + 0));
}
:root .zybook-static-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-static-h) + 0deg), calc(var(--zb-semantic-color-zybook-static-s) + 0%), calc(var(--zb-semantic-color-zybook-static-l) + 0%), calc(var(--zb-semantic-color-zybook-static-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-zybook-optional: #0072b3;
  --zb-semantic-color-zybook-optional-h: 201.7877094972deg;
  --zb-semantic-color-zybook-optional-l: 35.0980392157%;
  --zb-semantic-color-zybook-optional-s: 100%;
  --zb-semantic-color-zybook-optional-a: 1;
}
:root .zybook-optional-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-optional-h) + 0deg), calc(var(--zb-semantic-color-zybook-optional-s) + 0%), calc(var(--zb-semantic-color-zybook-optional-l) + 0%), calc(var(--zb-semantic-color-zybook-optional-a) + 0));
}
:root .zybook-optional-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-optional-h) + 0deg), calc(var(--zb-semantic-color-zybook-optional-s) + 0%), calc(var(--zb-semantic-color-zybook-optional-l) + 0%), calc(var(--zb-semantic-color-zybook-optional-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-zybook-hidden: #757575;
  --zb-semantic-color-zybook-hidden-h: 0deg;
  --zb-semantic-color-zybook-hidden-l: 45.8823529412%;
  --zb-semantic-color-zybook-hidden-s: 0%;
  --zb-semantic-color-zybook-hidden-a: 1;
}
:root .zybook-hidden-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-hidden-h) + 0deg), calc(var(--zb-semantic-color-zybook-hidden-s) + 0%), calc(var(--zb-semantic-color-zybook-hidden-l) + 0%), calc(var(--zb-semantic-color-zybook-hidden-a) + 0));
}
:root .zybook-hidden-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-hidden-h) + 0deg), calc(var(--zb-semantic-color-zybook-hidden-s) + 0%), calc(var(--zb-semantic-color-zybook-hidden-l) + 0%), calc(var(--zb-semantic-color-zybook-hidden-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-zybook-empty: #cc3838;
  --zb-semantic-color-zybook-empty-h: 0deg;
  --zb-semantic-color-zybook-empty-l: 50.9803921569%;
  --zb-semantic-color-zybook-empty-s: 59.2%;
  --zb-semantic-color-zybook-empty-a: 1;
}
:root .zybook-empty-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-empty-h) + 0deg), calc(var(--zb-semantic-color-zybook-empty-s) + 0%), calc(var(--zb-semantic-color-zybook-empty-l) + 0%), calc(var(--zb-semantic-color-zybook-empty-a) + 0));
}
:root .zybook-empty-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-empty-h) + 0deg), calc(var(--zb-semantic-color-zybook-empty-s) + 0%), calc(var(--zb-semantic-color-zybook-empty-l) + 0%), calc(var(--zb-semantic-color-zybook-empty-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-zybook-exam: #37474f;
  --zb-semantic-color-zybook-exam-h: 200deg;
  --zb-semantic-color-zybook-exam-l: 26.2745098039%;
  --zb-semantic-color-zybook-exam-s: 17.9104477612%;
  --zb-semantic-color-zybook-exam-a: 1;
}
:root .zybook-exam-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-exam-h) + 0deg), calc(var(--zb-semantic-color-zybook-exam-s) + 0%), calc(var(--zb-semantic-color-zybook-exam-l) + 0%), calc(var(--zb-semantic-color-zybook-exam-a) + 0));
}
:root .zybook-exam-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-exam-h) + 0deg), calc(var(--zb-semantic-color-zybook-exam-s) + 0%), calc(var(--zb-semantic-color-zybook-exam-l) + 0%), calc(var(--zb-semantic-color-zybook-exam-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-zybook-new: #c1560b;
  --zb-semantic-color-zybook-new-h: 24.7252747253deg;
  --zb-semantic-color-zybook-new-l: 40%;
  --zb-semantic-color-zybook-new-s: 89.2156862745%;
  --zb-semantic-color-zybook-new-a: 1;
}
:root .zybook-new-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-new-h) + 0deg), calc(var(--zb-semantic-color-zybook-new-s) + 0%), calc(var(--zb-semantic-color-zybook-new-l) + 0%), calc(var(--zb-semantic-color-zybook-new-a) + 0));
}
:root .zybook-new-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-new-h) + 0deg), calc(var(--zb-semantic-color-zybook-new-s) + 0%), calc(var(--zb-semantic-color-zybook-new-l) + 0%), calc(var(--zb-semantic-color-zybook-new-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-zybook-content-label: #ffffff;
  --zb-semantic-color-zybook-content-label-h: 0deg;
  --zb-semantic-color-zybook-content-label-l: 100%;
  --zb-semantic-color-zybook-content-label-s: 0%;
  --zb-semantic-color-zybook-content-label-a: 1;
}
:root .zybook-content-label-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-content-label-h) + 0deg), calc(var(--zb-semantic-color-zybook-content-label-s) + 0%), calc(var(--zb-semantic-color-zybook-content-label-l) + 0%), calc(var(--zb-semantic-color-zybook-content-label-a) + 0));
}
:root .zybook-content-label-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-content-label-h) + 0deg), calc(var(--zb-semantic-color-zybook-content-label-s) + 0%), calc(var(--zb-semantic-color-zybook-content-label-l) + 0%), calc(var(--zb-semantic-color-zybook-content-label-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-zybook-content-label-background: #37474f;
  --zb-semantic-color-zybook-content-label-background-h: 200deg;
  --zb-semantic-color-zybook-content-label-background-l: 26.2745098039%;
  --zb-semantic-color-zybook-content-label-background-s: 17.9104477612%;
  --zb-semantic-color-zybook-content-label-background-a: 1;
}
:root .zybook-content-label-background-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-content-label-background-h) + 0deg), calc(var(--zb-semantic-color-zybook-content-label-background-s) + 0%), calc(var(--zb-semantic-color-zybook-content-label-background-l) + 0%), calc(var(--zb-semantic-color-zybook-content-label-background-a) + 0));
}
:root .zybook-content-label-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-content-label-background-h) + 0deg), calc(var(--zb-semantic-color-zybook-content-label-background-s) + 0%), calc(var(--zb-semantic-color-zybook-content-label-background-l) + 0%), calc(var(--zb-semantic-color-zybook-content-label-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-zybook-toc-disabled-header-background: #b0bec5;
  --zb-semantic-color-zybook-toc-disabled-header-background-h: 200deg;
  --zb-semantic-color-zybook-toc-disabled-header-background-l: 73.137254902%;
  --zb-semantic-color-zybook-toc-disabled-header-background-s: 15.3284671533%;
  --zb-semantic-color-zybook-toc-disabled-header-background-a: 1;
}
:root .zybook-toc-disabled-header-background-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-toc-disabled-header-background-h) + 0deg), calc(var(--zb-semantic-color-zybook-toc-disabled-header-background-s) + 0%), calc(var(--zb-semantic-color-zybook-toc-disabled-header-background-l) + 0%), calc(var(--zb-semantic-color-zybook-toc-disabled-header-background-a) + 0));
}
:root .zybook-toc-disabled-header-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-toc-disabled-header-background-h) + 0deg), calc(var(--zb-semantic-color-zybook-toc-disabled-header-background-s) + 0%), calc(var(--zb-semantic-color-zybook-toc-disabled-header-background-l) + 0%), calc(var(--zb-semantic-color-zybook-toc-disabled-header-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-zybook-section-banner-icon-background: #9e9e9e;
  --zb-semantic-color-zybook-section-banner-icon-background-h: 0deg;
  --zb-semantic-color-zybook-section-banner-icon-background-l: 61.9607843137%;
  --zb-semantic-color-zybook-section-banner-icon-background-s: 0%;
  --zb-semantic-color-zybook-section-banner-icon-background-a: 1;
}
:root .zybook-section-banner-icon-background-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-section-banner-icon-background-h) + 0deg), calc(var(--zb-semantic-color-zybook-section-banner-icon-background-s) + 0%), calc(var(--zb-semantic-color-zybook-section-banner-icon-background-l) + 0%), calc(var(--zb-semantic-color-zybook-section-banner-icon-background-a) + 0));
}
:root .zybook-section-banner-icon-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-section-banner-icon-background-h) + 0deg), calc(var(--zb-semantic-color-zybook-section-banner-icon-background-s) + 0%), calc(var(--zb-semantic-color-zybook-section-banner-icon-background-l) + 0%), calc(var(--zb-semantic-color-zybook-section-banner-icon-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-zybook-activity-dark-background: #f5f5f5;
  --zb-semantic-color-zybook-activity-dark-background-h: 0deg;
  --zb-semantic-color-zybook-activity-dark-background-l: 96.0784313725%;
  --zb-semantic-color-zybook-activity-dark-background-s: 0%;
  --zb-semantic-color-zybook-activity-dark-background-a: 1;
}
:root .zybook-activity-dark-background-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-activity-dark-background-h) + 0deg), calc(var(--zb-semantic-color-zybook-activity-dark-background-s) + 0%), calc(var(--zb-semantic-color-zybook-activity-dark-background-l) + 0%), calc(var(--zb-semantic-color-zybook-activity-dark-background-a) + 0));
}
:root .zybook-activity-dark-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-activity-dark-background-h) + 0deg), calc(var(--zb-semantic-color-zybook-activity-dark-background-s) + 0%), calc(var(--zb-semantic-color-zybook-activity-dark-background-l) + 0%), calc(var(--zb-semantic-color-zybook-activity-dark-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-zybook-activity-border: #eeeeee;
  --zb-semantic-color-zybook-activity-border-h: 0deg;
  --zb-semantic-color-zybook-activity-border-l: 93.3333333333%;
  --zb-semantic-color-zybook-activity-border-s: 0%;
  --zb-semantic-color-zybook-activity-border-a: 1;
}
:root .zybook-activity-border-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-activity-border-h) + 0deg), calc(var(--zb-semantic-color-zybook-activity-border-s) + 0%), calc(var(--zb-semantic-color-zybook-activity-border-l) + 0%), calc(var(--zb-semantic-color-zybook-activity-border-a) + 0));
}
:root .zybook-activity-border-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-activity-border-h) + 0deg), calc(var(--zb-semantic-color-zybook-activity-border-s) + 0%), calc(var(--zb-semantic-color-zybook-activity-border-l) + 0%), calc(var(--zb-semantic-color-zybook-activity-border-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-zybook-activity-heading: #1e282e;
  --zb-semantic-color-zybook-activity-heading-h: 202.5deg;
  --zb-semantic-color-zybook-activity-heading-l: 14.9019607843%;
  --zb-semantic-color-zybook-activity-heading-s: 21.0526315789%;
  --zb-semantic-color-zybook-activity-heading-a: 1;
}
:root .zybook-activity-heading-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-activity-heading-h) + 0deg), calc(var(--zb-semantic-color-zybook-activity-heading-s) + 0%), calc(var(--zb-semantic-color-zybook-activity-heading-l) + 0%), calc(var(--zb-semantic-color-zybook-activity-heading-a) + 0));
}
:root .zybook-activity-heading-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-activity-heading-h) + 0deg), calc(var(--zb-semantic-color-zybook-activity-heading-s) + 0%), calc(var(--zb-semantic-color-zybook-activity-heading-l) + 0%), calc(var(--zb-semantic-color-zybook-activity-heading-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-zybook-activity-heading-background: #eeeeee;
  --zb-semantic-color-zybook-activity-heading-background-h: 0deg;
  --zb-semantic-color-zybook-activity-heading-background-l: 93.3333333333%;
  --zb-semantic-color-zybook-activity-heading-background-s: 0%;
  --zb-semantic-color-zybook-activity-heading-background-a: 1;
}
:root .zybook-activity-heading-background-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-activity-heading-background-h) + 0deg), calc(var(--zb-semantic-color-zybook-activity-heading-background-s) + 0%), calc(var(--zb-semantic-color-zybook-activity-heading-background-l) + 0%), calc(var(--zb-semantic-color-zybook-activity-heading-background-a) + 0));
}
:root .zybook-activity-heading-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-activity-heading-background-h) + 0deg), calc(var(--zb-semantic-color-zybook-activity-heading-background-s) + 0%), calc(var(--zb-semantic-color-zybook-activity-heading-background-l) + 0%), calc(var(--zb-semantic-color-zybook-activity-heading-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-zybook-labs-file-selected-background: #e0e0e0;
  --zb-semantic-color-zybook-labs-file-selected-background-h: 0deg;
  --zb-semantic-color-zybook-labs-file-selected-background-l: 87.8431372549%;
  --zb-semantic-color-zybook-labs-file-selected-background-s: 0%;
  --zb-semantic-color-zybook-labs-file-selected-background-a: 1;
}
:root .zybook-labs-file-selected-background-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-labs-file-selected-background-h) + 0deg), calc(var(--zb-semantic-color-zybook-labs-file-selected-background-s) + 0%), calc(var(--zb-semantic-color-zybook-labs-file-selected-background-l) + 0%), calc(var(--zb-semantic-color-zybook-labs-file-selected-background-a) + 0));
}
:root .zybook-labs-file-selected-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-labs-file-selected-background-h) + 0deg), calc(var(--zb-semantic-color-zybook-labs-file-selected-background-s) + 0%), calc(var(--zb-semantic-color-zybook-labs-file-selected-background-l) + 0%), calc(var(--zb-semantic-color-zybook-labs-file-selected-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-zybook-cover-red: #9c3a3c;
  --zb-semantic-color-zybook-cover-red-h: 358.7755102041deg;
  --zb-semantic-color-zybook-cover-red-l: 41.9607843137%;
  --zb-semantic-color-zybook-cover-red-s: 45.7943925234%;
  --zb-semantic-color-zybook-cover-red-a: 1;
}
:root .zybook-cover-red-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-cover-red-h) + 0deg), calc(var(--zb-semantic-color-zybook-cover-red-s) + 0%), calc(var(--zb-semantic-color-zybook-cover-red-l) + 0%), calc(var(--zb-semantic-color-zybook-cover-red-a) + 0));
}
:root .zybook-cover-red-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-cover-red-h) + 0deg), calc(var(--zb-semantic-color-zybook-cover-red-s) + 0%), calc(var(--zb-semantic-color-zybook-cover-red-l) + 0%), calc(var(--zb-semantic-color-zybook-cover-red-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-zybook-cover-green: #3a9c4f;
  --zb-semantic-color-zybook-cover-green-h: 132.8571428571deg;
  --zb-semantic-color-zybook-cover-green-l: 41.9607843137%;
  --zb-semantic-color-zybook-cover-green-s: 45.7943925234%;
  --zb-semantic-color-zybook-cover-green-a: 1;
}
:root .zybook-cover-green-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-cover-green-h) + 0deg), calc(var(--zb-semantic-color-zybook-cover-green-s) + 0%), calc(var(--zb-semantic-color-zybook-cover-green-l) + 0%), calc(var(--zb-semantic-color-zybook-cover-green-a) + 0));
}
:root .zybook-cover-green-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-cover-green-h) + 0deg), calc(var(--zb-semantic-color-zybook-cover-green-s) + 0%), calc(var(--zb-semantic-color-zybook-cover-green-l) + 0%), calc(var(--zb-semantic-color-zybook-cover-green-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-zybook-cover-orange: #9c5e3a;
  --zb-semantic-color-zybook-cover-orange-h: 22.0408163265deg;
  --zb-semantic-color-zybook-cover-orange-l: 41.9607843137%;
  --zb-semantic-color-zybook-cover-orange-s: 45.7943925234%;
  --zb-semantic-color-zybook-cover-orange-a: 1;
}
:root .zybook-cover-orange-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-cover-orange-h) + 0deg), calc(var(--zb-semantic-color-zybook-cover-orange-s) + 0%), calc(var(--zb-semantic-color-zybook-cover-orange-l) + 0%), calc(var(--zb-semantic-color-zybook-cover-orange-a) + 0));
}
:root .zybook-cover-orange-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-cover-orange-h) + 0deg), calc(var(--zb-semantic-color-zybook-cover-orange-s) + 0%), calc(var(--zb-semantic-color-zybook-cover-orange-l) + 0%), calc(var(--zb-semantic-color-zybook-cover-orange-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-zybook-cover-yellow: #867341;
  --zb-semantic-color-zybook-cover-yellow-h: 43.4782608696deg;
  --zb-semantic-color-zybook-cover-yellow-l: 39.0196078431%;
  --zb-semantic-color-zybook-cover-yellow-s: 34.6733668342%;
  --zb-semantic-color-zybook-cover-yellow-a: 1;
}
:root .zybook-cover-yellow-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-cover-yellow-h) + 0deg), calc(var(--zb-semantic-color-zybook-cover-yellow-s) + 0%), calc(var(--zb-semantic-color-zybook-cover-yellow-l) + 0%), calc(var(--zb-semantic-color-zybook-cover-yellow-a) + 0));
}
:root .zybook-cover-yellow-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-cover-yellow-h) + 0deg), calc(var(--zb-semantic-color-zybook-cover-yellow-s) + 0%), calc(var(--zb-semantic-color-zybook-cover-yellow-l) + 0%), calc(var(--zb-semantic-color-zybook-cover-yellow-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-zybook-cover-light-blue: #397d98;
  --zb-semantic-color-zybook-cover-light-blue-h: 197.0526315789deg;
  --zb-semantic-color-zybook-cover-light-blue-l: 40.9803921569%;
  --zb-semantic-color-zybook-cover-light-blue-s: 45.4545454545%;
  --zb-semantic-color-zybook-cover-light-blue-a: 1;
}
:root .zybook-cover-light-blue-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-cover-light-blue-h) + 0deg), calc(var(--zb-semantic-color-zybook-cover-light-blue-s) + 0%), calc(var(--zb-semantic-color-zybook-cover-light-blue-l) + 0%), calc(var(--zb-semantic-color-zybook-cover-light-blue-a) + 0));
}
:root .zybook-cover-light-blue-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-cover-light-blue-h) + 0deg), calc(var(--zb-semantic-color-zybook-cover-light-blue-s) + 0%), calc(var(--zb-semantic-color-zybook-cover-light-blue-l) + 0%), calc(var(--zb-semantic-color-zybook-cover-light-blue-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-zybook-cover-indigo: #3a4a9c;
  --zb-semantic-color-zybook-cover-indigo-h: 230.2040816327deg;
  --zb-semantic-color-zybook-cover-indigo-l: 41.9607843137%;
  --zb-semantic-color-zybook-cover-indigo-s: 45.7943925234%;
  --zb-semantic-color-zybook-cover-indigo-a: 1;
}
:root .zybook-cover-indigo-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-cover-indigo-h) + 0deg), calc(var(--zb-semantic-color-zybook-cover-indigo-s) + 0%), calc(var(--zb-semantic-color-zybook-cover-indigo-l) + 0%), calc(var(--zb-semantic-color-zybook-cover-indigo-a) + 0));
}
:root .zybook-cover-indigo-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-cover-indigo-h) + 0deg), calc(var(--zb-semantic-color-zybook-cover-indigo-s) + 0%), calc(var(--zb-semantic-color-zybook-cover-indigo-l) + 0%), calc(var(--zb-semantic-color-zybook-cover-indigo-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-zybook-cover-pink: #9c3a75;
  --zb-semantic-color-zybook-cover-pink-h: 323.8775510204deg;
  --zb-semantic-color-zybook-cover-pink-l: 41.9607843137%;
  --zb-semantic-color-zybook-cover-pink-s: 45.7943925234%;
  --zb-semantic-color-zybook-cover-pink-a: 1;
}
:root .zybook-cover-pink-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-cover-pink-h) + 0deg), calc(var(--zb-semantic-color-zybook-cover-pink-s) + 0%), calc(var(--zb-semantic-color-zybook-cover-pink-l) + 0%), calc(var(--zb-semantic-color-zybook-cover-pink-a) + 0));
}
:root .zybook-cover-pink-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-cover-pink-h) + 0deg), calc(var(--zb-semantic-color-zybook-cover-pink-s) + 0%), calc(var(--zb-semantic-color-zybook-cover-pink-l) + 0%), calc(var(--zb-semantic-color-zybook-cover-pink-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-zybook-cover-purple: #674384;
  --zb-semantic-color-zybook-cover-purple-h: 273.2307692308deg;
  --zb-semantic-color-zybook-cover-purple-l: 39.0196078431%;
  --zb-semantic-color-zybook-cover-purple-s: 32.6633165829%;
  --zb-semantic-color-zybook-cover-purple-a: 1;
}
:root .zybook-cover-purple-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-cover-purple-h) + 0deg), calc(var(--zb-semantic-color-zybook-cover-purple-s) + 0%), calc(var(--zb-semantic-color-zybook-cover-purple-l) + 0%), calc(var(--zb-semantic-color-zybook-cover-purple-a) + 0));
}
:root .zybook-cover-purple-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-cover-purple-h) + 0deg), calc(var(--zb-semantic-color-zybook-cover-purple-s) + 0%), calc(var(--zb-semantic-color-zybook-cover-purple-l) + 0%), calc(var(--zb-semantic-color-zybook-cover-purple-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-zybook-cover-grey: #6d797e;
  --zb-semantic-color-zybook-cover-grey-h: 197.6470588235deg;
  --zb-semantic-color-zybook-cover-grey-l: 46.0784313725%;
  --zb-semantic-color-zybook-cover-grey-s: 7.2340425532%;
  --zb-semantic-color-zybook-cover-grey-a: 1;
}
:root .zybook-cover-grey-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-cover-grey-h) + 0deg), calc(var(--zb-semantic-color-zybook-cover-grey-s) + 0%), calc(var(--zb-semantic-color-zybook-cover-grey-l) + 0%), calc(var(--zb-semantic-color-zybook-cover-grey-a) + 0));
}
:root .zybook-cover-grey-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-cover-grey-h) + 0deg), calc(var(--zb-semantic-color-zybook-cover-grey-s) + 0%), calc(var(--zb-semantic-color-zybook-cover-grey-l) + 0%), calc(var(--zb-semantic-color-zybook-cover-grey-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-zybook-cover-dark-grey: #37474f;
  --zb-semantic-color-zybook-cover-dark-grey-h: 200deg;
  --zb-semantic-color-zybook-cover-dark-grey-l: 26.2745098039%;
  --zb-semantic-color-zybook-cover-dark-grey-s: 17.9104477612%;
  --zb-semantic-color-zybook-cover-dark-grey-a: 1;
}
:root .zybook-cover-dark-grey-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-cover-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-zybook-cover-dark-grey-s) + 0%), calc(var(--zb-semantic-color-zybook-cover-dark-grey-l) + 0%), calc(var(--zb-semantic-color-zybook-cover-dark-grey-a) + 0));
}
:root .zybook-cover-dark-grey-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-cover-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-zybook-cover-dark-grey-s) + 0%), calc(var(--zb-semantic-color-zybook-cover-dark-grey-l) + 0%), calc(var(--zb-semantic-color-zybook-cover-dark-grey-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-component-red: #cc3838;
  --zb-semantic-color-component-red-h: 0deg;
  --zb-semantic-color-component-red-l: 50.9803921569%;
  --zb-semantic-color-component-red-s: 59.2%;
  --zb-semantic-color-component-red-a: 1;
}
:root .component-red-color {
  color: hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + 0));
}
:root .component-red-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-component-orange: #c1560b;
  --zb-semantic-color-component-orange-h: 24.7252747253deg;
  --zb-semantic-color-component-orange-l: 40%;
  --zb-semantic-color-component-orange-s: 89.2156862745%;
  --zb-semantic-color-component-orange-a: 1;
}
:root .component-orange-color {
  color: hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + 0));
}
:root .component-orange-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-component-yellow: #f9b424;
  --zb-semantic-color-component-yellow-h: 40.5633802817deg;
  --zb-semantic-color-component-yellow-l: 55.8823529412%;
  --zb-semantic-color-component-yellow-s: 94.6666666667%;
  --zb-semantic-color-component-yellow-a: 1;
}
:root .component-yellow-color {
  color: hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + 0));
}
:root .component-yellow-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-component-green: #338037;
  --zb-semantic-color-component-green-h: 123.1168831169deg;
  --zb-semantic-color-component-green-l: 35.0980392157%;
  --zb-semantic-color-component-green-s: 43.0167597765%;
  --zb-semantic-color-component-green-a: 1;
}
:root .component-green-color {
  color: hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + 0));
}
:root .component-green-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-component-light-blue: #4fc3f7;
  --zb-semantic-color-component-light-blue-h: 198.5714285714deg;
  --zb-semantic-color-component-light-blue-l: 63.9215686275%;
  --zb-semantic-color-component-light-blue-s: 91.3043478261%;
  --zb-semantic-color-component-light-blue-a: 1;
}
:root .component-light-blue-color {
  color: hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + 0));
}
:root .component-light-blue-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-component-blue: #0072b3;
  --zb-semantic-color-component-blue-h: 201.7877094972deg;
  --zb-semantic-color-component-blue-l: 35.0980392157%;
  --zb-semantic-color-component-blue-s: 100%;
  --zb-semantic-color-component-blue-a: 1;
}
:root .component-blue-color {
  color: hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + 0));
}
:root .component-blue-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-component-blue-grey: #546e7a;
  --zb-semantic-color-component-blue-grey-h: 198.9473684211deg;
  --zb-semantic-color-component-blue-grey-l: 40.3921568627%;
  --zb-semantic-color-component-blue-grey-s: 18.4466019417%;
  --zb-semantic-color-component-blue-grey-a: 1;
}
:root .component-blue-grey-color {
  color: hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + 0));
}
:root .component-blue-grey-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-component-grey: #757575;
  --zb-semantic-color-component-grey-h: 0deg;
  --zb-semantic-color-component-grey-l: 45.8823529412%;
  --zb-semantic-color-component-grey-s: 0%;
  --zb-semantic-color-component-grey-a: 1;
}
:root .component-grey-color {
  color: hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + 0));
}
:root .component-grey-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-component-dark-grey: #424242;
  --zb-semantic-color-component-dark-grey-h: 0deg;
  --zb-semantic-color-component-dark-grey-l: 25.8823529412%;
  --zb-semantic-color-component-dark-grey-s: 0%;
  --zb-semantic-color-component-dark-grey-a: 1;
}
:root .component-dark-grey-color {
  color: hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + 0));
}
:root .component-dark-grey-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-component-white: #ffffff;
  --zb-semantic-color-component-white-h: 0deg;
  --zb-semantic-color-component-white-l: 100%;
  --zb-semantic-color-component-white-s: 0%;
  --zb-semantic-color-component-white-a: 1;
}
:root .component-white-color {
  color: hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + 0));
}
:root .component-white-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-component-indigo: #303aa5;
  --zb-semantic-color-component-indigo-h: 234.8717948718deg;
  --zb-semantic-color-component-indigo-l: 41.7647058824%;
  --zb-semantic-color-component-indigo-s: 54.9295774648%;
  --zb-semantic-color-component-indigo-a: 1;
}
:root .component-indigo-color {
  color: hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + 0));
}
:root .component-indigo-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-component-purple: #6a3eb4;
  --zb-semantic-color-component-purple-h: 262.3728813559deg;
  --zb-semantic-color-component-purple-l: 47.4509803922%;
  --zb-semantic-color-component-purple-s: 48.7603305785%;
  --zb-semantic-color-component-purple-a: 1;
}
:root .component-purple-color {
  color: hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + 0));
}
:root .component-purple-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-froala-button: #757575;
  --zb-semantic-color-froala-button-h: 0deg;
  --zb-semantic-color-froala-button-l: 45.8823529412%;
  --zb-semantic-color-froala-button-s: 0%;
  --zb-semantic-color-froala-button-a: 1;
}
:root .froala-button-color {
  color: hsl(calc(var(--zb-semantic-color-froala-button-h) + 0deg), calc(var(--zb-semantic-color-froala-button-s) + 0%), calc(var(--zb-semantic-color-froala-button-l) + 0%), calc(var(--zb-semantic-color-froala-button-a) + 0));
}
:root .froala-button-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-froala-button-h) + 0deg), calc(var(--zb-semantic-color-froala-button-s) + 0%), calc(var(--zb-semantic-color-froala-button-l) + 0%), calc(var(--zb-semantic-color-froala-button-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-froala-button-hover: #000000;
  --zb-semantic-color-froala-button-hover-h: 0deg;
  --zb-semantic-color-froala-button-hover-l: 0%;
  --zb-semantic-color-froala-button-hover-s: 0%;
  --zb-semantic-color-froala-button-hover-a: 1;
}
:root .froala-button-hover-color {
  color: hsl(calc(var(--zb-semantic-color-froala-button-hover-h) + 0deg), calc(var(--zb-semantic-color-froala-button-hover-s) + 0%), calc(var(--zb-semantic-color-froala-button-hover-l) + 0%), calc(var(--zb-semantic-color-froala-button-hover-a) + 0));
}
:root .froala-button-hover-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-froala-button-hover-h) + 0deg), calc(var(--zb-semantic-color-froala-button-hover-s) + 0%), calc(var(--zb-semantic-color-froala-button-hover-l) + 0%), calc(var(--zb-semantic-color-froala-button-hover-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-froala-button-background-hover: #eeeeee;
  --zb-semantic-color-froala-button-background-hover-h: 0deg;
  --zb-semantic-color-froala-button-background-hover-l: 93.3333333333%;
  --zb-semantic-color-froala-button-background-hover-s: 0%;
  --zb-semantic-color-froala-button-background-hover-a: 1;
}
:root .froala-button-background-hover-color {
  color: hsl(calc(var(--zb-semantic-color-froala-button-background-hover-h) + 0deg), calc(var(--zb-semantic-color-froala-button-background-hover-s) + 0%), calc(var(--zb-semantic-color-froala-button-background-hover-l) + 0%), calc(var(--zb-semantic-color-froala-button-background-hover-a) + 0));
}
:root .froala-button-background-hover-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-froala-button-background-hover-h) + 0deg), calc(var(--zb-semantic-color-froala-button-background-hover-s) + 0%), calc(var(--zb-semantic-color-froala-button-background-hover-l) + 0%), calc(var(--zb-semantic-color-froala-button-background-hover-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-froala-button-active: #0072b3;
  --zb-semantic-color-froala-button-active-h: 201.7877094972deg;
  --zb-semantic-color-froala-button-active-l: 35.0980392157%;
  --zb-semantic-color-froala-button-active-s: 100%;
  --zb-semantic-color-froala-button-active-a: 1;
}
:root .froala-button-active-color {
  color: hsl(calc(var(--zb-semantic-color-froala-button-active-h) + 0deg), calc(var(--zb-semantic-color-froala-button-active-s) + 0%), calc(var(--zb-semantic-color-froala-button-active-l) + 0%), calc(var(--zb-semantic-color-froala-button-active-a) + 0));
}
:root .froala-button-active-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-froala-button-active-h) + 0deg), calc(var(--zb-semantic-color-froala-button-active-s) + 0%), calc(var(--zb-semantic-color-froala-button-active-l) + 0%), calc(var(--zb-semantic-color-froala-button-active-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-froala-button-open: #000000;
  --zb-semantic-color-froala-button-open-h: 0deg;
  --zb-semantic-color-froala-button-open-l: 0%;
  --zb-semantic-color-froala-button-open-s: 0%;
  --zb-semantic-color-froala-button-open-a: 1;
}
:root .froala-button-open-color {
  color: hsl(calc(var(--zb-semantic-color-froala-button-open-h) + 0deg), calc(var(--zb-semantic-color-froala-button-open-s) + 0%), calc(var(--zb-semantic-color-froala-button-open-l) + 0%), calc(var(--zb-semantic-color-froala-button-open-a) + 0));
}
:root .froala-button-open-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-froala-button-open-h) + 0deg), calc(var(--zb-semantic-color-froala-button-open-s) + 0%), calc(var(--zb-semantic-color-froala-button-open-l) + 0%), calc(var(--zb-semantic-color-froala-button-open-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-froala-button-open-background: #e0e0e0;
  --zb-semantic-color-froala-button-open-background-h: 0deg;
  --zb-semantic-color-froala-button-open-background-l: 87.8431372549%;
  --zb-semantic-color-froala-button-open-background-s: 0%;
  --zb-semantic-color-froala-button-open-background-a: 1;
}
:root .froala-button-open-background-color {
  color: hsl(calc(var(--zb-semantic-color-froala-button-open-background-h) + 0deg), calc(var(--zb-semantic-color-froala-button-open-background-s) + 0%), calc(var(--zb-semantic-color-froala-button-open-background-l) + 0%), calc(var(--zb-semantic-color-froala-button-open-background-a) + 0));
}
:root .froala-button-open-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-froala-button-open-background-h) + 0deg), calc(var(--zb-semantic-color-froala-button-open-background-s) + 0%), calc(var(--zb-semantic-color-froala-button-open-background-l) + 0%), calc(var(--zb-semantic-color-froala-button-open-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-froala-more-toolbar-background: #e0e0e0;
  --zb-semantic-color-froala-more-toolbar-background-h: 0deg;
  --zb-semantic-color-froala-more-toolbar-background-l: 87.8431372549%;
  --zb-semantic-color-froala-more-toolbar-background-s: 0%;
  --zb-semantic-color-froala-more-toolbar-background-a: 1;
}
:root .froala-more-toolbar-background-color {
  color: hsl(calc(var(--zb-semantic-color-froala-more-toolbar-background-h) + 0deg), calc(var(--zb-semantic-color-froala-more-toolbar-background-s) + 0%), calc(var(--zb-semantic-color-froala-more-toolbar-background-l) + 0%), calc(var(--zb-semantic-color-froala-more-toolbar-background-a) + 0));
}
:root .froala-more-toolbar-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-froala-more-toolbar-background-h) + 0deg), calc(var(--zb-semantic-color-froala-more-toolbar-background-s) + 0%), calc(var(--zb-semantic-color-froala-more-toolbar-background-l) + 0%), calc(var(--zb-semantic-color-froala-more-toolbar-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-froala-popup-background: #ffffff;
  --zb-semantic-color-froala-popup-background-h: 0deg;
  --zb-semantic-color-froala-popup-background-l: 100%;
  --zb-semantic-color-froala-popup-background-s: 0%;
  --zb-semantic-color-froala-popup-background-a: 1;
}
:root .froala-popup-background-color {
  color: hsl(calc(var(--zb-semantic-color-froala-popup-background-h) + 0deg), calc(var(--zb-semantic-color-froala-popup-background-s) + 0%), calc(var(--zb-semantic-color-froala-popup-background-l) + 0%), calc(var(--zb-semantic-color-froala-popup-background-a) + 0));
}
:root .froala-popup-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-froala-popup-background-h) + 0deg), calc(var(--zb-semantic-color-froala-popup-background-s) + 0%), calc(var(--zb-semantic-color-froala-popup-background-l) + 0%), calc(var(--zb-semantic-color-froala-popup-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-froala-dropdown-option-hover: #ffffff;
  --zb-semantic-color-froala-dropdown-option-hover-h: 0deg;
  --zb-semantic-color-froala-dropdown-option-hover-l: 100%;
  --zb-semantic-color-froala-dropdown-option-hover-s: 0%;
  --zb-semantic-color-froala-dropdown-option-hover-a: 1;
}
:root .froala-dropdown-option-hover-color {
  color: hsl(calc(var(--zb-semantic-color-froala-dropdown-option-hover-h) + 0deg), calc(var(--zb-semantic-color-froala-dropdown-option-hover-s) + 0%), calc(var(--zb-semantic-color-froala-dropdown-option-hover-l) + 0%), calc(var(--zb-semantic-color-froala-dropdown-option-hover-a) + 0));
}
:root .froala-dropdown-option-hover-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-froala-dropdown-option-hover-h) + 0deg), calc(var(--zb-semantic-color-froala-dropdown-option-hover-s) + 0%), calc(var(--zb-semantic-color-froala-dropdown-option-hover-l) + 0%), calc(var(--zb-semantic-color-froala-dropdown-option-hover-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-froala-dropdown-option-background-hover: #0072b3;
  --zb-semantic-color-froala-dropdown-option-background-hover-h: 201.7877094972deg;
  --zb-semantic-color-froala-dropdown-option-background-hover-l: 35.0980392157%;
  --zb-semantic-color-froala-dropdown-option-background-hover-s: 100%;
  --zb-semantic-color-froala-dropdown-option-background-hover-a: 1;
}
:root .froala-dropdown-option-background-hover-color {
  color: hsl(calc(var(--zb-semantic-color-froala-dropdown-option-background-hover-h) + 0deg), calc(var(--zb-semantic-color-froala-dropdown-option-background-hover-s) + 0%), calc(var(--zb-semantic-color-froala-dropdown-option-background-hover-l) + 0%), calc(var(--zb-semantic-color-froala-dropdown-option-background-hover-a) + 0));
}
:root .froala-dropdown-option-background-hover-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-froala-dropdown-option-background-hover-h) + 0deg), calc(var(--zb-semantic-color-froala-dropdown-option-background-hover-s) + 0%), calc(var(--zb-semantic-color-froala-dropdown-option-background-hover-l) + 0%), calc(var(--zb-semantic-color-froala-dropdown-option-background-hover-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-froala-dropdown-option-selected: #000000;
  --zb-semantic-color-froala-dropdown-option-selected-h: 0deg;
  --zb-semantic-color-froala-dropdown-option-selected-l: 0%;
  --zb-semantic-color-froala-dropdown-option-selected-s: 0%;
  --zb-semantic-color-froala-dropdown-option-selected-a: 1;
}
:root .froala-dropdown-option-selected-color {
  color: hsl(calc(var(--zb-semantic-color-froala-dropdown-option-selected-h) + 0deg), calc(var(--zb-semantic-color-froala-dropdown-option-selected-s) + 0%), calc(var(--zb-semantic-color-froala-dropdown-option-selected-l) + 0%), calc(var(--zb-semantic-color-froala-dropdown-option-selected-a) + 0));
}
:root .froala-dropdown-option-selected-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-froala-dropdown-option-selected-h) + 0deg), calc(var(--zb-semantic-color-froala-dropdown-option-selected-s) + 0%), calc(var(--zb-semantic-color-froala-dropdown-option-selected-l) + 0%), calc(var(--zb-semantic-color-froala-dropdown-option-selected-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-froala-dropdown-option-selected-background: #e0e0e0;
  --zb-semantic-color-froala-dropdown-option-selected-background-h: 0deg;
  --zb-semantic-color-froala-dropdown-option-selected-background-l: 87.8431372549%;
  --zb-semantic-color-froala-dropdown-option-selected-background-s: 0%;
  --zb-semantic-color-froala-dropdown-option-selected-background-a: 1;
}
:root .froala-dropdown-option-selected-background-color {
  color: hsl(calc(var(--zb-semantic-color-froala-dropdown-option-selected-background-h) + 0deg), calc(var(--zb-semantic-color-froala-dropdown-option-selected-background-s) + 0%), calc(var(--zb-semantic-color-froala-dropdown-option-selected-background-l) + 0%), calc(var(--zb-semantic-color-froala-dropdown-option-selected-background-a) + 0));
}
:root .froala-dropdown-option-selected-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-froala-dropdown-option-selected-background-h) + 0deg), calc(var(--zb-semantic-color-froala-dropdown-option-selected-background-s) + 0%), calc(var(--zb-semantic-color-froala-dropdown-option-selected-background-l) + 0%), calc(var(--zb-semantic-color-froala-dropdown-option-selected-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-froala-table-selected-cell-border: #0072b3;
  --zb-semantic-color-froala-table-selected-cell-border-h: 201.7877094972deg;
  --zb-semantic-color-froala-table-selected-cell-border-l: 35.0980392157%;
  --zb-semantic-color-froala-table-selected-cell-border-s: 100%;
  --zb-semantic-color-froala-table-selected-cell-border-a: 1;
}
:root .froala-table-selected-cell-border-color {
  color: hsl(calc(var(--zb-semantic-color-froala-table-selected-cell-border-h) + 0deg), calc(var(--zb-semantic-color-froala-table-selected-cell-border-s) + 0%), calc(var(--zb-semantic-color-froala-table-selected-cell-border-l) + 0%), calc(var(--zb-semantic-color-froala-table-selected-cell-border-a) + 0));
}
:root .froala-table-selected-cell-border-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-froala-table-selected-cell-border-h) + 0deg), calc(var(--zb-semantic-color-froala-table-selected-cell-border-s) + 0%), calc(var(--zb-semantic-color-froala-table-selected-cell-border-l) + 0%), calc(var(--zb-semantic-color-froala-table-selected-cell-border-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-froala-image-upload-hover-background: #eeeeee;
  --zb-semantic-color-froala-image-upload-hover-background-h: 0deg;
  --zb-semantic-color-froala-image-upload-hover-background-l: 93.3333333333%;
  --zb-semantic-color-froala-image-upload-hover-background-s: 0%;
  --zb-semantic-color-froala-image-upload-hover-background-a: 1;
}
:root .froala-image-upload-hover-background-color {
  color: hsl(calc(var(--zb-semantic-color-froala-image-upload-hover-background-h) + 0deg), calc(var(--zb-semantic-color-froala-image-upload-hover-background-s) + 0%), calc(var(--zb-semantic-color-froala-image-upload-hover-background-l) + 0%), calc(var(--zb-semantic-color-froala-image-upload-hover-background-a) + 0));
}
:root .froala-image-upload-hover-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-froala-image-upload-hover-background-h) + 0deg), calc(var(--zb-semantic-color-froala-image-upload-hover-background-s) + 0%), calc(var(--zb-semantic-color-froala-image-upload-hover-background-l) + 0%), calc(var(--zb-semantic-color-froala-image-upload-hover-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-d3-light-blue-600: #03a9f4;
  --zb-semantic-color-d3-light-blue-600-h: 198.6721991701deg;
  --zb-semantic-color-d3-light-blue-600-l: 48.431372549%;
  --zb-semantic-color-d3-light-blue-600-s: 97.5708502024%;
  --zb-semantic-color-d3-light-blue-600-a: 1;
}
:root .d3-light-blue-600-color {
  color: hsl(calc(var(--zb-semantic-color-d3-light-blue-600-h) + 0deg), calc(var(--zb-semantic-color-d3-light-blue-600-s) + 0%), calc(var(--zb-semantic-color-d3-light-blue-600-l) + 0%), calc(var(--zb-semantic-color-d3-light-blue-600-a) + 0));
}
:root .d3-light-blue-600-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-d3-light-blue-600-h) + 0deg), calc(var(--zb-semantic-color-d3-light-blue-600-s) + 0%), calc(var(--zb-semantic-color-d3-light-blue-600-l) + 0%), calc(var(--zb-semantic-color-d3-light-blue-600-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-d3-blue-grey-200: #b0bec5;
  --zb-semantic-color-d3-blue-grey-200-h: 200deg;
  --zb-semantic-color-d3-blue-grey-200-l: 73.137254902%;
  --zb-semantic-color-d3-blue-grey-200-s: 15.3284671533%;
  --zb-semantic-color-d3-blue-grey-200-a: 1;
}
:root .d3-blue-grey-200-color {
  color: hsl(calc(var(--zb-semantic-color-d3-blue-grey-200-h) + 0deg), calc(var(--zb-semantic-color-d3-blue-grey-200-s) + 0%), calc(var(--zb-semantic-color-d3-blue-grey-200-l) + 0%), calc(var(--zb-semantic-color-d3-blue-grey-200-a) + 0));
}
:root .d3-blue-grey-200-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-d3-blue-grey-200-h) + 0deg), calc(var(--zb-semantic-color-d3-blue-grey-200-s) + 0%), calc(var(--zb-semantic-color-d3-blue-grey-200-l) + 0%), calc(var(--zb-semantic-color-d3-blue-grey-200-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-d3-red: #cc3838;
  --zb-semantic-color-d3-red-h: 0deg;
  --zb-semantic-color-d3-red-l: 50.9803921569%;
  --zb-semantic-color-d3-red-s: 59.2%;
  --zb-semantic-color-d3-red-a: 1;
}
:root .d3-red-color {
  color: hsl(calc(var(--zb-semantic-color-d3-red-h) + 0deg), calc(var(--zb-semantic-color-d3-red-s) + 0%), calc(var(--zb-semantic-color-d3-red-l) + 0%), calc(var(--zb-semantic-color-d3-red-a) + 0));
}
:root .d3-red-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-d3-red-h) + 0deg), calc(var(--zb-semantic-color-d3-red-s) + 0%), calc(var(--zb-semantic-color-d3-red-l) + 0%), calc(var(--zb-semantic-color-d3-red-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-d3-orange: #c1560b;
  --zb-semantic-color-d3-orange-h: 24.7252747253deg;
  --zb-semantic-color-d3-orange-l: 40%;
  --zb-semantic-color-d3-orange-s: 89.2156862745%;
  --zb-semantic-color-d3-orange-a: 1;
}
:root .d3-orange-color {
  color: hsl(calc(var(--zb-semantic-color-d3-orange-h) + 0deg), calc(var(--zb-semantic-color-d3-orange-s) + 0%), calc(var(--zb-semantic-color-d3-orange-l) + 0%), calc(var(--zb-semantic-color-d3-orange-a) + 0));
}
:root .d3-orange-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-d3-orange-h) + 0deg), calc(var(--zb-semantic-color-d3-orange-s) + 0%), calc(var(--zb-semantic-color-d3-orange-l) + 0%), calc(var(--zb-semantic-color-d3-orange-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-d3-yellow: #f9b424;
  --zb-semantic-color-d3-yellow-h: 40.5633802817deg;
  --zb-semantic-color-d3-yellow-l: 55.8823529412%;
  --zb-semantic-color-d3-yellow-s: 94.6666666667%;
  --zb-semantic-color-d3-yellow-a: 1;
}
:root .d3-yellow-color {
  color: hsl(calc(var(--zb-semantic-color-d3-yellow-h) + 0deg), calc(var(--zb-semantic-color-d3-yellow-s) + 0%), calc(var(--zb-semantic-color-d3-yellow-l) + 0%), calc(var(--zb-semantic-color-d3-yellow-a) + 0));
}
:root .d3-yellow-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-d3-yellow-h) + 0deg), calc(var(--zb-semantic-color-d3-yellow-s) + 0%), calc(var(--zb-semantic-color-d3-yellow-l) + 0%), calc(var(--zb-semantic-color-d3-yellow-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-d3-green: #338037;
  --zb-semantic-color-d3-green-h: 123.1168831169deg;
  --zb-semantic-color-d3-green-l: 35.0980392157%;
  --zb-semantic-color-d3-green-s: 43.0167597765%;
  --zb-semantic-color-d3-green-a: 1;
}
:root .d3-green-color {
  color: hsl(calc(var(--zb-semantic-color-d3-green-h) + 0deg), calc(var(--zb-semantic-color-d3-green-s) + 0%), calc(var(--zb-semantic-color-d3-green-l) + 0%), calc(var(--zb-semantic-color-d3-green-a) + 0));
}
:root .d3-green-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-d3-green-h) + 0deg), calc(var(--zb-semantic-color-d3-green-s) + 0%), calc(var(--zb-semantic-color-d3-green-l) + 0%), calc(var(--zb-semantic-color-d3-green-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-d3-light-blue: #29b6f6;
  --zb-semantic-color-d3-light-blue-h: 198.7317073171deg;
  --zb-semantic-color-d3-light-blue-l: 56.2745098039%;
  --zb-semantic-color-d3-light-blue-s: 91.9282511211%;
  --zb-semantic-color-d3-light-blue-a: 1;
}
:root .d3-light-blue-color {
  color: hsl(calc(var(--zb-semantic-color-d3-light-blue-h) + 0deg), calc(var(--zb-semantic-color-d3-light-blue-s) + 0%), calc(var(--zb-semantic-color-d3-light-blue-l) + 0%), calc(var(--zb-semantic-color-d3-light-blue-a) + 0));
}
:root .d3-light-blue-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-d3-light-blue-h) + 0deg), calc(var(--zb-semantic-color-d3-light-blue-s) + 0%), calc(var(--zb-semantic-color-d3-light-blue-l) + 0%), calc(var(--zb-semantic-color-d3-light-blue-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-d3-blue: #0072b3;
  --zb-semantic-color-d3-blue-h: 201.7877094972deg;
  --zb-semantic-color-d3-blue-l: 35.0980392157%;
  --zb-semantic-color-d3-blue-s: 100%;
  --zb-semantic-color-d3-blue-a: 1;
}
:root .d3-blue-color {
  color: hsl(calc(var(--zb-semantic-color-d3-blue-h) + 0deg), calc(var(--zb-semantic-color-d3-blue-s) + 0%), calc(var(--zb-semantic-color-d3-blue-l) + 0%), calc(var(--zb-semantic-color-d3-blue-a) + 0));
}
:root .d3-blue-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-d3-blue-h) + 0deg), calc(var(--zb-semantic-color-d3-blue-s) + 0%), calc(var(--zb-semantic-color-d3-blue-l) + 0%), calc(var(--zb-semantic-color-d3-blue-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-d3-blue-grey: #37474f;
  --zb-semantic-color-d3-blue-grey-h: 200deg;
  --zb-semantic-color-d3-blue-grey-l: 26.2745098039%;
  --zb-semantic-color-d3-blue-grey-s: 17.9104477612%;
  --zb-semantic-color-d3-blue-grey-a: 1;
}
:root .d3-blue-grey-color {
  color: hsl(calc(var(--zb-semantic-color-d3-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-d3-blue-grey-s) + 0%), calc(var(--zb-semantic-color-d3-blue-grey-l) + 0%), calc(var(--zb-semantic-color-d3-blue-grey-a) + 0));
}
:root .d3-blue-grey-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-d3-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-d3-blue-grey-s) + 0%), calc(var(--zb-semantic-color-d3-blue-grey-l) + 0%), calc(var(--zb-semantic-color-d3-blue-grey-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-d3-indigo: #303aa5;
  --zb-semantic-color-d3-indigo-h: 234.8717948718deg;
  --zb-semantic-color-d3-indigo-l: 41.7647058824%;
  --zb-semantic-color-d3-indigo-s: 54.9295774648%;
  --zb-semantic-color-d3-indigo-a: 1;
}
:root .d3-indigo-color {
  color: hsl(calc(var(--zb-semantic-color-d3-indigo-h) + 0deg), calc(var(--zb-semantic-color-d3-indigo-s) + 0%), calc(var(--zb-semantic-color-d3-indigo-l) + 0%), calc(var(--zb-semantic-color-d3-indigo-a) + 0));
}
:root .d3-indigo-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-d3-indigo-h) + 0deg), calc(var(--zb-semantic-color-d3-indigo-s) + 0%), calc(var(--zb-semantic-color-d3-indigo-l) + 0%), calc(var(--zb-semantic-color-d3-indigo-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-d3-purple: #6a3eb4;
  --zb-semantic-color-d3-purple-h: 262.3728813559deg;
  --zb-semantic-color-d3-purple-l: 47.4509803922%;
  --zb-semantic-color-d3-purple-s: 48.7603305785%;
  --zb-semantic-color-d3-purple-a: 1;
}
:root .d3-purple-color {
  color: hsl(calc(var(--zb-semantic-color-d3-purple-h) + 0deg), calc(var(--zb-semantic-color-d3-purple-s) + 0%), calc(var(--zb-semantic-color-d3-purple-l) + 0%), calc(var(--zb-semantic-color-d3-purple-a) + 0));
}
:root .d3-purple-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-d3-purple-h) + 0deg), calc(var(--zb-semantic-color-d3-purple-s) + 0%), calc(var(--zb-semantic-color-d3-purple-l) + 0%), calc(var(--zb-semantic-color-d3-purple-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-d3-grey: #757575;
  --zb-semantic-color-d3-grey-h: 0deg;
  --zb-semantic-color-d3-grey-l: 45.8823529412%;
  --zb-semantic-color-d3-grey-s: 0%;
  --zb-semantic-color-d3-grey-a: 1;
}
:root .d3-grey-color {
  color: hsl(calc(var(--zb-semantic-color-d3-grey-h) + 0deg), calc(var(--zb-semantic-color-d3-grey-s) + 0%), calc(var(--zb-semantic-color-d3-grey-l) + 0%), calc(var(--zb-semantic-color-d3-grey-a) + 0));
}
:root .d3-grey-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-d3-grey-h) + 0deg), calc(var(--zb-semantic-color-d3-grey-s) + 0%), calc(var(--zb-semantic-color-d3-grey-l) + 0%), calc(var(--zb-semantic-color-d3-grey-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-d3-dark-grey: #37474f;
  --zb-semantic-color-d3-dark-grey-h: 200deg;
  --zb-semantic-color-d3-dark-grey-l: 26.2745098039%;
  --zb-semantic-color-d3-dark-grey-s: 17.9104477612%;
  --zb-semantic-color-d3-dark-grey-a: 1;
}
:root .d3-dark-grey-color {
  color: hsl(calc(var(--zb-semantic-color-d3-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-d3-dark-grey-s) + 0%), calc(var(--zb-semantic-color-d3-dark-grey-l) + 0%), calc(var(--zb-semantic-color-d3-dark-grey-a) + 0));
}
:root .d3-dark-grey-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-d3-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-d3-dark-grey-s) + 0%), calc(var(--zb-semantic-color-d3-dark-grey-l) + 0%), calc(var(--zb-semantic-color-d3-dark-grey-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-admin-more-info: #cc3838;
  --zb-semantic-color-admin-more-info-h: 0deg;
  --zb-semantic-color-admin-more-info-l: 50.9803921569%;
  --zb-semantic-color-admin-more-info-s: 59.2%;
  --zb-semantic-color-admin-more-info-a: 1;
}
:root .admin-more-info-color {
  color: hsl(calc(var(--zb-semantic-color-admin-more-info-h) + 0deg), calc(var(--zb-semantic-color-admin-more-info-s) + 0%), calc(var(--zb-semantic-color-admin-more-info-l) + 0%), calc(var(--zb-semantic-color-admin-more-info-a) + 0));
}
:root .admin-more-info-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-admin-more-info-h) + 0deg), calc(var(--zb-semantic-color-admin-more-info-s) + 0%), calc(var(--zb-semantic-color-admin-more-info-l) + 0%), calc(var(--zb-semantic-color-admin-more-info-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-admin-update-version: #9e9e9e;
  --zb-semantic-color-admin-update-version-h: 0deg;
  --zb-semantic-color-admin-update-version-l: 61.9607843137%;
  --zb-semantic-color-admin-update-version-s: 0%;
  --zb-semantic-color-admin-update-version-a: 1;
}
:root .admin-update-version-color {
  color: hsl(calc(var(--zb-semantic-color-admin-update-version-h) + 0deg), calc(var(--zb-semantic-color-admin-update-version-s) + 0%), calc(var(--zb-semantic-color-admin-update-version-l) + 0%), calc(var(--zb-semantic-color-admin-update-version-a) + 0));
}
:root .admin-update-version-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-admin-update-version-h) + 0deg), calc(var(--zb-semantic-color-admin-update-version-s) + 0%), calc(var(--zb-semantic-color-admin-update-version-l) + 0%), calc(var(--zb-semantic-color-admin-update-version-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-admin-needs-ae-info: #d95d00;
  --zb-semantic-color-admin-needs-ae-info-h: 25.7142857143deg;
  --zb-semantic-color-admin-needs-ae-info-l: 42.5490196078%;
  --zb-semantic-color-admin-needs-ae-info-s: 100%;
  --zb-semantic-color-admin-needs-ae-info-a: 1;
}
:root .admin-needs-ae-info-color {
  color: hsl(calc(var(--zb-semantic-color-admin-needs-ae-info-h) + 0deg), calc(var(--zb-semantic-color-admin-needs-ae-info-s) + 0%), calc(var(--zb-semantic-color-admin-needs-ae-info-l) + 0%), calc(var(--zb-semantic-color-admin-needs-ae-info-a) + 0));
}
:root .admin-needs-ae-info-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-admin-needs-ae-info-h) + 0deg), calc(var(--zb-semantic-color-admin-needs-ae-info-s) + 0%), calc(var(--zb-semantic-color-admin-needs-ae-info-l) + 0%), calc(var(--zb-semantic-color-admin-needs-ae-info-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-admin-needs-reordering: #0072b3;
  --zb-semantic-color-admin-needs-reordering-h: 201.7877094972deg;
  --zb-semantic-color-admin-needs-reordering-l: 35.0980392157%;
  --zb-semantic-color-admin-needs-reordering-s: 100%;
  --zb-semantic-color-admin-needs-reordering-a: 1;
}
:root .admin-needs-reordering-color {
  color: hsl(calc(var(--zb-semantic-color-admin-needs-reordering-h) + 0deg), calc(var(--zb-semantic-color-admin-needs-reordering-s) + 0%), calc(var(--zb-semantic-color-admin-needs-reordering-l) + 0%), calc(var(--zb-semantic-color-admin-needs-reordering-a) + 0));
}
:root .admin-needs-reordering-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-admin-needs-reordering-h) + 0deg), calc(var(--zb-semantic-color-admin-needs-reordering-s) + 0%), calc(var(--zb-semantic-color-admin-needs-reordering-l) + 0%), calc(var(--zb-semantic-color-admin-needs-reordering-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-white: #ffffff;
  --zb-semantic-color-white-h: 0deg;
  --zb-semantic-color-white-l: 100%;
  --zb-semantic-color-white-s: 0%;
  --zb-semantic-color-white-a: 1;
}
:root .white-color {
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
}
:root .white-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-black: #000000;
  --zb-semantic-color-black-h: 0deg;
  --zb-semantic-color-black-l: 0%;
  --zb-semantic-color-black-s: 0%;
  --zb-semantic-color-black-a: 1;
}
:root .black-color {
  color: hsl(calc(var(--zb-semantic-color-black-h) + 0deg), calc(var(--zb-semantic-color-black-s) + 0%), calc(var(--zb-semantic-color-black-l) + 0%), calc(var(--zb-semantic-color-black-a) + 0));
}
:root .black-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-black-h) + 0deg), calc(var(--zb-semantic-color-black-s) + 0%), calc(var(--zb-semantic-color-black-l) + 0%), calc(var(--zb-semantic-color-black-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-definition-match-definition: #000000;
  --zb-semantic-color-definition-match-definition-h: 0deg;
  --zb-semantic-color-definition-match-definition-l: 0%;
  --zb-semantic-color-definition-match-definition-s: 0%;
  --zb-semantic-color-definition-match-definition-a: 1;
}
:root .definition-match-definition-color {
  color: hsl(calc(var(--zb-semantic-color-definition-match-definition-h) + 0deg), calc(var(--zb-semantic-color-definition-match-definition-s) + 0%), calc(var(--zb-semantic-color-definition-match-definition-l) + 0%), calc(var(--zb-semantic-color-definition-match-definition-a) + 0));
}
:root .definition-match-definition-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-definition-match-definition-h) + 0deg), calc(var(--zb-semantic-color-definition-match-definition-s) + 0%), calc(var(--zb-semantic-color-definition-match-definition-l) + 0%), calc(var(--zb-semantic-color-definition-match-definition-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-definition-match-item-chosen-background: #b3d9fe;
  --zb-semantic-color-definition-match-item-chosen-background-h: 209.6deg;
  --zb-semantic-color-definition-match-item-chosen-background-l: 84.9019607843%;
  --zb-semantic-color-definition-match-item-chosen-background-s: 97.4025974026%;
  --zb-semantic-color-definition-match-item-chosen-background-a: 1;
}
:root .definition-match-item-chosen-background-color {
  color: hsl(calc(var(--zb-semantic-color-definition-match-item-chosen-background-h) + 0deg), calc(var(--zb-semantic-color-definition-match-item-chosen-background-s) + 0%), calc(var(--zb-semantic-color-definition-match-item-chosen-background-l) + 0%), calc(var(--zb-semantic-color-definition-match-item-chosen-background-a) + 0));
}
:root .definition-match-item-chosen-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-definition-match-item-chosen-background-h) + 0deg), calc(var(--zb-semantic-color-definition-match-item-chosen-background-s) + 0%), calc(var(--zb-semantic-color-definition-match-item-chosen-background-l) + 0%), calc(var(--zb-semantic-color-definition-match-item-chosen-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-definition-match-definition-background: #f5f5f5;
  --zb-semantic-color-definition-match-definition-background-h: 0deg;
  --zb-semantic-color-definition-match-definition-background-l: 96.0784313725%;
  --zb-semantic-color-definition-match-definition-background-s: 0%;
  --zb-semantic-color-definition-match-definition-background-a: 1;
}
:root .definition-match-definition-background-color {
  color: hsl(calc(var(--zb-semantic-color-definition-match-definition-background-h) + 0deg), calc(var(--zb-semantic-color-definition-match-definition-background-s) + 0%), calc(var(--zb-semantic-color-definition-match-definition-background-l) + 0%), calc(var(--zb-semantic-color-definition-match-definition-background-a) + 0));
}
:root .definition-match-definition-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-definition-match-definition-background-h) + 0deg), calc(var(--zb-semantic-color-definition-match-definition-background-s) + 0%), calc(var(--zb-semantic-color-definition-match-definition-background-l) + 0%), calc(var(--zb-semantic-color-definition-match-definition-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-definition-match-bucket-background: #b0bec5;
  --zb-semantic-color-definition-match-bucket-background-h: 200deg;
  --zb-semantic-color-definition-match-bucket-background-l: 73.137254902%;
  --zb-semantic-color-definition-match-bucket-background-s: 15.3284671533%;
  --zb-semantic-color-definition-match-bucket-background-a: 1;
}
:root .definition-match-bucket-background-color {
  color: hsl(calc(var(--zb-semantic-color-definition-match-bucket-background-h) + 0deg), calc(var(--zb-semantic-color-definition-match-bucket-background-s) + 0%), calc(var(--zb-semantic-color-definition-match-bucket-background-l) + 0%), calc(var(--zb-semantic-color-definition-match-bucket-background-a) + 0));
}
:root .definition-match-bucket-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-definition-match-bucket-background-h) + 0deg), calc(var(--zb-semantic-color-definition-match-bucket-background-s) + 0%), calc(var(--zb-semantic-color-definition-match-bucket-background-l) + 0%), calc(var(--zb-semantic-color-definition-match-bucket-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-definition-match-active-background: #bdbdbd;
  --zb-semantic-color-definition-match-active-background-h: 0deg;
  --zb-semantic-color-definition-match-active-background-l: 74.1176470588%;
  --zb-semantic-color-definition-match-active-background-s: 0%;
  --zb-semantic-color-definition-match-active-background-a: 1;
}
:root .definition-match-active-background-color {
  color: hsl(calc(var(--zb-semantic-color-definition-match-active-background-h) + 0deg), calc(var(--zb-semantic-color-definition-match-active-background-s) + 0%), calc(var(--zb-semantic-color-definition-match-active-background-l) + 0%), calc(var(--zb-semantic-color-definition-match-active-background-a) + 0));
}
:root .definition-match-active-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-definition-match-active-background-h) + 0deg), calc(var(--zb-semantic-color-definition-match-active-background-s) + 0%), calc(var(--zb-semantic-color-definition-match-active-background-l) + 0%), calc(var(--zb-semantic-color-definition-match-active-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-multiple-reorderable-lists-background: #eeeeee;
  --zb-semantic-color-multiple-reorderable-lists-background-h: 0deg;
  --zb-semantic-color-multiple-reorderable-lists-background-l: 93.3333333333%;
  --zb-semantic-color-multiple-reorderable-lists-background-s: 0%;
  --zb-semantic-color-multiple-reorderable-lists-background-a: 1;
}
:root .multiple-reorderable-lists-background-color {
  color: hsl(calc(var(--zb-semantic-color-multiple-reorderable-lists-background-h) + 0deg), calc(var(--zb-semantic-color-multiple-reorderable-lists-background-s) + 0%), calc(var(--zb-semantic-color-multiple-reorderable-lists-background-l) + 0%), calc(var(--zb-semantic-color-multiple-reorderable-lists-background-a) + 0));
}
:root .multiple-reorderable-lists-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-multiple-reorderable-lists-background-h) + 0deg), calc(var(--zb-semantic-color-multiple-reorderable-lists-background-s) + 0%), calc(var(--zb-semantic-color-multiple-reorderable-lists-background-l) + 0%), calc(var(--zb-semantic-color-multiple-reorderable-lists-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-multiple-reorderable-lists-label-background: #eeeeee;
  --zb-semantic-color-multiple-reorderable-lists-label-background-h: 0deg;
  --zb-semantic-color-multiple-reorderable-lists-label-background-l: 93.3333333333%;
  --zb-semantic-color-multiple-reorderable-lists-label-background-s: 0%;
  --zb-semantic-color-multiple-reorderable-lists-label-background-a: 1;
}
:root .multiple-reorderable-lists-label-background-color {
  color: hsl(calc(var(--zb-semantic-color-multiple-reorderable-lists-label-background-h) + 0deg), calc(var(--zb-semantic-color-multiple-reorderable-lists-label-background-s) + 0%), calc(var(--zb-semantic-color-multiple-reorderable-lists-label-background-l) + 0%), calc(var(--zb-semantic-color-multiple-reorderable-lists-label-background-a) + 0));
}
:root .multiple-reorderable-lists-label-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-multiple-reorderable-lists-label-background-h) + 0deg), calc(var(--zb-semantic-color-multiple-reorderable-lists-label-background-s) + 0%), calc(var(--zb-semantic-color-multiple-reorderable-lists-label-background-l) + 0%), calc(var(--zb-semantic-color-multiple-reorderable-lists-label-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-multiple-reorderable-lists-option-background: #ffffff;
  --zb-semantic-color-multiple-reorderable-lists-option-background-h: 0deg;
  --zb-semantic-color-multiple-reorderable-lists-option-background-l: 100%;
  --zb-semantic-color-multiple-reorderable-lists-option-background-s: 0%;
  --zb-semantic-color-multiple-reorderable-lists-option-background-a: 1;
}
:root .multiple-reorderable-lists-option-background-color {
  color: hsl(calc(var(--zb-semantic-color-multiple-reorderable-lists-option-background-h) + 0deg), calc(var(--zb-semantic-color-multiple-reorderable-lists-option-background-s) + 0%), calc(var(--zb-semantic-color-multiple-reorderable-lists-option-background-l) + 0%), calc(var(--zb-semantic-color-multiple-reorderable-lists-option-background-a) + 0));
}
:root .multiple-reorderable-lists-option-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-multiple-reorderable-lists-option-background-h) + 0deg), calc(var(--zb-semantic-color-multiple-reorderable-lists-option-background-s) + 0%), calc(var(--zb-semantic-color-multiple-reorderable-lists-option-background-l) + 0%), calc(var(--zb-semantic-color-multiple-reorderable-lists-option-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-multiple-reorderable-lists: #000000;
  --zb-semantic-color-multiple-reorderable-lists-h: 0deg;
  --zb-semantic-color-multiple-reorderable-lists-l: 0%;
  --zb-semantic-color-multiple-reorderable-lists-s: 0%;
  --zb-semantic-color-multiple-reorderable-lists-a: 1;
}
:root .multiple-reorderable-lists-color {
  color: hsl(calc(var(--zb-semantic-color-multiple-reorderable-lists-h) + 0deg), calc(var(--zb-semantic-color-multiple-reorderable-lists-s) + 0%), calc(var(--zb-semantic-color-multiple-reorderable-lists-l) + 0%), calc(var(--zb-semantic-color-multiple-reorderable-lists-a) + 0));
}
:root .multiple-reorderable-lists-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-multiple-reorderable-lists-h) + 0deg), calc(var(--zb-semantic-color-multiple-reorderable-lists-s) + 0%), calc(var(--zb-semantic-color-multiple-reorderable-lists-l) + 0%), calc(var(--zb-semantic-color-multiple-reorderable-lists-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-jsdoc-renderer-name-background: #b3d9fe;
  --zb-semantic-color-jsdoc-renderer-name-background-h: 209.6deg;
  --zb-semantic-color-jsdoc-renderer-name-background-l: 84.9019607843%;
  --zb-semantic-color-jsdoc-renderer-name-background-s: 97.4025974026%;
  --zb-semantic-color-jsdoc-renderer-name-background-a: 1;
}
:root .jsdoc-renderer-name-background-color {
  color: hsl(calc(var(--zb-semantic-color-jsdoc-renderer-name-background-h) + 0deg), calc(var(--zb-semantic-color-jsdoc-renderer-name-background-s) + 0%), calc(var(--zb-semantic-color-jsdoc-renderer-name-background-l) + 0%), calc(var(--zb-semantic-color-jsdoc-renderer-name-background-a) + 0));
}
:root .jsdoc-renderer-name-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-jsdoc-renderer-name-background-h) + 0deg), calc(var(--zb-semantic-color-jsdoc-renderer-name-background-s) + 0%), calc(var(--zb-semantic-color-jsdoc-renderer-name-background-l) + 0%), calc(var(--zb-semantic-color-jsdoc-renderer-name-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-jsdoc-renderer-return-background: #ff9800;
  --zb-semantic-color-jsdoc-renderer-return-background-h: 35.7647058824deg;
  --zb-semantic-color-jsdoc-renderer-return-background-l: 50%;
  --zb-semantic-color-jsdoc-renderer-return-background-s: 100%;
  --zb-semantic-color-jsdoc-renderer-return-background-a: 1;
}
:root .jsdoc-renderer-return-background-color {
  color: hsl(calc(var(--zb-semantic-color-jsdoc-renderer-return-background-h) + 0deg), calc(var(--zb-semantic-color-jsdoc-renderer-return-background-s) + 0%), calc(var(--zb-semantic-color-jsdoc-renderer-return-background-l) + 0%), calc(var(--zb-semantic-color-jsdoc-renderer-return-background-a) + 0));
}
:root .jsdoc-renderer-return-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-jsdoc-renderer-return-background-h) + 0deg), calc(var(--zb-semantic-color-jsdoc-renderer-return-background-s) + 0%), calc(var(--zb-semantic-color-jsdoc-renderer-return-background-l) + 0%), calc(var(--zb-semantic-color-jsdoc-renderer-return-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-find-zybook-input-label: #424242;
  --zb-semantic-color-find-zybook-input-label-h: 0deg;
  --zb-semantic-color-find-zybook-input-label-l: 25.8823529412%;
  --zb-semantic-color-find-zybook-input-label-s: 0%;
  --zb-semantic-color-find-zybook-input-label-a: 1;
}
:root .find-zybook-input-label-color {
  color: hsl(calc(var(--zb-semantic-color-find-zybook-input-label-h) + 0deg), calc(var(--zb-semantic-color-find-zybook-input-label-s) + 0%), calc(var(--zb-semantic-color-find-zybook-input-label-l) + 0%), calc(var(--zb-semantic-color-find-zybook-input-label-a) + 0));
}
:root .find-zybook-input-label-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-find-zybook-input-label-h) + 0deg), calc(var(--zb-semantic-color-find-zybook-input-label-s) + 0%), calc(var(--zb-semantic-color-find-zybook-input-label-l) + 0%), calc(var(--zb-semantic-color-find-zybook-input-label-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-progression-container-active-outline: #01579b;
  --zb-semantic-color-progression-container-active-outline-h: 206.4935064935deg;
  --zb-semantic-color-progression-container-active-outline-l: 30.5882352941%;
  --zb-semantic-color-progression-container-active-outline-s: 98.7179487179%;
  --zb-semantic-color-progression-container-active-outline-a: 1;
}
:root .progression-container-active-outline-color {
  color: hsl(calc(var(--zb-semantic-color-progression-container-active-outline-h) + 0deg), calc(var(--zb-semantic-color-progression-container-active-outline-s) + 0%), calc(var(--zb-semantic-color-progression-container-active-outline-l) + 0%), calc(var(--zb-semantic-color-progression-container-active-outline-a) + 0));
}
:root .progression-container-active-outline-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-progression-container-active-outline-h) + 0deg), calc(var(--zb-semantic-color-progression-container-active-outline-s) + 0%), calc(var(--zb-semantic-color-progression-container-active-outline-l) + 0%), calc(var(--zb-semantic-color-progression-container-active-outline-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-segmented-control-grey: #37474f;
  --zb-semantic-color-segmented-control-grey-h: 200deg;
  --zb-semantic-color-segmented-control-grey-l: 26.2745098039%;
  --zb-semantic-color-segmented-control-grey-s: 17.9104477612%;
  --zb-semantic-color-segmented-control-grey-a: 1;
}
:root .segmented-control-grey-color {
  color: hsl(calc(var(--zb-semantic-color-segmented-control-grey-h) + 0deg), calc(var(--zb-semantic-color-segmented-control-grey-s) + 0%), calc(var(--zb-semantic-color-segmented-control-grey-l) + 0%), calc(var(--zb-semantic-color-segmented-control-grey-a) + 0));
}
:root .segmented-control-grey-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-segmented-control-grey-h) + 0deg), calc(var(--zb-semantic-color-segmented-control-grey-s) + 0%), calc(var(--zb-semantic-color-segmented-control-grey-l) + 0%), calc(var(--zb-semantic-color-segmented-control-grey-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-checkbox-grey: #37474f;
  --zb-semantic-color-checkbox-grey-h: 200deg;
  --zb-semantic-color-checkbox-grey-l: 26.2745098039%;
  --zb-semantic-color-checkbox-grey-s: 17.9104477612%;
  --zb-semantic-color-checkbox-grey-a: 1;
}
:root .checkbox-grey-color {
  color: hsl(calc(var(--zb-semantic-color-checkbox-grey-h) + 0deg), calc(var(--zb-semantic-color-checkbox-grey-s) + 0%), calc(var(--zb-semantic-color-checkbox-grey-l) + 0%), calc(var(--zb-semantic-color-checkbox-grey-a) + 0));
}
:root .checkbox-grey-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-checkbox-grey-h) + 0deg), calc(var(--zb-semantic-color-checkbox-grey-s) + 0%), calc(var(--zb-semantic-color-checkbox-grey-l) + 0%), calc(var(--zb-semantic-color-checkbox-grey-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-zylabs-edit-code: #0164a1;
  --zb-semantic-color-zylabs-edit-code-h: 202.875deg;
  --zb-semantic-color-zylabs-edit-code-l: 31.7647058824%;
  --zb-semantic-color-zylabs-edit-code-s: 98.7654320988%;
  --zb-semantic-color-zylabs-edit-code-a: 1;
}
:root .zylabs-edit-code-color {
  color: hsl(calc(var(--zb-semantic-color-zylabs-edit-code-h) + 0deg), calc(var(--zb-semantic-color-zylabs-edit-code-s) + 0%), calc(var(--zb-semantic-color-zylabs-edit-code-l) + 0%), calc(var(--zb-semantic-color-zylabs-edit-code-a) + 0));
}
:root .zylabs-edit-code-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zylabs-edit-code-h) + 0deg), calc(var(--zb-semantic-color-zylabs-edit-code-s) + 0%), calc(var(--zb-semantic-color-zylabs-edit-code-l) + 0%), calc(var(--zb-semantic-color-zylabs-edit-code-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-notify-icon-background-info: #45638f;
  --zb-semantic-color-notify-icon-background-info-h: 215.6756756757deg;
  --zb-semantic-color-notify-icon-background-info-l: 41.568627451%;
  --zb-semantic-color-notify-icon-background-info-s: 34.9056603774%;
  --zb-semantic-color-notify-icon-background-info-a: 1;
}
:root .notify-icon-background-info-color {
  color: hsl(calc(var(--zb-semantic-color-notify-icon-background-info-h) + 0deg), calc(var(--zb-semantic-color-notify-icon-background-info-s) + 0%), calc(var(--zb-semantic-color-notify-icon-background-info-l) + 0%), calc(var(--zb-semantic-color-notify-icon-background-info-a) + 0));
}
:root .notify-icon-background-info-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-notify-icon-background-info-h) + 0deg), calc(var(--zb-semantic-color-notify-icon-background-info-s) + 0%), calc(var(--zb-semantic-color-notify-icon-background-info-l) + 0%), calc(var(--zb-semantic-color-notify-icon-background-info-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-light-blue-text: #03a9f4;
  --zb-semantic-color-light-blue-text-h: 198.6721991701deg;
  --zb-semantic-color-light-blue-text-l: 48.431372549%;
  --zb-semantic-color-light-blue-text-s: 97.5708502024%;
  --zb-semantic-color-light-blue-text-a: 1;
}
:root .light-blue-text-color {
  color: hsl(calc(var(--zb-semantic-color-light-blue-text-h) + 0deg), calc(var(--zb-semantic-color-light-blue-text-s) + 0%), calc(var(--zb-semantic-color-light-blue-text-l) + 0%), calc(var(--zb-semantic-color-light-blue-text-a) + 0));
}
:root .light-blue-text-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-light-blue-text-h) + 0deg), calc(var(--zb-semantic-color-light-blue-text-s) + 0%), calc(var(--zb-semantic-color-light-blue-text-l) + 0%), calc(var(--zb-semantic-color-light-blue-text-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-light-blue-grey-background: #b0bec5;
  --zb-semantic-color-light-blue-grey-background-h: 200deg;
  --zb-semantic-color-light-blue-grey-background-l: 73.137254902%;
  --zb-semantic-color-light-blue-grey-background-s: 15.3284671533%;
  --zb-semantic-color-light-blue-grey-background-a: 1;
}
:root .light-blue-grey-background-color {
  color: hsl(calc(var(--zb-semantic-color-light-blue-grey-background-h) + 0deg), calc(var(--zb-semantic-color-light-blue-grey-background-s) + 0%), calc(var(--zb-semantic-color-light-blue-grey-background-l) + 0%), calc(var(--zb-semantic-color-light-blue-grey-background-a) + 0));
}
:root .light-blue-grey-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-light-blue-grey-background-h) + 0deg), calc(var(--zb-semantic-color-light-blue-grey-background-s) + 0%), calc(var(--zb-semantic-color-light-blue-grey-background-l) + 0%), calc(var(--zb-semantic-color-light-blue-grey-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-light-blue-grey-border: #b0bec5;
  --zb-semantic-color-light-blue-grey-border-h: 200deg;
  --zb-semantic-color-light-blue-grey-border-l: 73.137254902%;
  --zb-semantic-color-light-blue-grey-border-s: 15.3284671533%;
  --zb-semantic-color-light-blue-grey-border-a: 1;
}
:root .light-blue-grey-border-color {
  color: hsl(calc(var(--zb-semantic-color-light-blue-grey-border-h) + 0deg), calc(var(--zb-semantic-color-light-blue-grey-border-s) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-l) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-a) + 0));
}
:root .light-blue-grey-border-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-light-blue-grey-border-h) + 0deg), calc(var(--zb-semantic-color-light-blue-grey-border-s) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-l) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-grey-background: #eeeeee;
  --zb-semantic-color-grey-background-h: 0deg;
  --zb-semantic-color-grey-background-l: 93.3333333333%;
  --zb-semantic-color-grey-background-s: 0%;
  --zb-semantic-color-grey-background-a: 1;
}
:root .grey-background-color {
  color: hsl(calc(var(--zb-semantic-color-grey-background-h) + 0deg), calc(var(--zb-semantic-color-grey-background-s) + 0%), calc(var(--zb-semantic-color-grey-background-l) + 0%), calc(var(--zb-semantic-color-grey-background-a) + 0));
}
:root .grey-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-grey-background-h) + 0deg), calc(var(--zb-semantic-color-grey-background-s) + 0%), calc(var(--zb-semantic-color-grey-background-l) + 0%), calc(var(--zb-semantic-color-grey-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-grey-300: #e0e0e0;
  --zb-semantic-color-grey-300-h: 0deg;
  --zb-semantic-color-grey-300-l: 87.8431372549%;
  --zb-semantic-color-grey-300-s: 0%;
  --zb-semantic-color-grey-300-a: 1;
}
:root .grey-300-color {
  color: hsl(calc(var(--zb-semantic-color-grey-300-h) + 0deg), calc(var(--zb-semantic-color-grey-300-s) + 0%), calc(var(--zb-semantic-color-grey-300-l) + 0%), calc(var(--zb-semantic-color-grey-300-a) + 0));
}
:root .grey-300-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-grey-300-h) + 0deg), calc(var(--zb-semantic-color-grey-300-s) + 0%), calc(var(--zb-semantic-color-grey-300-l) + 0%), calc(var(--zb-semantic-color-grey-300-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-grey-400: #bdbdbd;
  --zb-semantic-color-grey-400-h: 0deg;
  --zb-semantic-color-grey-400-l: 74.1176470588%;
  --zb-semantic-color-grey-400-s: 0%;
  --zb-semantic-color-grey-400-a: 1;
}
:root .grey-400-color {
  color: hsl(calc(var(--zb-semantic-color-grey-400-h) + 0deg), calc(var(--zb-semantic-color-grey-400-s) + 0%), calc(var(--zb-semantic-color-grey-400-l) + 0%), calc(var(--zb-semantic-color-grey-400-a) + 0));
}
:root .grey-400-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-grey-400-h) + 0deg), calc(var(--zb-semantic-color-grey-400-s) + 0%), calc(var(--zb-semantic-color-grey-400-l) + 0%), calc(var(--zb-semantic-color-grey-400-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-grey-500: #9e9e9e;
  --zb-semantic-color-grey-500-h: 0deg;
  --zb-semantic-color-grey-500-l: 61.9607843137%;
  --zb-semantic-color-grey-500-s: 0%;
  --zb-semantic-color-grey-500-a: 1;
}
:root .grey-500-color {
  color: hsl(calc(var(--zb-semantic-color-grey-500-h) + 0deg), calc(var(--zb-semantic-color-grey-500-s) + 0%), calc(var(--zb-semantic-color-grey-500-l) + 0%), calc(var(--zb-semantic-color-grey-500-a) + 0));
}
:root .grey-500-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-grey-500-h) + 0deg), calc(var(--zb-semantic-color-grey-500-s) + 0%), calc(var(--zb-semantic-color-grey-500-l) + 0%), calc(var(--zb-semantic-color-grey-500-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-grey-600: #757575;
  --zb-semantic-color-grey-600-h: 0deg;
  --zb-semantic-color-grey-600-l: 45.8823529412%;
  --zb-semantic-color-grey-600-s: 0%;
  --zb-semantic-color-grey-600-a: 1;
}
:root .grey-600-color {
  color: hsl(calc(var(--zb-semantic-color-grey-600-h) + 0deg), calc(var(--zb-semantic-color-grey-600-s) + 0%), calc(var(--zb-semantic-color-grey-600-l) + 0%), calc(var(--zb-semantic-color-grey-600-a) + 0));
}
:root .grey-600-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-grey-600-h) + 0deg), calc(var(--zb-semantic-color-grey-600-s) + 0%), calc(var(--zb-semantic-color-grey-600-l) + 0%), calc(var(--zb-semantic-color-grey-600-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-grey-700: #424242;
  --zb-semantic-color-grey-700-h: 0deg;
  --zb-semantic-color-grey-700-l: 25.8823529412%;
  --zb-semantic-color-grey-700-s: 0%;
  --zb-semantic-color-grey-700-a: 1;
}
:root .grey-700-color {
  color: hsl(calc(var(--zb-semantic-color-grey-700-h) + 0deg), calc(var(--zb-semantic-color-grey-700-s) + 0%), calc(var(--zb-semantic-color-grey-700-l) + 0%), calc(var(--zb-semantic-color-grey-700-a) + 0));
}
:root .grey-700-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-grey-700-h) + 0deg), calc(var(--zb-semantic-color-grey-700-s) + 0%), calc(var(--zb-semantic-color-grey-700-l) + 0%), calc(var(--zb-semantic-color-grey-700-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-blue-grey-100: #cfd8dc;
  --zb-semantic-color-blue-grey-100-h: 198.4615384615deg;
  --zb-semantic-color-blue-grey-100-l: 83.7254901961%;
  --zb-semantic-color-blue-grey-100-s: 15.6626506024%;
  --zb-semantic-color-blue-grey-100-a: 1;
}
:root .blue-grey-100-color {
  color: hsl(calc(var(--zb-semantic-color-blue-grey-100-h) + 0deg), calc(var(--zb-semantic-color-blue-grey-100-s) + 0%), calc(var(--zb-semantic-color-blue-grey-100-l) + 0%), calc(var(--zb-semantic-color-blue-grey-100-a) + 0));
}
:root .blue-grey-100-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-blue-grey-100-h) + 0deg), calc(var(--zb-semantic-color-blue-grey-100-s) + 0%), calc(var(--zb-semantic-color-blue-grey-100-l) + 0%), calc(var(--zb-semantic-color-blue-grey-100-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-blue-grey-200: #b0bec5;
  --zb-semantic-color-blue-grey-200-h: 200deg;
  --zb-semantic-color-blue-grey-200-l: 73.137254902%;
  --zb-semantic-color-blue-grey-200-s: 15.3284671533%;
  --zb-semantic-color-blue-grey-200-a: 1;
}
:root .blue-grey-200-color {
  color: hsl(calc(var(--zb-semantic-color-blue-grey-200-h) + 0deg), calc(var(--zb-semantic-color-blue-grey-200-s) + 0%), calc(var(--zb-semantic-color-blue-grey-200-l) + 0%), calc(var(--zb-semantic-color-blue-grey-200-a) + 0));
}
:root .blue-grey-200-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-blue-grey-200-h) + 0deg), calc(var(--zb-semantic-color-blue-grey-200-s) + 0%), calc(var(--zb-semantic-color-blue-grey-200-l) + 0%), calc(var(--zb-semantic-color-blue-grey-200-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-blue-grey-400: #78909c;
  --zb-semantic-color-blue-grey-400-h: 200deg;
  --zb-semantic-color-blue-grey-400-l: 54.1176470588%;
  --zb-semantic-color-blue-grey-400-s: 15.3846153846%;
  --zb-semantic-color-blue-grey-400-a: 1;
}
:root .blue-grey-400-color {
  color: hsl(calc(var(--zb-semantic-color-blue-grey-400-h) + 0deg), calc(var(--zb-semantic-color-blue-grey-400-s) + 0%), calc(var(--zb-semantic-color-blue-grey-400-l) + 0%), calc(var(--zb-semantic-color-blue-grey-400-a) + 0));
}
:root .blue-grey-400-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-blue-grey-400-h) + 0deg), calc(var(--zb-semantic-color-blue-grey-400-s) + 0%), calc(var(--zb-semantic-color-blue-grey-400-l) + 0%), calc(var(--zb-semantic-color-blue-grey-400-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-blue-grey-500: #607d8b;
  --zb-semantic-color-blue-grey-500-h: 199.5348837209deg;
  --zb-semantic-color-blue-grey-500-l: 46.0784313725%;
  --zb-semantic-color-blue-grey-500-s: 18.2978723404%;
  --zb-semantic-color-blue-grey-500-a: 1;
}
:root .blue-grey-500-color {
  color: hsl(calc(var(--zb-semantic-color-blue-grey-500-h) + 0deg), calc(var(--zb-semantic-color-blue-grey-500-s) + 0%), calc(var(--zb-semantic-color-blue-grey-500-l) + 0%), calc(var(--zb-semantic-color-blue-grey-500-a) + 0));
}
:root .blue-grey-500-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-blue-grey-500-h) + 0deg), calc(var(--zb-semantic-color-blue-grey-500-s) + 0%), calc(var(--zb-semantic-color-blue-grey-500-l) + 0%), calc(var(--zb-semantic-color-blue-grey-500-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-blue-grey-800: #37474f;
  --zb-semantic-color-blue-grey-800-h: 200deg;
  --zb-semantic-color-blue-grey-800-l: 26.2745098039%;
  --zb-semantic-color-blue-grey-800-s: 17.9104477612%;
  --zb-semantic-color-blue-grey-800-a: 1;
}
:root .blue-grey-800-color {
  color: hsl(calc(var(--zb-semantic-color-blue-grey-800-h) + 0deg), calc(var(--zb-semantic-color-blue-grey-800-s) + 0%), calc(var(--zb-semantic-color-blue-grey-800-l) + 0%), calc(var(--zb-semantic-color-blue-grey-800-a) + 0));
}
:root .blue-grey-800-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-blue-grey-800-h) + 0deg), calc(var(--zb-semantic-color-blue-grey-800-s) + 0%), calc(var(--zb-semantic-color-blue-grey-800-l) + 0%), calc(var(--zb-semantic-color-blue-grey-800-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-code: #000000;
  --zb-semantic-color-code-h: 0deg;
  --zb-semantic-color-code-l: 0%;
  --zb-semantic-color-code-s: 0%;
  --zb-semantic-color-code-a: 1;
}
:root .code-color {
  color: hsl(calc(var(--zb-semantic-color-code-h) + 0deg), calc(var(--zb-semantic-color-code-s) + 0%), calc(var(--zb-semantic-color-code-l) + 0%), calc(var(--zb-semantic-color-code-a) + 0));
}
:root .code-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-code-h) + 0deg), calc(var(--zb-semantic-color-code-s) + 0%), calc(var(--zb-semantic-color-code-l) + 0%), calc(var(--zb-semantic-color-code-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-code-output: #000000;
  --zb-semantic-color-code-output-h: 0deg;
  --zb-semantic-color-code-output-l: 0%;
  --zb-semantic-color-code-output-s: 0%;
  --zb-semantic-color-code-output-a: 1;
}
:root .code-output-color {
  color: hsl(calc(var(--zb-semantic-color-code-output-h) + 0deg), calc(var(--zb-semantic-color-code-output-s) + 0%), calc(var(--zb-semantic-color-code-output-l) + 0%), calc(var(--zb-semantic-color-code-output-a) + 0));
}
:root .code-output-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-code-output-h) + 0deg), calc(var(--zb-semantic-color-code-output-s) + 0%), calc(var(--zb-semantic-color-code-output-l) + 0%), calc(var(--zb-semantic-color-code-output-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-code-background: #b3d9fe;
  --zb-semantic-color-code-background-h: 209.6deg;
  --zb-semantic-color-code-background-l: 84.9019607843%;
  --zb-semantic-color-code-background-s: 97.4025974026%;
  --zb-semantic-color-code-background-a: 1;
}
:root .code-background-color {
  color: hsl(calc(var(--zb-semantic-color-code-background-h) + 0deg), calc(var(--zb-semantic-color-code-background-s) + 0%), calc(var(--zb-semantic-color-code-background-l) + 0%), calc(var(--zb-semantic-color-code-background-a) + 0));
}
:root .code-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-code-background-h) + 0deg), calc(var(--zb-semantic-color-code-background-s) + 0%), calc(var(--zb-semantic-color-code-background-l) + 0%), calc(var(--zb-semantic-color-code-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-code-no-box-background: rgba(0, 0, 0, 0);
  --zb-semantic-color-code-no-box-background-h: 0deg;
  --zb-semantic-color-code-no-box-background-l: 0%;
  --zb-semantic-color-code-no-box-background-s: 0%;
  --zb-semantic-color-code-no-box-background-a: 0;
}
:root .code-no-box-background-color {
  color: hsl(calc(var(--zb-semantic-color-code-no-box-background-h) + 0deg), calc(var(--zb-semantic-color-code-no-box-background-s) + 0%), calc(var(--zb-semantic-color-code-no-box-background-l) + 0%), calc(var(--zb-semantic-color-code-no-box-background-a) + 0));
}
:root .code-no-box-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-code-no-box-background-h) + 0deg), calc(var(--zb-semantic-color-code-no-box-background-s) + 0%), calc(var(--zb-semantic-color-code-no-box-background-l) + 0%), calc(var(--zb-semantic-color-code-no-box-background-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-code-blue: #0000aa;
  --zb-semantic-color-code-blue-h: 240deg;
  --zb-semantic-color-code-blue-l: 33.3333333333%;
  --zb-semantic-color-code-blue-s: 100%;
  --zb-semantic-color-code-blue-a: 1;
}
:root .code-blue-color {
  color: hsl(calc(var(--zb-semantic-color-code-blue-h) + 0deg), calc(var(--zb-semantic-color-code-blue-s) + 0%), calc(var(--zb-semantic-color-code-blue-l) + 0%), calc(var(--zb-semantic-color-code-blue-a) + 0));
}
:root .code-blue-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-code-blue-h) + 0deg), calc(var(--zb-semantic-color-code-blue-s) + 0%), calc(var(--zb-semantic-color-code-blue-l) + 0%), calc(var(--zb-semantic-color-code-blue-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-code-teal: #006464;
  --zb-semantic-color-code-teal-h: 180deg;
  --zb-semantic-color-code-teal-l: 19.6078431373%;
  --zb-semantic-color-code-teal-s: 100%;
  --zb-semantic-color-code-teal-a: 1;
}
:root .code-teal-color {
  color: hsl(calc(var(--zb-semantic-color-code-teal-h) + 0deg), calc(var(--zb-semantic-color-code-teal-s) + 0%), calc(var(--zb-semantic-color-code-teal-l) + 0%), calc(var(--zb-semantic-color-code-teal-a) + 0));
}
:root .code-teal-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-code-teal-h) + 0deg), calc(var(--zb-semantic-color-code-teal-s) + 0%), calc(var(--zb-semantic-color-code-teal-l) + 0%), calc(var(--zb-semantic-color-code-teal-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-code-green: #006900;
  --zb-semantic-color-code-green-h: 120deg;
  --zb-semantic-color-code-green-l: 20.5882352941%;
  --zb-semantic-color-code-green-s: 100%;
  --zb-semantic-color-code-green-a: 1;
}
:root .code-green-color {
  color: hsl(calc(var(--zb-semantic-color-code-green-h) + 0deg), calc(var(--zb-semantic-color-code-green-s) + 0%), calc(var(--zb-semantic-color-code-green-l) + 0%), calc(var(--zb-semantic-color-code-green-a) + 0));
}
:root .code-green-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-code-green-h) + 0deg), calc(var(--zb-semantic-color-code-green-s) + 0%), calc(var(--zb-semantic-color-code-green-l) + 0%), calc(var(--zb-semantic-color-code-green-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-code-amber: #914700;
  --zb-semantic-color-code-amber-h: 29.3793103448deg;
  --zb-semantic-color-code-amber-l: 28.431372549%;
  --zb-semantic-color-code-amber-s: 100%;
  --zb-semantic-color-code-amber-a: 1;
}
:root .code-amber-color {
  color: hsl(calc(var(--zb-semantic-color-code-amber-h) + 0deg), calc(var(--zb-semantic-color-code-amber-s) + 0%), calc(var(--zb-semantic-color-code-amber-l) + 0%), calc(var(--zb-semantic-color-code-amber-a) + 0));
}
:root .code-amber-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-code-amber-h) + 0deg), calc(var(--zb-semantic-color-code-amber-s) + 0%), calc(var(--zb-semantic-color-code-amber-l) + 0%), calc(var(--zb-semantic-color-code-amber-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-code-red: #a00000;
  --zb-semantic-color-code-red-h: 0deg;
  --zb-semantic-color-code-red-l: 31.3725490196%;
  --zb-semantic-color-code-red-s: 100%;
  --zb-semantic-color-code-red-a: 1;
}
:root .code-red-color {
  color: hsl(calc(var(--zb-semantic-color-code-red-h) + 0deg), calc(var(--zb-semantic-color-code-red-s) + 0%), calc(var(--zb-semantic-color-code-red-l) + 0%), calc(var(--zb-semantic-color-code-red-a) + 0));
}
:root .code-red-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-code-red-h) + 0deg), calc(var(--zb-semantic-color-code-red-s) + 0%), calc(var(--zb-semantic-color-code-red-l) + 0%), calc(var(--zb-semantic-color-code-red-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-code-black: #000000;
  --zb-semantic-color-code-black-h: 0deg;
  --zb-semantic-color-code-black-l: 0%;
  --zb-semantic-color-code-black-s: 0%;
  --zb-semantic-color-code-black-a: 1;
}
:root .code-black-color {
  color: hsl(calc(var(--zb-semantic-color-code-black-h) + 0deg), calc(var(--zb-semantic-color-code-black-s) + 0%), calc(var(--zb-semantic-color-code-black-l) + 0%), calc(var(--zb-semantic-color-code-black-a) + 0));
}
:root .code-black-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-code-black-h) + 0deg), calc(var(--zb-semantic-color-code-black-s) + 0%), calc(var(--zb-semantic-color-code-black-l) + 0%), calc(var(--zb-semantic-color-code-black-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-code-grey: #5c5c5c;
  --zb-semantic-color-code-grey-h: 0deg;
  --zb-semantic-color-code-grey-l: 36.0784313725%;
  --zb-semantic-color-code-grey-s: 0%;
  --zb-semantic-color-code-grey-a: 1;
}
:root .code-grey-color {
  color: hsl(calc(var(--zb-semantic-color-code-grey-h) + 0deg), calc(var(--zb-semantic-color-code-grey-s) + 0%), calc(var(--zb-semantic-color-code-grey-l) + 0%), calc(var(--zb-semantic-color-code-grey-a) + 0));
}
:root .code-grey-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-code-grey-h) + 0deg), calc(var(--zb-semantic-color-code-grey-s) + 0%), calc(var(--zb-semantic-color-code-grey-l) + 0%), calc(var(--zb-semantic-color-code-grey-a) + 0));
}
:root .base-theme,
:root [data-theme=base], :root[data-theme=base] {
  --zb-semantic-color-code-purple: #800080;
  --zb-semantic-color-code-purple-h: 300deg;
  --zb-semantic-color-code-purple-l: 25.0980392157%;
  --zb-semantic-color-code-purple-s: 100%;
  --zb-semantic-color-code-purple-a: 1;
}
:root .code-purple-color {
  color: hsl(calc(var(--zb-semantic-color-code-purple-h) + 0deg), calc(var(--zb-semantic-color-code-purple-s) + 0%), calc(var(--zb-semantic-color-code-purple-l) + 0%), calc(var(--zb-semantic-color-code-purple-a) + 0));
}
:root .code-purple-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-code-purple-h) + 0deg), calc(var(--zb-semantic-color-code-purple-s) + 0%), calc(var(--zb-semantic-color-code-purple-l) + 0%), calc(var(--zb-semantic-color-code-purple-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-primary: #f48539;
  --zb-semantic-color-primary-h: 24.385026738deg;
  --zb-semantic-color-primary-l: 59.0196078431%;
  --zb-semantic-color-primary-s: 89.4736842105%;
  --zb-semantic-color-primary-a: 1;
}
:root .primary-color {
  color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
}
:root .primary-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-secondary: #2eb4ff;
  --zb-semantic-color-secondary-h: 201.5311004785deg;
  --zb-semantic-color-secondary-l: 59.0196078431%;
  --zb-semantic-color-secondary-s: 100%;
  --zb-semantic-color-secondary-a: 1;
}
:root .secondary-color {
  color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
}
:root .secondary-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-heading: #f5f5f5;
  --zb-semantic-color-heading-h: 0deg;
  --zb-semantic-color-heading-l: 96.0784313725%;
  --zb-semantic-color-heading-s: 0%;
  --zb-semantic-color-heading-a: 1;
}
:root .heading-color {
  color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
}
:root .heading-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-body: #eeeeee;
  --zb-semantic-color-body-h: 0deg;
  --zb-semantic-color-body-l: 93.3333333333%;
  --zb-semantic-color-body-s: 0%;
  --zb-semantic-color-body-a: 1;
}
:root .body-color {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}
:root .body-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-subtext: #bdbdbd;
  --zb-semantic-color-subtext-h: 0deg;
  --zb-semantic-color-subtext-l: 74.1176470588%;
  --zb-semantic-color-subtext-s: 0%;
  --zb-semantic-color-subtext-a: 1;
}
:root .subtext-color {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
}
:root .subtext-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-border: #37474f;
  --zb-semantic-color-border-h: 200deg;
  --zb-semantic-color-border-l: 26.2745098039%;
  --zb-semantic-color-border-s: 17.9104477612%;
  --zb-semantic-color-border-a: 1;
}
:root .border-color {
  color: hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
}
:root .border-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-error: #d55859;
  --zb-semantic-color-error-h: 359.52deg;
  --zb-semantic-color-error-l: 59.0196078431%;
  --zb-semantic-color-error-s: 59.8086124402%;
  --zb-semantic-color-error-a: 1;
}
:root .error-color {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
:root .error-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-info: #b0bec5;
  --zb-semantic-color-info-h: 200deg;
  --zb-semantic-color-info-l: 73.137254902%;
  --zb-semantic-color-info-s: 15.3284671533%;
  --zb-semantic-color-info-a: 1;
}
:root .info-color {
  color: hsl(calc(var(--zb-semantic-color-info-h) + 0deg), calc(var(--zb-semantic-color-info-s) + 0%), calc(var(--zb-semantic-color-info-l) + 0%), calc(var(--zb-semantic-color-info-a) + 0));
}
:root .info-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-info-h) + 0deg), calc(var(--zb-semantic-color-info-s) + 0%), calc(var(--zb-semantic-color-info-l) + 0%), calc(var(--zb-semantic-color-info-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-success: #69c46f;
  --zb-semantic-color-success-h: 123.956043956deg;
  --zb-semantic-color-success-l: 59.0196078431%;
  --zb-semantic-color-success-s: 43.5406698565%;
  --zb-semantic-color-success-a: 1;
}
:root .success-color {
  color: hsl(calc(var(--zb-semantic-color-success-h) + 0deg), calc(var(--zb-semantic-color-success-s) + 0%), calc(var(--zb-semantic-color-success-l) + 0%), calc(var(--zb-semantic-color-success-a) + 0));
}
:root .success-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-success-h) + 0deg), calc(var(--zb-semantic-color-success-s) + 0%), calc(var(--zb-semantic-color-success-l) + 0%), calc(var(--zb-semantic-color-success-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-warning: #d55859;
  --zb-semantic-color-warning-h: 359.52deg;
  --zb-semantic-color-warning-l: 59.0196078431%;
  --zb-semantic-color-warning-s: 59.8086124402%;
  --zb-semantic-color-warning-a: 1;
}
:root .warning-color {
  color: hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
}
:root .warning-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-disabled: #9e9e9e;
  --zb-semantic-color-disabled-h: 0deg;
  --zb-semantic-color-disabled-l: 61.9607843137%;
  --zb-semantic-color-disabled-s: 0%;
  --zb-semantic-color-disabled-a: 1;
}
:root .disabled-color {
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
:root .disabled-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-unmoveable: #2e3a3d;
  --zb-semantic-color-unmoveable-h: 192deg;
  --zb-semantic-color-unmoveable-l: 20.9803921569%;
  --zb-semantic-color-unmoveable-s: 14.0186915888%;
  --zb-semantic-color-unmoveable-a: 1;
}
:root .unmoveable-color {
  color: hsl(calc(var(--zb-semantic-color-unmoveable-h) + 0deg), calc(var(--zb-semantic-color-unmoveable-s) + 0%), calc(var(--zb-semantic-color-unmoveable-l) + 0%), calc(var(--zb-semantic-color-unmoveable-a) + 0));
}
:root .unmoveable-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-unmoveable-h) + 0deg), calc(var(--zb-semantic-color-unmoveable-s) + 0%), calc(var(--zb-semantic-color-unmoveable-l) + 0%), calc(var(--zb-semantic-color-unmoveable-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-highlight: #f9b424;
  --zb-semantic-color-highlight-h: 40.5633802817deg;
  --zb-semantic-color-highlight-l: 55.8823529412%;
  --zb-semantic-color-highlight-s: 94.6666666667%;
  --zb-semantic-color-highlight-a: 1;
}
:root .highlight-color {
  color: hsl(calc(var(--zb-semantic-color-highlight-h) + 0deg), calc(var(--zb-semantic-color-highlight-s) + 0%), calc(var(--zb-semantic-color-highlight-l) + 0%), calc(var(--zb-semantic-color-highlight-a) + 0));
}
:root .highlight-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-highlight-h) + 0deg), calc(var(--zb-semantic-color-highlight-s) + 0%), calc(var(--zb-semantic-color-highlight-l) + 0%), calc(var(--zb-semantic-color-highlight-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-icon: #000000;
  --zb-semantic-color-icon-h: 0deg;
  --zb-semantic-color-icon-l: 0%;
  --zb-semantic-color-icon-s: 0%;
  --zb-semantic-color-icon-a: 1;
}
:root .icon-color {
  color: hsl(calc(var(--zb-semantic-color-icon-h) + 0deg), calc(var(--zb-semantic-color-icon-s) + 0%), calc(var(--zb-semantic-color-icon-l) + 0%), calc(var(--zb-semantic-color-icon-a) + 0));
}
:root .icon-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-icon-h) + 0deg), calc(var(--zb-semantic-color-icon-s) + 0%), calc(var(--zb-semantic-color-icon-l) + 0%), calc(var(--zb-semantic-color-icon-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-shadow: #37474f;
  --zb-semantic-color-shadow-h: 200deg;
  --zb-semantic-color-shadow-l: 26.2745098039%;
  --zb-semantic-color-shadow-s: 17.9104477612%;
  --zb-semantic-color-shadow-a: 1;
}
:root .shadow-color {
  color: hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + 0));
}
:root .shadow-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-background: #14181a;
  --zb-semantic-color-background-h: 200deg;
  --zb-semantic-color-background-l: 9.0196078431%;
  --zb-semantic-color-background-s: 13.0434782609%;
  --zb-semantic-color-background-a: 1;
}
:root .background-color {
  color: hsl(calc(var(--zb-semantic-color-background-h) + 0deg), calc(var(--zb-semantic-color-background-s) + 0%), calc(var(--zb-semantic-color-background-l) + 0%), calc(var(--zb-semantic-color-background-a) + 0));
}
:root .background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-background-h) + 0deg), calc(var(--zb-semantic-color-background-s) + 0%), calc(var(--zb-semantic-color-background-l) + 0%), calc(var(--zb-semantic-color-background-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-light-background: #060809;
  --zb-semantic-color-light-background-h: 200deg;
  --zb-semantic-color-light-background-l: 2.9411764706%;
  --zb-semantic-color-light-background-s: 20%;
  --zb-semantic-color-light-background-a: 1;
}
:root .light-background-color {
  color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
}
:root .light-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-list-background: #101314;
  --zb-semantic-color-list-background-h: 195deg;
  --zb-semantic-color-list-background-l: 7.0588235294%;
  --zb-semantic-color-list-background-s: 11.1111111111%;
  --zb-semantic-color-list-background-a: 1;
}
:root .list-background-color {
  color: hsl(calc(var(--zb-semantic-color-list-background-h) + 0deg), calc(var(--zb-semantic-color-list-background-s) + 0%), calc(var(--zb-semantic-color-list-background-l) + 0%), calc(var(--zb-semantic-color-list-background-a) + 0));
}
:root .list-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-list-background-h) + 0deg), calc(var(--zb-semantic-color-list-background-s) + 0%), calc(var(--zb-semantic-color-list-background-l) + 0%), calc(var(--zb-semantic-color-list-background-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-pagination-background: #01579b;
  --zb-semantic-color-pagination-background-h: 206.4935064935deg;
  --zb-semantic-color-pagination-background-l: 30.5882352941%;
  --zb-semantic-color-pagination-background-s: 98.7179487179%;
  --zb-semantic-color-pagination-background-a: 1;
}
:root .pagination-background-color {
  color: hsl(calc(var(--zb-semantic-color-pagination-background-h) + 0deg), calc(var(--zb-semantic-color-pagination-background-s) + 0%), calc(var(--zb-semantic-color-pagination-background-l) + 0%), calc(var(--zb-semantic-color-pagination-background-a) + 0));
}
:root .pagination-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-pagination-background-h) + 0deg), calc(var(--zb-semantic-color-pagination-background-s) + 0%), calc(var(--zb-semantic-color-pagination-background-l) + 0%), calc(var(--zb-semantic-color-pagination-background-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-disabled-background: #37474f;
  --zb-semantic-color-disabled-background-h: 200deg;
  --zb-semantic-color-disabled-background-l: 26.2745098039%;
  --zb-semantic-color-disabled-background-s: 17.9104477612%;
  --zb-semantic-color-disabled-background-a: 1;
}
:root .disabled-background-color {
  color: hsl(calc(var(--zb-semantic-color-disabled-background-h) + 0deg), calc(var(--zb-semantic-color-disabled-background-s) + 0%), calc(var(--zb-semantic-color-disabled-background-l) + 0%), calc(var(--zb-semantic-color-disabled-background-a) + 0));
}
:root .disabled-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-background-h) + 0deg), calc(var(--zb-semantic-color-disabled-background-s) + 0%), calc(var(--zb-semantic-color-disabled-background-l) + 0%), calc(var(--zb-semantic-color-disabled-background-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-error-background: #e39192;
  --zb-semantic-color-error-background-h: 359.2682926829deg;
  --zb-semantic-color-error-background-l: 72.9411764706%;
  --zb-semantic-color-error-background-s: 59.4202898551%;
  --zb-semantic-color-error-background-a: 1;
}
:root .error-background-color {
  color: hsl(calc(var(--zb-semantic-color-error-background-h) + 0deg), calc(var(--zb-semantic-color-error-background-s) + 0%), calc(var(--zb-semantic-color-error-background-l) + 0%), calc(var(--zb-semantic-color-error-background-a) + 0));
}
:root .error-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-error-background-h) + 0deg), calc(var(--zb-semantic-color-error-background-s) + 0%), calc(var(--zb-semantic-color-error-background-l) + 0%), calc(var(--zb-semantic-color-error-background-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-signin-page-background: #14181a;
  --zb-semantic-color-signin-page-background-h: 200deg;
  --zb-semantic-color-signin-page-background-l: 9.0196078431%;
  --zb-semantic-color-signin-page-background-s: 13.0434782609%;
  --zb-semantic-color-signin-page-background-a: 1;
}
:root .signin-page-background-color {
  color: hsl(calc(var(--zb-semantic-color-signin-page-background-h) + 0deg), calc(var(--zb-semantic-color-signin-page-background-s) + 0%), calc(var(--zb-semantic-color-signin-page-background-l) + 0%), calc(var(--zb-semantic-color-signin-page-background-a) + 0));
}
:root .signin-page-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-signin-page-background-h) + 0deg), calc(var(--zb-semantic-color-signin-page-background-s) + 0%), calc(var(--zb-semantic-color-signin-page-background-l) + 0%), calc(var(--zb-semantic-color-signin-page-background-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-modal-header-background: #060809;
  --zb-semantic-color-modal-header-background-h: 200deg;
  --zb-semantic-color-modal-header-background-l: 2.9411764706%;
  --zb-semantic-color-modal-header-background-s: 20%;
  --zb-semantic-color-modal-header-background-a: 1;
}
:root .modal-header-background-color {
  color: hsl(calc(var(--zb-semantic-color-modal-header-background-h) + 0deg), calc(var(--zb-semantic-color-modal-header-background-s) + 0%), calc(var(--zb-semantic-color-modal-header-background-l) + 0%), calc(var(--zb-semantic-color-modal-header-background-a) + 0));
}
:root .modal-header-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-modal-header-background-h) + 0deg), calc(var(--zb-semantic-color-modal-header-background-s) + 0%), calc(var(--zb-semantic-color-modal-header-background-l) + 0%), calc(var(--zb-semantic-color-modal-header-background-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-aside-background: #14181a;
  --zb-semantic-color-aside-background-h: 200deg;
  --zb-semantic-color-aside-background-l: 9.0196078431%;
  --zb-semantic-color-aside-background-s: 13.0434782609%;
  --zb-semantic-color-aside-background-a: 1;
}
:root .aside-background-color {
  color: hsl(calc(var(--zb-semantic-color-aside-background-h) + 0deg), calc(var(--zb-semantic-color-aside-background-s) + 0%), calc(var(--zb-semantic-color-aside-background-l) + 0%), calc(var(--zb-semantic-color-aside-background-a) + 0));
}
:root .aside-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-aside-background-h) + 0deg), calc(var(--zb-semantic-color-aside-background-s) + 0%), calc(var(--zb-semantic-color-aside-background-l) + 0%), calc(var(--zb-semantic-color-aside-background-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-selected-background: #14181a;
  --zb-semantic-color-selected-background-h: 200deg;
  --zb-semantic-color-selected-background-l: 9.0196078431%;
  --zb-semantic-color-selected-background-s: 13.0434782609%;
  --zb-semantic-color-selected-background-a: 1;
}
:root .selected-background-color {
  color: hsl(calc(var(--zb-semantic-color-selected-background-h) + 0deg), calc(var(--zb-semantic-color-selected-background-s) + 0%), calc(var(--zb-semantic-color-selected-background-l) + 0%), calc(var(--zb-semantic-color-selected-background-a) + 0));
}
:root .selected-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-selected-background-h) + 0deg), calc(var(--zb-semantic-color-selected-background-s) + 0%), calc(var(--zb-semantic-color-selected-background-l) + 0%), calc(var(--zb-semantic-color-selected-background-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-inverse-body: #000000;
  --zb-semantic-color-inverse-body-h: 0deg;
  --zb-semantic-color-inverse-body-l: 0%;
  --zb-semantic-color-inverse-body-s: 0%;
  --zb-semantic-color-inverse-body-a: 1;
}
:root .inverse-body-color {
  color: hsl(calc(var(--zb-semantic-color-inverse-body-h) + 0deg), calc(var(--zb-semantic-color-inverse-body-s) + 0%), calc(var(--zb-semantic-color-inverse-body-l) + 0%), calc(var(--zb-semantic-color-inverse-body-a) + 0));
}
:root .inverse-body-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-inverse-body-h) + 0deg), calc(var(--zb-semantic-color-inverse-body-s) + 0%), calc(var(--zb-semantic-color-inverse-body-l) + 0%), calc(var(--zb-semantic-color-inverse-body-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-inverse-shadow: #000000;
  --zb-semantic-color-inverse-shadow-h: 0deg;
  --zb-semantic-color-inverse-shadow-l: 0%;
  --zb-semantic-color-inverse-shadow-s: 0%;
  --zb-semantic-color-inverse-shadow-a: 1;
}
:root .inverse-shadow-color {
  color: hsl(calc(var(--zb-semantic-color-inverse-shadow-h) + 0deg), calc(var(--zb-semantic-color-inverse-shadow-s) + 0%), calc(var(--zb-semantic-color-inverse-shadow-l) + 0%), calc(var(--zb-semantic-color-inverse-shadow-a) + 0));
}
:root .inverse-shadow-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-inverse-shadow-h) + 0deg), calc(var(--zb-semantic-color-inverse-shadow-s) + 0%), calc(var(--zb-semantic-color-inverse-shadow-l) + 0%), calc(var(--zb-semantic-color-inverse-shadow-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-table: #ffffff;
  --zb-semantic-color-table-h: 0deg;
  --zb-semantic-color-table-l: 100%;
  --zb-semantic-color-table-s: 0%;
  --zb-semantic-color-table-a: 1;
}
:root .table-color {
  color: hsl(calc(var(--zb-semantic-color-table-h) + 0deg), calc(var(--zb-semantic-color-table-s) + 0%), calc(var(--zb-semantic-color-table-l) + 0%), calc(var(--zb-semantic-color-table-a) + 0));
}
:root .table-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-table-h) + 0deg), calc(var(--zb-semantic-color-table-s) + 0%), calc(var(--zb-semantic-color-table-l) + 0%), calc(var(--zb-semantic-color-table-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-table-background: #14181a;
  --zb-semantic-color-table-background-h: 200deg;
  --zb-semantic-color-table-background-l: 9.0196078431%;
  --zb-semantic-color-table-background-s: 13.0434782609%;
  --zb-semantic-color-table-background-a: 1;
}
:root .table-background-color {
  color: hsl(calc(var(--zb-semantic-color-table-background-h) + 0deg), calc(var(--zb-semantic-color-table-background-s) + 0%), calc(var(--zb-semantic-color-table-background-l) + 0%), calc(var(--zb-semantic-color-table-background-a) + 0));
}
:root .table-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-table-background-h) + 0deg), calc(var(--zb-semantic-color-table-background-s) + 0%), calc(var(--zb-semantic-color-table-background-l) + 0%), calc(var(--zb-semantic-color-table-background-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-table-database-background: #01579b;
  --zb-semantic-color-table-database-background-h: 206.4935064935deg;
  --zb-semantic-color-table-database-background-l: 30.5882352941%;
  --zb-semantic-color-table-database-background-s: 98.7179487179%;
  --zb-semantic-color-table-database-background-a: 1;
}
:root .table-database-background-color {
  color: hsl(calc(var(--zb-semantic-color-table-database-background-h) + 0deg), calc(var(--zb-semantic-color-table-database-background-s) + 0%), calc(var(--zb-semantic-color-table-database-background-l) + 0%), calc(var(--zb-semantic-color-table-database-background-a) + 0));
}
:root .table-database-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-table-database-background-h) + 0deg), calc(var(--zb-semantic-color-table-database-background-s) + 0%), calc(var(--zb-semantic-color-table-database-background-l) + 0%), calc(var(--zb-semantic-color-table-database-background-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-table-spreadsheet-background: #000000;
  --zb-semantic-color-table-spreadsheet-background-h: 0deg;
  --zb-semantic-color-table-spreadsheet-background-l: 0%;
  --zb-semantic-color-table-spreadsheet-background-s: 0%;
  --zb-semantic-color-table-spreadsheet-background-a: 1;
}
:root .table-spreadsheet-background-color {
  color: hsl(calc(var(--zb-semantic-color-table-spreadsheet-background-h) + 0deg), calc(var(--zb-semantic-color-table-spreadsheet-background-s) + 0%), calc(var(--zb-semantic-color-table-spreadsheet-background-l) + 0%), calc(var(--zb-semantic-color-table-spreadsheet-background-a) + 0));
}
:root .table-spreadsheet-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-table-spreadsheet-background-h) + 0deg), calc(var(--zb-semantic-color-table-spreadsheet-background-s) + 0%), calc(var(--zb-semantic-color-table-spreadsheet-background-l) + 0%), calc(var(--zb-semantic-color-table-spreadsheet-background-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-table-border: #9e9e9e;
  --zb-semantic-color-table-border-h: 0deg;
  --zb-semantic-color-table-border-l: 61.9607843137%;
  --zb-semantic-color-table-border-s: 0%;
  --zb-semantic-color-table-border-a: 1;
}
:root .table-border-color {
  color: hsl(calc(var(--zb-semantic-color-table-border-h) + 0deg), calc(var(--zb-semantic-color-table-border-s) + 0%), calc(var(--zb-semantic-color-table-border-l) + 0%), calc(var(--zb-semantic-color-table-border-a) + 0));
}
:root .table-border-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-table-border-h) + 0deg), calc(var(--zb-semantic-color-table-border-s) + 0%), calc(var(--zb-semantic-color-table-border-l) + 0%), calc(var(--zb-semantic-color-table-border-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-table-header-background: #424242;
  --zb-semantic-color-table-header-background-h: 0deg;
  --zb-semantic-color-table-header-background-l: 25.8823529412%;
  --zb-semantic-color-table-header-background-s: 0%;
  --zb-semantic-color-table-header-background-a: 1;
}
:root .table-header-background-color {
  color: hsl(calc(var(--zb-semantic-color-table-header-background-h) + 0deg), calc(var(--zb-semantic-color-table-header-background-s) + 0%), calc(var(--zb-semantic-color-table-header-background-l) + 0%), calc(var(--zb-semantic-color-table-header-background-a) + 0));
}
:root .table-header-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-table-header-background-h) + 0deg), calc(var(--zb-semantic-color-table-header-background-s) + 0%), calc(var(--zb-semantic-color-table-header-background-l) + 0%), calc(var(--zb-semantic-color-table-header-background-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-table-header: #ffffff;
  --zb-semantic-color-table-header-h: 0deg;
  --zb-semantic-color-table-header-l: 100%;
  --zb-semantic-color-table-header-s: 0%;
  --zb-semantic-color-table-header-a: 1;
}
:root .table-header-color {
  color: hsl(calc(var(--zb-semantic-color-table-header-h) + 0deg), calc(var(--zb-semantic-color-table-header-s) + 0%), calc(var(--zb-semantic-color-table-header-l) + 0%), calc(var(--zb-semantic-color-table-header-a) + 0));
}
:root .table-header-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-table-header-h) + 0deg), calc(var(--zb-semantic-color-table-header-s) + 0%), calc(var(--zb-semantic-color-table-header-l) + 0%), calc(var(--zb-semantic-color-table-header-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-input: #ffffff;
  --zb-semantic-color-input-h: 0deg;
  --zb-semantic-color-input-l: 100%;
  --zb-semantic-color-input-s: 0%;
  --zb-semantic-color-input-a: 1;
}
:root .input-color {
  color: hsl(calc(var(--zb-semantic-color-input-h) + 0deg), calc(var(--zb-semantic-color-input-s) + 0%), calc(var(--zb-semantic-color-input-l) + 0%), calc(var(--zb-semantic-color-input-a) + 0));
}
:root .input-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-input-h) + 0deg), calc(var(--zb-semantic-color-input-s) + 0%), calc(var(--zb-semantic-color-input-l) + 0%), calc(var(--zb-semantic-color-input-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-input-label: #bdbdbd;
  --zb-semantic-color-input-label-h: 0deg;
  --zb-semantic-color-input-label-l: 74.1176470588%;
  --zb-semantic-color-input-label-s: 0%;
  --zb-semantic-color-input-label-a: 1;
}
:root .input-label-color {
  color: hsl(calc(var(--zb-semantic-color-input-label-h) + 0deg), calc(var(--zb-semantic-color-input-label-s) + 0%), calc(var(--zb-semantic-color-input-label-l) + 0%), calc(var(--zb-semantic-color-input-label-a) + 0));
}
:root .input-label-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-input-label-h) + 0deg), calc(var(--zb-semantic-color-input-label-s) + 0%), calc(var(--zb-semantic-color-input-label-l) + 0%), calc(var(--zb-semantic-color-input-label-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-input-border: #bdbdbd;
  --zb-semantic-color-input-border-h: 0deg;
  --zb-semantic-color-input-border-l: 74.1176470588%;
  --zb-semantic-color-input-border-s: 0%;
  --zb-semantic-color-input-border-a: 1;
}
:root .input-border-color {
  color: hsl(calc(var(--zb-semantic-color-input-border-h) + 0deg), calc(var(--zb-semantic-color-input-border-s) + 0%), calc(var(--zb-semantic-color-input-border-l) + 0%), calc(var(--zb-semantic-color-input-border-a) + 0));
}
:root .input-border-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-input-border-h) + 0deg), calc(var(--zb-semantic-color-input-border-s) + 0%), calc(var(--zb-semantic-color-input-border-l) + 0%), calc(var(--zb-semantic-color-input-border-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-input-placeholder: #bdbdbd;
  --zb-semantic-color-input-placeholder-h: 0deg;
  --zb-semantic-color-input-placeholder-l: 74.1176470588%;
  --zb-semantic-color-input-placeholder-s: 0%;
  --zb-semantic-color-input-placeholder-a: 1;
}
:root .input-placeholder-color {
  color: hsl(calc(var(--zb-semantic-color-input-placeholder-h) + 0deg), calc(var(--zb-semantic-color-input-placeholder-s) + 0%), calc(var(--zb-semantic-color-input-placeholder-l) + 0%), calc(var(--zb-semantic-color-input-placeholder-a) + 0));
}
:root .input-placeholder-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-input-placeholder-h) + 0deg), calc(var(--zb-semantic-color-input-placeholder-s) + 0%), calc(var(--zb-semantic-color-input-placeholder-l) + 0%), calc(var(--zb-semantic-color-input-placeholder-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-input-background: #000000;
  --zb-semantic-color-input-background-h: 0deg;
  --zb-semantic-color-input-background-l: 0%;
  --zb-semantic-color-input-background-s: 0%;
  --zb-semantic-color-input-background-a: 1;
}
:root .input-background-color {
  color: hsl(calc(var(--zb-semantic-color-input-background-h) + 0deg), calc(var(--zb-semantic-color-input-background-s) + 0%), calc(var(--zb-semantic-color-input-background-l) + 0%), calc(var(--zb-semantic-color-input-background-a) + 0));
}
:root .input-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-input-background-h) + 0deg), calc(var(--zb-semantic-color-input-background-s) + 0%), calc(var(--zb-semantic-color-input-background-l) + 0%), calc(var(--zb-semantic-color-input-background-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-zyde-header-background: #14181a;
  --zb-semantic-color-zyde-header-background-h: 200deg;
  --zb-semantic-color-zyde-header-background-l: 9.0196078431%;
  --zb-semantic-color-zyde-header-background-s: 13.0434782609%;
  --zb-semantic-color-zyde-header-background-a: 1;
}
:root .zyde-header-background-color {
  color: hsl(calc(var(--zb-semantic-color-zyde-header-background-h) + 0deg), calc(var(--zb-semantic-color-zyde-header-background-s) + 0%), calc(var(--zb-semantic-color-zyde-header-background-l) + 0%), calc(var(--zb-semantic-color-zyde-header-background-a) + 0));
}
:root .zyde-header-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zyde-header-background-h) + 0deg), calc(var(--zb-semantic-color-zyde-header-background-s) + 0%), calc(var(--zb-semantic-color-zyde-header-background-l) + 0%), calc(var(--zb-semantic-color-zyde-header-background-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-select-option-hover: #000000;
  --zb-semantic-color-select-option-hover-h: 0deg;
  --zb-semantic-color-select-option-hover-l: 0%;
  --zb-semantic-color-select-option-hover-s: 0%;
  --zb-semantic-color-select-option-hover-a: 1;
}
:root .select-option-hover-color {
  color: hsl(calc(var(--zb-semantic-color-select-option-hover-h) + 0deg), calc(var(--zb-semantic-color-select-option-hover-s) + 0%), calc(var(--zb-semantic-color-select-option-hover-l) + 0%), calc(var(--zb-semantic-color-select-option-hover-a) + 0));
}
:root .select-option-hover-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-select-option-hover-h) + 0deg), calc(var(--zb-semantic-color-select-option-hover-s) + 0%), calc(var(--zb-semantic-color-select-option-hover-l) + 0%), calc(var(--zb-semantic-color-select-option-hover-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-select-option-background-hover: #75ceff;
  --zb-semantic-color-select-option-background-hover-h: 201.3043478261deg;
  --zb-semantic-color-select-option-background-hover-l: 72.9411764706%;
  --zb-semantic-color-select-option-background-hover-s: 100%;
  --zb-semantic-color-select-option-background-hover-a: 1;
}
:root .select-option-background-hover-color {
  color: hsl(calc(var(--zb-semantic-color-select-option-background-hover-h) + 0deg), calc(var(--zb-semantic-color-select-option-background-hover-s) + 0%), calc(var(--zb-semantic-color-select-option-background-hover-l) + 0%), calc(var(--zb-semantic-color-select-option-background-hover-a) + 0));
}
:root .select-option-background-hover-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-select-option-background-hover-h) + 0deg), calc(var(--zb-semantic-color-select-option-background-hover-s) + 0%), calc(var(--zb-semantic-color-select-option-background-hover-l) + 0%), calc(var(--zb-semantic-color-select-option-background-hover-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-select-option-selected: #ffffff;
  --zb-semantic-color-select-option-selected-h: 0deg;
  --zb-semantic-color-select-option-selected-l: 100%;
  --zb-semantic-color-select-option-selected-s: 0%;
  --zb-semantic-color-select-option-selected-a: 1;
}
:root .select-option-selected-color {
  color: hsl(calc(var(--zb-semantic-color-select-option-selected-h) + 0deg), calc(var(--zb-semantic-color-select-option-selected-s) + 0%), calc(var(--zb-semantic-color-select-option-selected-l) + 0%), calc(var(--zb-semantic-color-select-option-selected-a) + 0));
}
:root .select-option-selected-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-select-option-selected-h) + 0deg), calc(var(--zb-semantic-color-select-option-selected-s) + 0%), calc(var(--zb-semantic-color-select-option-selected-l) + 0%), calc(var(--zb-semantic-color-select-option-selected-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-select-option-selected-background: #757575;
  --zb-semantic-color-select-option-selected-background-h: 0deg;
  --zb-semantic-color-select-option-selected-background-l: 45.8823529412%;
  --zb-semantic-color-select-option-selected-background-s: 0%;
  --zb-semantic-color-select-option-selected-background-a: 1;
}
:root .select-option-selected-background-color {
  color: hsl(calc(var(--zb-semantic-color-select-option-selected-background-h) + 0deg), calc(var(--zb-semantic-color-select-option-selected-background-s) + 0%), calc(var(--zb-semantic-color-select-option-selected-background-l) + 0%), calc(var(--zb-semantic-color-select-option-selected-background-a) + 0));
}
:root .select-option-selected-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-select-option-selected-background-h) + 0deg), calc(var(--zb-semantic-color-select-option-selected-background-s) + 0%), calc(var(--zb-semantic-color-select-option-selected-background-l) + 0%), calc(var(--zb-semantic-color-select-option-selected-background-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-multi-select-pill: #ffffff;
  --zb-semantic-color-multi-select-pill-h: 0deg;
  --zb-semantic-color-multi-select-pill-l: 100%;
  --zb-semantic-color-multi-select-pill-s: 0%;
  --zb-semantic-color-multi-select-pill-a: 1;
}
:root .multi-select-pill-color {
  color: hsl(calc(var(--zb-semantic-color-multi-select-pill-h) + 0deg), calc(var(--zb-semantic-color-multi-select-pill-s) + 0%), calc(var(--zb-semantic-color-multi-select-pill-l) + 0%), calc(var(--zb-semantic-color-multi-select-pill-a) + 0));
}
:root .multi-select-pill-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-multi-select-pill-h) + 0deg), calc(var(--zb-semantic-color-multi-select-pill-s) + 0%), calc(var(--zb-semantic-color-multi-select-pill-l) + 0%), calc(var(--zb-semantic-color-multi-select-pill-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-multi-select-pill-background: #9e9e9e;
  --zb-semantic-color-multi-select-pill-background-h: 0deg;
  --zb-semantic-color-multi-select-pill-background-l: 61.9607843137%;
  --zb-semantic-color-multi-select-pill-background-s: 0%;
  --zb-semantic-color-multi-select-pill-background-a: 1;
}
:root .multi-select-pill-background-color {
  color: hsl(calc(var(--zb-semantic-color-multi-select-pill-background-h) + 0deg), calc(var(--zb-semantic-color-multi-select-pill-background-s) + 0%), calc(var(--zb-semantic-color-multi-select-pill-background-l) + 0%), calc(var(--zb-semantic-color-multi-select-pill-background-a) + 0));
}
:root .multi-select-pill-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-multi-select-pill-background-h) + 0deg), calc(var(--zb-semantic-color-multi-select-pill-background-s) + 0%), calc(var(--zb-semantic-color-multi-select-pill-background-l) + 0%), calc(var(--zb-semantic-color-multi-select-pill-background-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-switch-off-background: #9e9e9e;
  --zb-semantic-color-switch-off-background-h: 0deg;
  --zb-semantic-color-switch-off-background-l: 61.9607843137%;
  --zb-semantic-color-switch-off-background-s: 0%;
  --zb-semantic-color-switch-off-background-a: 1;
}
:root .switch-off-background-color {
  color: hsl(calc(var(--zb-semantic-color-switch-off-background-h) + 0deg), calc(var(--zb-semantic-color-switch-off-background-s) + 0%), calc(var(--zb-semantic-color-switch-off-background-l) + 0%), calc(var(--zb-semantic-color-switch-off-background-a) + 0));
}
:root .switch-off-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-switch-off-background-h) + 0deg), calc(var(--zb-semantic-color-switch-off-background-s) + 0%), calc(var(--zb-semantic-color-switch-off-background-l) + 0%), calc(var(--zb-semantic-color-switch-off-background-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-switch-control-background: #000000;
  --zb-semantic-color-switch-control-background-h: 0deg;
  --zb-semantic-color-switch-control-background-l: 0%;
  --zb-semantic-color-switch-control-background-s: 0%;
  --zb-semantic-color-switch-control-background-a: 1;
}
:root .switch-control-background-color {
  color: hsl(calc(var(--zb-semantic-color-switch-control-background-h) + 0deg), calc(var(--zb-semantic-color-switch-control-background-s) + 0%), calc(var(--zb-semantic-color-switch-control-background-l) + 0%), calc(var(--zb-semantic-color-switch-control-background-a) + 0));
}
:root .switch-control-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-switch-control-background-h) + 0deg), calc(var(--zb-semantic-color-switch-control-background-s) + 0%), calc(var(--zb-semantic-color-switch-control-background-l) + 0%), calc(var(--zb-semantic-color-switch-control-background-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-selectable-zb-hover: #757575;
  --zb-semantic-color-selectable-zb-hover-h: 0deg;
  --zb-semantic-color-selectable-zb-hover-l: 45.8823529412%;
  --zb-semantic-color-selectable-zb-hover-s: 0%;
  --zb-semantic-color-selectable-zb-hover-a: 1;
}
:root .selectable-zb-hover-color {
  color: hsl(calc(var(--zb-semantic-color-selectable-zb-hover-h) + 0deg), calc(var(--zb-semantic-color-selectable-zb-hover-s) + 0%), calc(var(--zb-semantic-color-selectable-zb-hover-l) + 0%), calc(var(--zb-semantic-color-selectable-zb-hover-a) + 0));
}
:root .selectable-zb-hover-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-selectable-zb-hover-h) + 0deg), calc(var(--zb-semantic-color-selectable-zb-hover-s) + 0%), calc(var(--zb-semantic-color-selectable-zb-hover-l) + 0%), calc(var(--zb-semantic-color-selectable-zb-hover-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-selectable-zb-selected: #9e9e9e;
  --zb-semantic-color-selectable-zb-selected-h: 0deg;
  --zb-semantic-color-selectable-zb-selected-l: 61.9607843137%;
  --zb-semantic-color-selectable-zb-selected-s: 0%;
  --zb-semantic-color-selectable-zb-selected-a: 1;
}
:root .selectable-zb-selected-color {
  color: hsl(calc(var(--zb-semantic-color-selectable-zb-selected-h) + 0deg), calc(var(--zb-semantic-color-selectable-zb-selected-s) + 0%), calc(var(--zb-semantic-color-selectable-zb-selected-l) + 0%), calc(var(--zb-semantic-color-selectable-zb-selected-a) + 0));
}
:root .selectable-zb-selected-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-selectable-zb-selected-h) + 0deg), calc(var(--zb-semantic-color-selectable-zb-selected-s) + 0%), calc(var(--zb-semantic-color-selectable-zb-selected-l) + 0%), calc(var(--zb-semantic-color-selectable-zb-selected-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-selectable-zb-border: #bdbdbd;
  --zb-semantic-color-selectable-zb-border-h: 0deg;
  --zb-semantic-color-selectable-zb-border-l: 74.1176470588%;
  --zb-semantic-color-selectable-zb-border-s: 0%;
  --zb-semantic-color-selectable-zb-border-a: 1;
}
:root .selectable-zb-border-color {
  color: hsl(calc(var(--zb-semantic-color-selectable-zb-border-h) + 0deg), calc(var(--zb-semantic-color-selectable-zb-border-s) + 0%), calc(var(--zb-semantic-color-selectable-zb-border-l) + 0%), calc(var(--zb-semantic-color-selectable-zb-border-a) + 0));
}
:root .selectable-zb-border-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-selectable-zb-border-h) + 0deg), calc(var(--zb-semantic-color-selectable-zb-border-s) + 0%), calc(var(--zb-semantic-color-selectable-zb-border-l) + 0%), calc(var(--zb-semantic-color-selectable-zb-border-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-button-text-hover: #ffffff;
  --zb-semantic-color-button-text-hover-h: 0deg;
  --zb-semantic-color-button-text-hover-l: 100%;
  --zb-semantic-color-button-text-hover-s: 0%;
  --zb-semantic-color-button-text-hover-a: 1;
}
:root .button-text-hover-color {
  color: hsl(calc(var(--zb-semantic-color-button-text-hover-h) + 0deg), calc(var(--zb-semantic-color-button-text-hover-s) + 0%), calc(var(--zb-semantic-color-button-text-hover-l) + 0%), calc(var(--zb-semantic-color-button-text-hover-a) + 0));
}
:root .button-text-hover-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-text-hover-h) + 0deg), calc(var(--zb-semantic-color-button-text-hover-s) + 0%), calc(var(--zb-semantic-color-button-text-hover-l) + 0%), calc(var(--zb-semantic-color-button-text-hover-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-button-raised: #000000;
  --zb-semantic-color-button-raised-h: 0deg;
  --zb-semantic-color-button-raised-l: 0%;
  --zb-semantic-color-button-raised-s: 0%;
  --zb-semantic-color-button-raised-a: 1;
}
:root .button-raised-color {
  color: hsl(calc(var(--zb-semantic-color-button-raised-h) + 0deg), calc(var(--zb-semantic-color-button-raised-s) + 0%), calc(var(--zb-semantic-color-button-raised-l) + 0%), calc(var(--zb-semantic-color-button-raised-a) + 0));
}
:root .button-raised-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-raised-h) + 0deg), calc(var(--zb-semantic-color-button-raised-s) + 0%), calc(var(--zb-semantic-color-button-raised-l) + 0%), calc(var(--zb-semantic-color-button-raised-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-button-count: #000000;
  --zb-semantic-color-button-count-h: 0deg;
  --zb-semantic-color-button-count-l: 0%;
  --zb-semantic-color-button-count-s: 0%;
  --zb-semantic-color-button-count-a: 1;
}
:root .button-count-color {
  color: hsl(calc(var(--zb-semantic-color-button-count-h) + 0deg), calc(var(--zb-semantic-color-button-count-s) + 0%), calc(var(--zb-semantic-color-button-count-l) + 0%), calc(var(--zb-semantic-color-button-count-a) + 0));
}
:root .button-count-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-count-h) + 0deg), calc(var(--zb-semantic-color-button-count-s) + 0%), calc(var(--zb-semantic-color-button-count-l) + 0%), calc(var(--zb-semantic-color-button-count-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-button-count-background: #e0e0e0;
  --zb-semantic-color-button-count-background-h: 0deg;
  --zb-semantic-color-button-count-background-l: 87.8431372549%;
  --zb-semantic-color-button-count-background-s: 0%;
  --zb-semantic-color-button-count-background-a: 1;
}
:root .button-count-background-color {
  color: hsl(calc(var(--zb-semantic-color-button-count-background-h) + 0deg), calc(var(--zb-semantic-color-button-count-background-s) + 0%), calc(var(--zb-semantic-color-button-count-background-l) + 0%), calc(var(--zb-semantic-color-button-count-background-a) + 0));
}
:root .button-count-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-count-background-h) + 0deg), calc(var(--zb-semantic-color-button-count-background-s) + 0%), calc(var(--zb-semantic-color-button-count-background-l) + 0%), calc(var(--zb-semantic-color-button-count-background-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-button-count-background-hover: #000000;
  --zb-semantic-color-button-count-background-hover-h: 0deg;
  --zb-semantic-color-button-count-background-hover-l: 0%;
  --zb-semantic-color-button-count-background-hover-s: 0%;
  --zb-semantic-color-button-count-background-hover-a: 1;
}
:root .button-count-background-hover-color {
  color: hsl(calc(var(--zb-semantic-color-button-count-background-hover-h) + 0deg), calc(var(--zb-semantic-color-button-count-background-hover-s) + 0%), calc(var(--zb-semantic-color-button-count-background-hover-l) + 0%), calc(var(--zb-semantic-color-button-count-background-hover-a) + 0));
}
:root .button-count-background-hover-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-count-background-hover-h) + 0deg), calc(var(--zb-semantic-color-button-count-background-hover-s) + 0%), calc(var(--zb-semantic-color-button-count-background-hover-l) + 0%), calc(var(--zb-semantic-color-button-count-background-hover-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-button-count-raised: #000000;
  --zb-semantic-color-button-count-raised-h: 0deg;
  --zb-semantic-color-button-count-raised-l: 0%;
  --zb-semantic-color-button-count-raised-s: 0%;
  --zb-semantic-color-button-count-raised-a: 1;
}
:root .button-count-raised-color {
  color: hsl(calc(var(--zb-semantic-color-button-count-raised-h) + 0deg), calc(var(--zb-semantic-color-button-count-raised-s) + 0%), calc(var(--zb-semantic-color-button-count-raised-l) + 0%), calc(var(--zb-semantic-color-button-count-raised-a) + 0));
}
:root .button-count-raised-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-count-raised-h) + 0deg), calc(var(--zb-semantic-color-button-count-raised-s) + 0%), calc(var(--zb-semantic-color-button-count-raised-l) + 0%), calc(var(--zb-semantic-color-button-count-raised-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-button-count-raised-background: #ffffff;
  --zb-semantic-color-button-count-raised-background-h: 0deg;
  --zb-semantic-color-button-count-raised-background-l: 100%;
  --zb-semantic-color-button-count-raised-background-s: 0%;
  --zb-semantic-color-button-count-raised-background-a: 1;
}
:root .button-count-raised-background-color {
  color: hsl(calc(var(--zb-semantic-color-button-count-raised-background-h) + 0deg), calc(var(--zb-semantic-color-button-count-raised-background-s) + 0%), calc(var(--zb-semantic-color-button-count-raised-background-l) + 0%), calc(var(--zb-semantic-color-button-count-raised-background-a) + 0));
}
:root .button-count-raised-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-count-raised-background-h) + 0deg), calc(var(--zb-semantic-color-button-count-raised-background-s) + 0%), calc(var(--zb-semantic-color-button-count-raised-background-l) + 0%), calc(var(--zb-semantic-color-button-count-raised-background-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-button-default: #ffffff;
  --zb-semantic-color-button-default-h: 0deg;
  --zb-semantic-color-button-default-l: 100%;
  --zb-semantic-color-button-default-s: 0%;
  --zb-semantic-color-button-default-a: 1;
}
:root .button-default-color {
  color: hsl(calc(var(--zb-semantic-color-button-default-h) + 0deg), calc(var(--zb-semantic-color-button-default-s) + 0%), calc(var(--zb-semantic-color-button-default-l) + 0%), calc(var(--zb-semantic-color-button-default-a) + 0));
}
:root .button-default-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-default-h) + 0deg), calc(var(--zb-semantic-color-button-default-s) + 0%), calc(var(--zb-semantic-color-button-default-l) + 0%), calc(var(--zb-semantic-color-button-default-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-button-hover-default: #f48539;
  --zb-semantic-color-button-hover-default-h: 24.385026738deg;
  --zb-semantic-color-button-hover-default-l: 59.0196078431%;
  --zb-semantic-color-button-hover-default-s: 89.4736842105%;
  --zb-semantic-color-button-hover-default-a: 1;
}
:root .button-hover-default-color {
  color: hsl(calc(var(--zb-semantic-color-button-hover-default-h) + 0deg), calc(var(--zb-semantic-color-button-hover-default-s) + 0%), calc(var(--zb-semantic-color-button-hover-default-l) + 0%), calc(var(--zb-semantic-color-button-hover-default-a) + 0));
}
:root .button-hover-default-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-hover-default-h) + 0deg), calc(var(--zb-semantic-color-button-hover-default-s) + 0%), calc(var(--zb-semantic-color-button-hover-default-l) + 0%), calc(var(--zb-semantic-color-button-hover-default-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-button-raised-background-default: #b0bec5;
  --zb-semantic-color-button-raised-background-default-h: 200deg;
  --zb-semantic-color-button-raised-background-default-l: 73.137254902%;
  --zb-semantic-color-button-raised-background-default-s: 15.3284671533%;
  --zb-semantic-color-button-raised-background-default-a: 1;
}
:root .button-raised-background-default-color {
  color: hsl(calc(var(--zb-semantic-color-button-raised-background-default-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-default-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-default-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-default-a) + 0));
}
:root .button-raised-background-default-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-default-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-default-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-default-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-default-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-button-raised-background-hover-default: #f48539;
  --zb-semantic-color-button-raised-background-hover-default-h: 24.385026738deg;
  --zb-semantic-color-button-raised-background-hover-default-l: 59.0196078431%;
  --zb-semantic-color-button-raised-background-hover-default-s: 89.4736842105%;
  --zb-semantic-color-button-raised-background-hover-default-a: 1;
}
:root .button-raised-background-hover-default-color {
  color: hsl(calc(var(--zb-semantic-color-button-raised-background-hover-default-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-hover-default-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-default-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-default-a) + 0));
}
:root .button-raised-background-hover-default-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-hover-default-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-hover-default-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-default-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-default-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-button-primary: #f48539;
  --zb-semantic-color-button-primary-h: 24.385026738deg;
  --zb-semantic-color-button-primary-l: 59.0196078431%;
  --zb-semantic-color-button-primary-s: 89.4736842105%;
  --zb-semantic-color-button-primary-a: 1;
}
:root .button-primary-color {
  color: hsl(calc(var(--zb-semantic-color-button-primary-h) + 0deg), calc(var(--zb-semantic-color-button-primary-s) + 0%), calc(var(--zb-semantic-color-button-primary-l) + 0%), calc(var(--zb-semantic-color-button-primary-a) + 0));
}
:root .button-primary-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-primary-h) + 0deg), calc(var(--zb-semantic-color-button-primary-s) + 0%), calc(var(--zb-semantic-color-button-primary-l) + 0%), calc(var(--zb-semantic-color-button-primary-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-button-raised-background-primary: #f48539;
  --zb-semantic-color-button-raised-background-primary-h: 24.385026738deg;
  --zb-semantic-color-button-raised-background-primary-l: 59.0196078431%;
  --zb-semantic-color-button-raised-background-primary-s: 89.4736842105%;
  --zb-semantic-color-button-raised-background-primary-a: 1;
}
:root .button-raised-background-primary-color {
  color: hsl(calc(var(--zb-semantic-color-button-raised-background-primary-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-primary-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-primary-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-primary-a) + 0));
}
:root .button-raised-background-primary-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-primary-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-primary-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-primary-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-primary-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-button-raised-background-hover-primary: #f8af7d;
  --zb-semantic-color-button-raised-background-hover-primary-h: 24.3902439024deg;
  --zb-semantic-color-button-raised-background-hover-primary-l: 73.137254902%;
  --zb-semantic-color-button-raised-background-hover-primary-s: 89.7810218978%;
  --zb-semantic-color-button-raised-background-hover-primary-a: 1;
}
:root .button-raised-background-hover-primary-color {
  color: hsl(calc(var(--zb-semantic-color-button-raised-background-hover-primary-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-hover-primary-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-primary-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-primary-a) + 0));
}
:root .button-raised-background-hover-primary-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-hover-primary-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-hover-primary-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-primary-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-primary-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-button-secondary: #2eb4ff;
  --zb-semantic-color-button-secondary-h: 201.5311004785deg;
  --zb-semantic-color-button-secondary-l: 59.0196078431%;
  --zb-semantic-color-button-secondary-s: 100%;
  --zb-semantic-color-button-secondary-a: 1;
}
:root .button-secondary-color {
  color: hsl(calc(var(--zb-semantic-color-button-secondary-h) + 0deg), calc(var(--zb-semantic-color-button-secondary-s) + 0%), calc(var(--zb-semantic-color-button-secondary-l) + 0%), calc(var(--zb-semantic-color-button-secondary-a) + 0));
}
:root .button-secondary-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-secondary-h) + 0deg), calc(var(--zb-semantic-color-button-secondary-s) + 0%), calc(var(--zb-semantic-color-button-secondary-l) + 0%), calc(var(--zb-semantic-color-button-secondary-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-button-raised-background-secondary: #2eb4ff;
  --zb-semantic-color-button-raised-background-secondary-h: 201.5311004785deg;
  --zb-semantic-color-button-raised-background-secondary-l: 59.0196078431%;
  --zb-semantic-color-button-raised-background-secondary-s: 100%;
  --zb-semantic-color-button-raised-background-secondary-a: 1;
}
:root .button-raised-background-secondary-color {
  color: hsl(calc(var(--zb-semantic-color-button-raised-background-secondary-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-secondary-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-secondary-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-secondary-a) + 0));
}
:root .button-raised-background-secondary-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-secondary-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-secondary-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-secondary-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-secondary-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-button-raised-background-hover-secondary: #75ceff;
  --zb-semantic-color-button-raised-background-hover-secondary-h: 201.3043478261deg;
  --zb-semantic-color-button-raised-background-hover-secondary-l: 72.9411764706%;
  --zb-semantic-color-button-raised-background-hover-secondary-s: 100%;
  --zb-semantic-color-button-raised-background-hover-secondary-a: 1;
}
:root .button-raised-background-hover-secondary-color {
  color: hsl(calc(var(--zb-semantic-color-button-raised-background-hover-secondary-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-hover-secondary-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-secondary-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-secondary-a) + 0));
}
:root .button-raised-background-hover-secondary-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-hover-secondary-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-hover-secondary-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-secondary-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-secondary-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-button-green: #69c46f;
  --zb-semantic-color-button-green-h: 123.956043956deg;
  --zb-semantic-color-button-green-l: 59.0196078431%;
  --zb-semantic-color-button-green-s: 43.5406698565%;
  --zb-semantic-color-button-green-a: 1;
}
:root .button-green-color {
  color: hsl(calc(var(--zb-semantic-color-button-green-h) + 0deg), calc(var(--zb-semantic-color-button-green-s) + 0%), calc(var(--zb-semantic-color-button-green-l) + 0%), calc(var(--zb-semantic-color-button-green-a) + 0));
}
:root .button-green-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-green-h) + 0deg), calc(var(--zb-semantic-color-button-green-s) + 0%), calc(var(--zb-semantic-color-button-green-l) + 0%), calc(var(--zb-semantic-color-button-green-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-button-raised-background-green: #69c46f;
  --zb-semantic-color-button-raised-background-green-h: 123.956043956deg;
  --zb-semantic-color-button-raised-background-green-l: 59.0196078431%;
  --zb-semantic-color-button-raised-background-green-s: 43.5406698565%;
  --zb-semantic-color-button-raised-background-green-a: 1;
}
:root .button-raised-background-green-color {
  color: hsl(calc(var(--zb-semantic-color-button-raised-background-green-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-green-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-green-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-green-a) + 0));
}
:root .button-raised-background-green-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-green-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-green-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-green-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-green-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-button-raised-background-hover-green: #9cd8a0;
  --zb-semantic-color-button-raised-background-hover-green-h: 124deg;
  --zb-semantic-color-button-raised-background-hover-green-l: 72.9411764706%;
  --zb-semantic-color-button-raised-background-hover-green-s: 43.4782608696%;
  --zb-semantic-color-button-raised-background-hover-green-a: 1;
}
:root .button-raised-background-hover-green-color {
  color: hsl(calc(var(--zb-semantic-color-button-raised-background-hover-green-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-hover-green-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-green-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-green-a) + 0));
}
:root .button-raised-background-hover-green-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-hover-green-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-hover-green-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-green-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-green-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-button-warn: #d55859;
  --zb-semantic-color-button-warn-h: 359.52deg;
  --zb-semantic-color-button-warn-l: 59.0196078431%;
  --zb-semantic-color-button-warn-s: 59.8086124402%;
  --zb-semantic-color-button-warn-a: 1;
}
:root .button-warn-color {
  color: hsl(calc(var(--zb-semantic-color-button-warn-h) + 0deg), calc(var(--zb-semantic-color-button-warn-s) + 0%), calc(var(--zb-semantic-color-button-warn-l) + 0%), calc(var(--zb-semantic-color-button-warn-a) + 0));
}
:root .button-warn-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-warn-h) + 0deg), calc(var(--zb-semantic-color-button-warn-s) + 0%), calc(var(--zb-semantic-color-button-warn-l) + 0%), calc(var(--zb-semantic-color-button-warn-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-button-raised-background-warn: #d55859;
  --zb-semantic-color-button-raised-background-warn-h: 359.52deg;
  --zb-semantic-color-button-raised-background-warn-l: 59.0196078431%;
  --zb-semantic-color-button-raised-background-warn-s: 59.8086124402%;
  --zb-semantic-color-button-raised-background-warn-a: 1;
}
:root .button-raised-background-warn-color {
  color: hsl(calc(var(--zb-semantic-color-button-raised-background-warn-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-warn-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-warn-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-warn-a) + 0));
}
:root .button-raised-background-warn-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-warn-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-warn-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-warn-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-warn-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-button-raised-background-hover-warn: #e39192;
  --zb-semantic-color-button-raised-background-hover-warn-h: 359.2682926829deg;
  --zb-semantic-color-button-raised-background-hover-warn-l: 72.9411764706%;
  --zb-semantic-color-button-raised-background-hover-warn-s: 59.4202898551%;
  --zb-semantic-color-button-raised-background-hover-warn-a: 1;
}
:root .button-raised-background-hover-warn-color {
  color: hsl(calc(var(--zb-semantic-color-button-raised-background-hover-warn-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-hover-warn-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-warn-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-warn-a) + 0));
}
:root .button-raised-background-hover-warn-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-hover-warn-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-hover-warn-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-warn-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-warn-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-button-grey: #bdbdbd;
  --zb-semantic-color-button-grey-h: 0deg;
  --zb-semantic-color-button-grey-l: 74.1176470588%;
  --zb-semantic-color-button-grey-s: 0%;
  --zb-semantic-color-button-grey-a: 1;
}
:root .button-grey-color {
  color: hsl(calc(var(--zb-semantic-color-button-grey-h) + 0deg), calc(var(--zb-semantic-color-button-grey-s) + 0%), calc(var(--zb-semantic-color-button-grey-l) + 0%), calc(var(--zb-semantic-color-button-grey-a) + 0));
}
:root .button-grey-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-grey-h) + 0deg), calc(var(--zb-semantic-color-button-grey-s) + 0%), calc(var(--zb-semantic-color-button-grey-l) + 0%), calc(var(--zb-semantic-color-button-grey-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-button-raised-background-grey: #757575;
  --zb-semantic-color-button-raised-background-grey-h: 0deg;
  --zb-semantic-color-button-raised-background-grey-l: 45.8823529412%;
  --zb-semantic-color-button-raised-background-grey-s: 0%;
  --zb-semantic-color-button-raised-background-grey-a: 1;
}
:root .button-raised-background-grey-color {
  color: hsl(calc(var(--zb-semantic-color-button-raised-background-grey-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-grey-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-grey-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-grey-a) + 0));
}
:root .button-raised-background-grey-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-grey-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-grey-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-grey-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-grey-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-button-raised-background-hover-grey: #424242;
  --zb-semantic-color-button-raised-background-hover-grey-h: 0deg;
  --zb-semantic-color-button-raised-background-hover-grey-l: 25.8823529412%;
  --zb-semantic-color-button-raised-background-hover-grey-s: 0%;
  --zb-semantic-color-button-raised-background-hover-grey-a: 1;
}
:root .button-raised-background-hover-grey-color {
  color: hsl(calc(var(--zb-semantic-color-button-raised-background-hover-grey-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-hover-grey-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-grey-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-grey-a) + 0));
}
:root .button-raised-background-hover-grey-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-hover-grey-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-hover-grey-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-grey-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-grey-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-zybook-participation: #f48539;
  --zb-semantic-color-zybook-participation-h: 24.385026738deg;
  --zb-semantic-color-zybook-participation-l: 59.0196078431%;
  --zb-semantic-color-zybook-participation-s: 89.4736842105%;
  --zb-semantic-color-zybook-participation-a: 1;
}
:root .zybook-participation-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-participation-h) + 0deg), calc(var(--zb-semantic-color-zybook-participation-s) + 0%), calc(var(--zb-semantic-color-zybook-participation-l) + 0%), calc(var(--zb-semantic-color-zybook-participation-a) + 0));
}
:root .zybook-participation-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-participation-h) + 0deg), calc(var(--zb-semantic-color-zybook-participation-s) + 0%), calc(var(--zb-semantic-color-zybook-participation-l) + 0%), calc(var(--zb-semantic-color-zybook-participation-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-zybook-lab: #69c46f;
  --zb-semantic-color-zybook-lab-h: 123.956043956deg;
  --zb-semantic-color-zybook-lab-l: 59.0196078431%;
  --zb-semantic-color-zybook-lab-s: 43.5406698565%;
  --zb-semantic-color-zybook-lab-a: 1;
}
:root .zybook-lab-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-lab-h) + 0deg), calc(var(--zb-semantic-color-zybook-lab-s) + 0%), calc(var(--zb-semantic-color-zybook-lab-l) + 0%), calc(var(--zb-semantic-color-zybook-lab-a) + 0));
}
:root .zybook-lab-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-lab-h) + 0deg), calc(var(--zb-semantic-color-zybook-lab-s) + 0%), calc(var(--zb-semantic-color-zybook-lab-l) + 0%), calc(var(--zb-semantic-color-zybook-lab-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-zybook-studio: #69c46f;
  --zb-semantic-color-zybook-studio-h: 123.956043956deg;
  --zb-semantic-color-zybook-studio-l: 59.0196078431%;
  --zb-semantic-color-zybook-studio-s: 43.5406698565%;
  --zb-semantic-color-zybook-studio-a: 1;
}
:root .zybook-studio-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-studio-h) + 0deg), calc(var(--zb-semantic-color-zybook-studio-s) + 0%), calc(var(--zb-semantic-color-zybook-studio-l) + 0%), calc(var(--zb-semantic-color-zybook-studio-a) + 0));
}
:root .zybook-studio-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-studio-h) + 0deg), calc(var(--zb-semantic-color-zybook-studio-s) + 0%), calc(var(--zb-semantic-color-zybook-studio-l) + 0%), calc(var(--zb-semantic-color-zybook-studio-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-zybook-challenge: #2eb4ff;
  --zb-semantic-color-zybook-challenge-h: 201.5311004785deg;
  --zb-semantic-color-zybook-challenge-l: 59.0196078431%;
  --zb-semantic-color-zybook-challenge-s: 100%;
  --zb-semantic-color-zybook-challenge-a: 1;
}
:root .zybook-challenge-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-challenge-h) + 0deg), calc(var(--zb-semantic-color-zybook-challenge-s) + 0%), calc(var(--zb-semantic-color-zybook-challenge-l) + 0%), calc(var(--zb-semantic-color-zybook-challenge-a) + 0));
}
:root .zybook-challenge-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-challenge-h) + 0deg), calc(var(--zb-semantic-color-zybook-challenge-s) + 0%), calc(var(--zb-semantic-color-zybook-challenge-l) + 0%), calc(var(--zb-semantic-color-zybook-challenge-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-zybook-exercise: #2eb4ff;
  --zb-semantic-color-zybook-exercise-h: 201.5311004785deg;
  --zb-semantic-color-zybook-exercise-l: 59.0196078431%;
  --zb-semantic-color-zybook-exercise-s: 100%;
  --zb-semantic-color-zybook-exercise-a: 1;
}
:root .zybook-exercise-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-exercise-h) + 0deg), calc(var(--zb-semantic-color-zybook-exercise-s) + 0%), calc(var(--zb-semantic-color-zybook-exercise-l) + 0%), calc(var(--zb-semantic-color-zybook-exercise-a) + 0));
}
:root .zybook-exercise-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-exercise-h) + 0deg), calc(var(--zb-semantic-color-zybook-exercise-s) + 0%), calc(var(--zb-semantic-color-zybook-exercise-l) + 0%), calc(var(--zb-semantic-color-zybook-exercise-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-zybook-static: #9e9e9e;
  --zb-semantic-color-zybook-static-h: 0deg;
  --zb-semantic-color-zybook-static-l: 61.9607843137%;
  --zb-semantic-color-zybook-static-s: 0%;
  --zb-semantic-color-zybook-static-a: 1;
}
:root .zybook-static-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-static-h) + 0deg), calc(var(--zb-semantic-color-zybook-static-s) + 0%), calc(var(--zb-semantic-color-zybook-static-l) + 0%), calc(var(--zb-semantic-color-zybook-static-a) + 0));
}
:root .zybook-static-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-static-h) + 0deg), calc(var(--zb-semantic-color-zybook-static-s) + 0%), calc(var(--zb-semantic-color-zybook-static-l) + 0%), calc(var(--zb-semantic-color-zybook-static-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-zybook-optional: #2eb4ff;
  --zb-semantic-color-zybook-optional-h: 201.5311004785deg;
  --zb-semantic-color-zybook-optional-l: 59.0196078431%;
  --zb-semantic-color-zybook-optional-s: 100%;
  --zb-semantic-color-zybook-optional-a: 1;
}
:root .zybook-optional-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-optional-h) + 0deg), calc(var(--zb-semantic-color-zybook-optional-s) + 0%), calc(var(--zb-semantic-color-zybook-optional-l) + 0%), calc(var(--zb-semantic-color-zybook-optional-a) + 0));
}
:root .zybook-optional-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-optional-h) + 0deg), calc(var(--zb-semantic-color-zybook-optional-s) + 0%), calc(var(--zb-semantic-color-zybook-optional-l) + 0%), calc(var(--zb-semantic-color-zybook-optional-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-zybook-hidden: #9e9e9e;
  --zb-semantic-color-zybook-hidden-h: 0deg;
  --zb-semantic-color-zybook-hidden-l: 61.9607843137%;
  --zb-semantic-color-zybook-hidden-s: 0%;
  --zb-semantic-color-zybook-hidden-a: 1;
}
:root .zybook-hidden-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-hidden-h) + 0deg), calc(var(--zb-semantic-color-zybook-hidden-s) + 0%), calc(var(--zb-semantic-color-zybook-hidden-l) + 0%), calc(var(--zb-semantic-color-zybook-hidden-a) + 0));
}
:root .zybook-hidden-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-hidden-h) + 0deg), calc(var(--zb-semantic-color-zybook-hidden-s) + 0%), calc(var(--zb-semantic-color-zybook-hidden-l) + 0%), calc(var(--zb-semantic-color-zybook-hidden-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-zybook-empty: #d55859;
  --zb-semantic-color-zybook-empty-h: 359.52deg;
  --zb-semantic-color-zybook-empty-l: 59.0196078431%;
  --zb-semantic-color-zybook-empty-s: 59.8086124402%;
  --zb-semantic-color-zybook-empty-a: 1;
}
:root .zybook-empty-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-empty-h) + 0deg), calc(var(--zb-semantic-color-zybook-empty-s) + 0%), calc(var(--zb-semantic-color-zybook-empty-l) + 0%), calc(var(--zb-semantic-color-zybook-empty-a) + 0));
}
:root .zybook-empty-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-empty-h) + 0deg), calc(var(--zb-semantic-color-zybook-empty-s) + 0%), calc(var(--zb-semantic-color-zybook-empty-l) + 0%), calc(var(--zb-semantic-color-zybook-empty-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-zybook-exam: #b0bec5;
  --zb-semantic-color-zybook-exam-h: 200deg;
  --zb-semantic-color-zybook-exam-l: 73.137254902%;
  --zb-semantic-color-zybook-exam-s: 15.3284671533%;
  --zb-semantic-color-zybook-exam-a: 1;
}
:root .zybook-exam-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-exam-h) + 0deg), calc(var(--zb-semantic-color-zybook-exam-s) + 0%), calc(var(--zb-semantic-color-zybook-exam-l) + 0%), calc(var(--zb-semantic-color-zybook-exam-a) + 0));
}
:root .zybook-exam-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-exam-h) + 0deg), calc(var(--zb-semantic-color-zybook-exam-s) + 0%), calc(var(--zb-semantic-color-zybook-exam-l) + 0%), calc(var(--zb-semantic-color-zybook-exam-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-zybook-new: #f48539;
  --zb-semantic-color-zybook-new-h: 24.385026738deg;
  --zb-semantic-color-zybook-new-l: 59.0196078431%;
  --zb-semantic-color-zybook-new-s: 89.4736842105%;
  --zb-semantic-color-zybook-new-a: 1;
}
:root .zybook-new-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-new-h) + 0deg), calc(var(--zb-semantic-color-zybook-new-s) + 0%), calc(var(--zb-semantic-color-zybook-new-l) + 0%), calc(var(--zb-semantic-color-zybook-new-a) + 0));
}
:root .zybook-new-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-new-h) + 0deg), calc(var(--zb-semantic-color-zybook-new-s) + 0%), calc(var(--zb-semantic-color-zybook-new-l) + 0%), calc(var(--zb-semantic-color-zybook-new-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-zybook-content-label: #000000;
  --zb-semantic-color-zybook-content-label-h: 0deg;
  --zb-semantic-color-zybook-content-label-l: 0%;
  --zb-semantic-color-zybook-content-label-s: 0%;
  --zb-semantic-color-zybook-content-label-a: 1;
}
:root .zybook-content-label-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-content-label-h) + 0deg), calc(var(--zb-semantic-color-zybook-content-label-s) + 0%), calc(var(--zb-semantic-color-zybook-content-label-l) + 0%), calc(var(--zb-semantic-color-zybook-content-label-a) + 0));
}
:root .zybook-content-label-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-content-label-h) + 0deg), calc(var(--zb-semantic-color-zybook-content-label-s) + 0%), calc(var(--zb-semantic-color-zybook-content-label-l) + 0%), calc(var(--zb-semantic-color-zybook-content-label-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-zybook-content-label-background: #78909c;
  --zb-semantic-color-zybook-content-label-background-h: 200deg;
  --zb-semantic-color-zybook-content-label-background-l: 54.1176470588%;
  --zb-semantic-color-zybook-content-label-background-s: 15.3846153846%;
  --zb-semantic-color-zybook-content-label-background-a: 1;
}
:root .zybook-content-label-background-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-content-label-background-h) + 0deg), calc(var(--zb-semantic-color-zybook-content-label-background-s) + 0%), calc(var(--zb-semantic-color-zybook-content-label-background-l) + 0%), calc(var(--zb-semantic-color-zybook-content-label-background-a) + 0));
}
:root .zybook-content-label-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-content-label-background-h) + 0deg), calc(var(--zb-semantic-color-zybook-content-label-background-s) + 0%), calc(var(--zb-semantic-color-zybook-content-label-background-l) + 0%), calc(var(--zb-semantic-color-zybook-content-label-background-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-zybook-toc-disabled-header-background: #37474f;
  --zb-semantic-color-zybook-toc-disabled-header-background-h: 200deg;
  --zb-semantic-color-zybook-toc-disabled-header-background-l: 26.2745098039%;
  --zb-semantic-color-zybook-toc-disabled-header-background-s: 17.9104477612%;
  --zb-semantic-color-zybook-toc-disabled-header-background-a: 1;
}
:root .zybook-toc-disabled-header-background-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-toc-disabled-header-background-h) + 0deg), calc(var(--zb-semantic-color-zybook-toc-disabled-header-background-s) + 0%), calc(var(--zb-semantic-color-zybook-toc-disabled-header-background-l) + 0%), calc(var(--zb-semantic-color-zybook-toc-disabled-header-background-a) + 0));
}
:root .zybook-toc-disabled-header-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-toc-disabled-header-background-h) + 0deg), calc(var(--zb-semantic-color-zybook-toc-disabled-header-background-s) + 0%), calc(var(--zb-semantic-color-zybook-toc-disabled-header-background-l) + 0%), calc(var(--zb-semantic-color-zybook-toc-disabled-header-background-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-zybook-labs-file-selected-background: #424242;
  --zb-semantic-color-zybook-labs-file-selected-background-h: 0deg;
  --zb-semantic-color-zybook-labs-file-selected-background-l: 25.8823529412%;
  --zb-semantic-color-zybook-labs-file-selected-background-s: 0%;
  --zb-semantic-color-zybook-labs-file-selected-background-a: 1;
}
:root .zybook-labs-file-selected-background-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-labs-file-selected-background-h) + 0deg), calc(var(--zb-semantic-color-zybook-labs-file-selected-background-s) + 0%), calc(var(--zb-semantic-color-zybook-labs-file-selected-background-l) + 0%), calc(var(--zb-semantic-color-zybook-labs-file-selected-background-a) + 0));
}
:root .zybook-labs-file-selected-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-labs-file-selected-background-h) + 0deg), calc(var(--zb-semantic-color-zybook-labs-file-selected-background-s) + 0%), calc(var(--zb-semantic-color-zybook-labs-file-selected-background-l) + 0%), calc(var(--zb-semantic-color-zybook-labs-file-selected-background-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-component-red: #d55859;
  --zb-semantic-color-component-red-h: 359.52deg;
  --zb-semantic-color-component-red-l: 59.0196078431%;
  --zb-semantic-color-component-red-s: 59.8086124402%;
  --zb-semantic-color-component-red-a: 1;
}
:root .component-red-color {
  color: hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + 0));
}
:root .component-red-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-component-orange: #f48539;
  --zb-semantic-color-component-orange-h: 24.385026738deg;
  --zb-semantic-color-component-orange-l: 59.0196078431%;
  --zb-semantic-color-component-orange-s: 89.4736842105%;
  --zb-semantic-color-component-orange-a: 1;
}
:root .component-orange-color {
  color: hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + 0));
}
:root .component-orange-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-component-green: #69c46f;
  --zb-semantic-color-component-green-h: 123.956043956deg;
  --zb-semantic-color-component-green-l: 59.0196078431%;
  --zb-semantic-color-component-green-s: 43.5406698565%;
  --zb-semantic-color-component-green-a: 1;
}
:root .component-green-color {
  color: hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + 0));
}
:root .component-green-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-component-light-blue: #75ceff;
  --zb-semantic-color-component-light-blue-h: 201.3043478261deg;
  --zb-semantic-color-component-light-blue-l: 72.9411764706%;
  --zb-semantic-color-component-light-blue-s: 100%;
  --zb-semantic-color-component-light-blue-a: 1;
}
:root .component-light-blue-color {
  color: hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + 0));
}
:root .component-light-blue-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-component-blue: #2eb4ff;
  --zb-semantic-color-component-blue-h: 201.5311004785deg;
  --zb-semantic-color-component-blue-l: 59.0196078431%;
  --zb-semantic-color-component-blue-s: 100%;
  --zb-semantic-color-component-blue-a: 1;
}
:root .component-blue-color {
  color: hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + 0));
}
:root .component-blue-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-component-dark-grey: #9e9e9e;
  --zb-semantic-color-component-dark-grey-h: 0deg;
  --zb-semantic-color-component-dark-grey-l: 61.9607843137%;
  --zb-semantic-color-component-dark-grey-s: 0%;
  --zb-semantic-color-component-dark-grey-a: 1;
}
:root .component-dark-grey-color {
  color: hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + 0));
}
:root .component-dark-grey-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-component-grey: #e0e0e0;
  --zb-semantic-color-component-grey-h: 0deg;
  --zb-semantic-color-component-grey-l: 87.8431372549%;
  --zb-semantic-color-component-grey-s: 0%;
  --zb-semantic-color-component-grey-a: 1;
}
:root .component-grey-color {
  color: hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + 0));
}
:root .component-grey-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-froala-button-open: #ffffff;
  --zb-semantic-color-froala-button-open-h: 0deg;
  --zb-semantic-color-froala-button-open-l: 100%;
  --zb-semantic-color-froala-button-open-s: 0%;
  --zb-semantic-color-froala-button-open-a: 1;
}
:root .froala-button-open-color {
  color: hsl(calc(var(--zb-semantic-color-froala-button-open-h) + 0deg), calc(var(--zb-semantic-color-froala-button-open-s) + 0%), calc(var(--zb-semantic-color-froala-button-open-l) + 0%), calc(var(--zb-semantic-color-froala-button-open-a) + 0));
}
:root .froala-button-open-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-froala-button-open-h) + 0deg), calc(var(--zb-semantic-color-froala-button-open-s) + 0%), calc(var(--zb-semantic-color-froala-button-open-l) + 0%), calc(var(--zb-semantic-color-froala-button-open-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-froala-button-open-background: #101314;
  --zb-semantic-color-froala-button-open-background-h: 195deg;
  --zb-semantic-color-froala-button-open-background-l: 7.0588235294%;
  --zb-semantic-color-froala-button-open-background-s: 11.1111111111%;
  --zb-semantic-color-froala-button-open-background-a: 1;
}
:root .froala-button-open-background-color {
  color: hsl(calc(var(--zb-semantic-color-froala-button-open-background-h) + 0deg), calc(var(--zb-semantic-color-froala-button-open-background-s) + 0%), calc(var(--zb-semantic-color-froala-button-open-background-l) + 0%), calc(var(--zb-semantic-color-froala-button-open-background-a) + 0));
}
:root .froala-button-open-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-froala-button-open-background-h) + 0deg), calc(var(--zb-semantic-color-froala-button-open-background-s) + 0%), calc(var(--zb-semantic-color-froala-button-open-background-l) + 0%), calc(var(--zb-semantic-color-froala-button-open-background-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-froala-more-toolbar-background: #101314;
  --zb-semantic-color-froala-more-toolbar-background-h: 195deg;
  --zb-semantic-color-froala-more-toolbar-background-l: 7.0588235294%;
  --zb-semantic-color-froala-more-toolbar-background-s: 11.1111111111%;
  --zb-semantic-color-froala-more-toolbar-background-a: 1;
}
:root .froala-more-toolbar-background-color {
  color: hsl(calc(var(--zb-semantic-color-froala-more-toolbar-background-h) + 0deg), calc(var(--zb-semantic-color-froala-more-toolbar-background-s) + 0%), calc(var(--zb-semantic-color-froala-more-toolbar-background-l) + 0%), calc(var(--zb-semantic-color-froala-more-toolbar-background-a) + 0));
}
:root .froala-more-toolbar-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-froala-more-toolbar-background-h) + 0deg), calc(var(--zb-semantic-color-froala-more-toolbar-background-s) + 0%), calc(var(--zb-semantic-color-froala-more-toolbar-background-l) + 0%), calc(var(--zb-semantic-color-froala-more-toolbar-background-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-froala-popup-background: #101314;
  --zb-semantic-color-froala-popup-background-h: 195deg;
  --zb-semantic-color-froala-popup-background-l: 7.0588235294%;
  --zb-semantic-color-froala-popup-background-s: 11.1111111111%;
  --zb-semantic-color-froala-popup-background-a: 1;
}
:root .froala-popup-background-color {
  color: hsl(calc(var(--zb-semantic-color-froala-popup-background-h) + 0deg), calc(var(--zb-semantic-color-froala-popup-background-s) + 0%), calc(var(--zb-semantic-color-froala-popup-background-l) + 0%), calc(var(--zb-semantic-color-froala-popup-background-a) + 0));
}
:root .froala-popup-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-froala-popup-background-h) + 0deg), calc(var(--zb-semantic-color-froala-popup-background-s) + 0%), calc(var(--zb-semantic-color-froala-popup-background-l) + 0%), calc(var(--zb-semantic-color-froala-popup-background-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-froala-table-selected-cell-border: #2eb4ff;
  --zb-semantic-color-froala-table-selected-cell-border-h: 201.5311004785deg;
  --zb-semantic-color-froala-table-selected-cell-border-l: 59.0196078431%;
  --zb-semantic-color-froala-table-selected-cell-border-s: 100%;
  --zb-semantic-color-froala-table-selected-cell-border-a: 1;
}
:root .froala-table-selected-cell-border-color {
  color: hsl(calc(var(--zb-semantic-color-froala-table-selected-cell-border-h) + 0deg), calc(var(--zb-semantic-color-froala-table-selected-cell-border-s) + 0%), calc(var(--zb-semantic-color-froala-table-selected-cell-border-l) + 0%), calc(var(--zb-semantic-color-froala-table-selected-cell-border-a) + 0));
}
:root .froala-table-selected-cell-border-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-froala-table-selected-cell-border-h) + 0deg), calc(var(--zb-semantic-color-froala-table-selected-cell-border-s) + 0%), calc(var(--zb-semantic-color-froala-table-selected-cell-border-l) + 0%), calc(var(--zb-semantic-color-froala-table-selected-cell-border-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-froala-image-upload-hover-background: #060809;
  --zb-semantic-color-froala-image-upload-hover-background-h: 200deg;
  --zb-semantic-color-froala-image-upload-hover-background-l: 2.9411764706%;
  --zb-semantic-color-froala-image-upload-hover-background-s: 20%;
  --zb-semantic-color-froala-image-upload-hover-background-a: 1;
}
:root .froala-image-upload-hover-background-color {
  color: hsl(calc(var(--zb-semantic-color-froala-image-upload-hover-background-h) + 0deg), calc(var(--zb-semantic-color-froala-image-upload-hover-background-s) + 0%), calc(var(--zb-semantic-color-froala-image-upload-hover-background-l) + 0%), calc(var(--zb-semantic-color-froala-image-upload-hover-background-a) + 0));
}
:root .froala-image-upload-hover-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-froala-image-upload-hover-background-h) + 0deg), calc(var(--zb-semantic-color-froala-image-upload-hover-background-s) + 0%), calc(var(--zb-semantic-color-froala-image-upload-hover-background-l) + 0%), calc(var(--zb-semantic-color-froala-image-upload-hover-background-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-zybook-activity-dark-background: #14181a;
  --zb-semantic-color-zybook-activity-dark-background-h: 200deg;
  --zb-semantic-color-zybook-activity-dark-background-l: 9.0196078431%;
  --zb-semantic-color-zybook-activity-dark-background-s: 13.0434782609%;
  --zb-semantic-color-zybook-activity-dark-background-a: 1;
}
:root .zybook-activity-dark-background-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-activity-dark-background-h) + 0deg), calc(var(--zb-semantic-color-zybook-activity-dark-background-s) + 0%), calc(var(--zb-semantic-color-zybook-activity-dark-background-l) + 0%), calc(var(--zb-semantic-color-zybook-activity-dark-background-a) + 0));
}
:root .zybook-activity-dark-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-activity-dark-background-h) + 0deg), calc(var(--zb-semantic-color-zybook-activity-dark-background-s) + 0%), calc(var(--zb-semantic-color-zybook-activity-dark-background-l) + 0%), calc(var(--zb-semantic-color-zybook-activity-dark-background-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-zybook-activity-border: #37474f;
  --zb-semantic-color-zybook-activity-border-h: 200deg;
  --zb-semantic-color-zybook-activity-border-l: 26.2745098039%;
  --zb-semantic-color-zybook-activity-border-s: 17.9104477612%;
  --zb-semantic-color-zybook-activity-border-a: 1;
}
:root .zybook-activity-border-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-activity-border-h) + 0deg), calc(var(--zb-semantic-color-zybook-activity-border-s) + 0%), calc(var(--zb-semantic-color-zybook-activity-border-l) + 0%), calc(var(--zb-semantic-color-zybook-activity-border-a) + 0));
}
:root .zybook-activity-border-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-activity-border-h) + 0deg), calc(var(--zb-semantic-color-zybook-activity-border-s) + 0%), calc(var(--zb-semantic-color-zybook-activity-border-l) + 0%), calc(var(--zb-semantic-color-zybook-activity-border-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-zybook-activity-heading: #f5f5f5;
  --zb-semantic-color-zybook-activity-heading-h: 0deg;
  --zb-semantic-color-zybook-activity-heading-l: 96.0784313725%;
  --zb-semantic-color-zybook-activity-heading-s: 0%;
  --zb-semantic-color-zybook-activity-heading-a: 1;
}
:root .zybook-activity-heading-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-activity-heading-h) + 0deg), calc(var(--zb-semantic-color-zybook-activity-heading-s) + 0%), calc(var(--zb-semantic-color-zybook-activity-heading-l) + 0%), calc(var(--zb-semantic-color-zybook-activity-heading-a) + 0));
}
:root .zybook-activity-heading-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-activity-heading-h) + 0deg), calc(var(--zb-semantic-color-zybook-activity-heading-s) + 0%), calc(var(--zb-semantic-color-zybook-activity-heading-l) + 0%), calc(var(--zb-semantic-color-zybook-activity-heading-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-zybook-activity-heading-background: #333333;
  --zb-semantic-color-zybook-activity-heading-background-h: 0deg;
  --zb-semantic-color-zybook-activity-heading-background-l: 20%;
  --zb-semantic-color-zybook-activity-heading-background-s: 0%;
  --zb-semantic-color-zybook-activity-heading-background-a: 1;
}
:root .zybook-activity-heading-background-color {
  color: hsl(calc(var(--zb-semantic-color-zybook-activity-heading-background-h) + 0deg), calc(var(--zb-semantic-color-zybook-activity-heading-background-s) + 0%), calc(var(--zb-semantic-color-zybook-activity-heading-background-l) + 0%), calc(var(--zb-semantic-color-zybook-activity-heading-background-a) + 0));
}
:root .zybook-activity-heading-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-activity-heading-background-h) + 0deg), calc(var(--zb-semantic-color-zybook-activity-heading-background-s) + 0%), calc(var(--zb-semantic-color-zybook-activity-heading-background-l) + 0%), calc(var(--zb-semantic-color-zybook-activity-heading-background-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-find-zybook-input-label: #bdbdbd;
  --zb-semantic-color-find-zybook-input-label-h: 0deg;
  --zb-semantic-color-find-zybook-input-label-l: 74.1176470588%;
  --zb-semantic-color-find-zybook-input-label-s: 0%;
  --zb-semantic-color-find-zybook-input-label-a: 1;
}
:root .find-zybook-input-label-color {
  color: hsl(calc(var(--zb-semantic-color-find-zybook-input-label-h) + 0deg), calc(var(--zb-semantic-color-find-zybook-input-label-s) + 0%), calc(var(--zb-semantic-color-find-zybook-input-label-l) + 0%), calc(var(--zb-semantic-color-find-zybook-input-label-a) + 0));
}
:root .find-zybook-input-label-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-find-zybook-input-label-h) + 0deg), calc(var(--zb-semantic-color-find-zybook-input-label-s) + 0%), calc(var(--zb-semantic-color-find-zybook-input-label-l) + 0%), calc(var(--zb-semantic-color-find-zybook-input-label-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-segmented-control-grey: #757575;
  --zb-semantic-color-segmented-control-grey-h: 0deg;
  --zb-semantic-color-segmented-control-grey-l: 45.8823529412%;
  --zb-semantic-color-segmented-control-grey-s: 0%;
  --zb-semantic-color-segmented-control-grey-a: 1;
}
:root .segmented-control-grey-color {
  color: hsl(calc(var(--zb-semantic-color-segmented-control-grey-h) + 0deg), calc(var(--zb-semantic-color-segmented-control-grey-s) + 0%), calc(var(--zb-semantic-color-segmented-control-grey-l) + 0%), calc(var(--zb-semantic-color-segmented-control-grey-a) + 0));
}
:root .segmented-control-grey-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-segmented-control-grey-h) + 0deg), calc(var(--zb-semantic-color-segmented-control-grey-s) + 0%), calc(var(--zb-semantic-color-segmented-control-grey-l) + 0%), calc(var(--zb-semantic-color-segmented-control-grey-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-checkbox-grey: #757575;
  --zb-semantic-color-checkbox-grey-h: 0deg;
  --zb-semantic-color-checkbox-grey-l: 45.8823529412%;
  --zb-semantic-color-checkbox-grey-s: 0%;
  --zb-semantic-color-checkbox-grey-a: 1;
}
:root .checkbox-grey-color {
  color: hsl(calc(var(--zb-semantic-color-checkbox-grey-h) + 0deg), calc(var(--zb-semantic-color-checkbox-grey-s) + 0%), calc(var(--zb-semantic-color-checkbox-grey-l) + 0%), calc(var(--zb-semantic-color-checkbox-grey-a) + 0));
}
:root .checkbox-grey-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-checkbox-grey-h) + 0deg), calc(var(--zb-semantic-color-checkbox-grey-s) + 0%), calc(var(--zb-semantic-color-checkbox-grey-l) + 0%), calc(var(--zb-semantic-color-checkbox-grey-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-definition-match-definition: #ffffff;
  --zb-semantic-color-definition-match-definition-h: 0deg;
  --zb-semantic-color-definition-match-definition-l: 100%;
  --zb-semantic-color-definition-match-definition-s: 0%;
  --zb-semantic-color-definition-match-definition-a: 1;
}
:root .definition-match-definition-color {
  color: hsl(calc(var(--zb-semantic-color-definition-match-definition-h) + 0deg), calc(var(--zb-semantic-color-definition-match-definition-s) + 0%), calc(var(--zb-semantic-color-definition-match-definition-l) + 0%), calc(var(--zb-semantic-color-definition-match-definition-a) + 0));
}
:root .definition-match-definition-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-definition-match-definition-h) + 0deg), calc(var(--zb-semantic-color-definition-match-definition-s) + 0%), calc(var(--zb-semantic-color-definition-match-definition-l) + 0%), calc(var(--zb-semantic-color-definition-match-definition-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-definition-match-item-chosen-background: #b3d9fe;
  --zb-semantic-color-definition-match-item-chosen-background-h: 209.6deg;
  --zb-semantic-color-definition-match-item-chosen-background-l: 84.9019607843%;
  --zb-semantic-color-definition-match-item-chosen-background-s: 97.4025974026%;
  --zb-semantic-color-definition-match-item-chosen-background-a: 1;
}
:root .definition-match-item-chosen-background-color {
  color: hsl(calc(var(--zb-semantic-color-definition-match-item-chosen-background-h) + 0deg), calc(var(--zb-semantic-color-definition-match-item-chosen-background-s) + 0%), calc(var(--zb-semantic-color-definition-match-item-chosen-background-l) + 0%), calc(var(--zb-semantic-color-definition-match-item-chosen-background-a) + 0));
}
:root .definition-match-item-chosen-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-definition-match-item-chosen-background-h) + 0deg), calc(var(--zb-semantic-color-definition-match-item-chosen-background-s) + 0%), calc(var(--zb-semantic-color-definition-match-item-chosen-background-l) + 0%), calc(var(--zb-semantic-color-definition-match-item-chosen-background-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-definition-match-definition-background: #14181a;
  --zb-semantic-color-definition-match-definition-background-h: 200deg;
  --zb-semantic-color-definition-match-definition-background-l: 9.0196078431%;
  --zb-semantic-color-definition-match-definition-background-s: 13.0434782609%;
  --zb-semantic-color-definition-match-definition-background-a: 1;
}
:root .definition-match-definition-background-color {
  color: hsl(calc(var(--zb-semantic-color-definition-match-definition-background-h) + 0deg), calc(var(--zb-semantic-color-definition-match-definition-background-s) + 0%), calc(var(--zb-semantic-color-definition-match-definition-background-l) + 0%), calc(var(--zb-semantic-color-definition-match-definition-background-a) + 0));
}
:root .definition-match-definition-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-definition-match-definition-background-h) + 0deg), calc(var(--zb-semantic-color-definition-match-definition-background-s) + 0%), calc(var(--zb-semantic-color-definition-match-definition-background-l) + 0%), calc(var(--zb-semantic-color-definition-match-definition-background-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-definition-match-active-background: #14181a;
  --zb-semantic-color-definition-match-active-background-h: 200deg;
  --zb-semantic-color-definition-match-active-background-l: 9.0196078431%;
  --zb-semantic-color-definition-match-active-background-s: 13.0434782609%;
  --zb-semantic-color-definition-match-active-background-a: 1;
}
:root .definition-match-active-background-color {
  color: hsl(calc(var(--zb-semantic-color-definition-match-active-background-h) + 0deg), calc(var(--zb-semantic-color-definition-match-active-background-s) + 0%), calc(var(--zb-semantic-color-definition-match-active-background-l) + 0%), calc(var(--zb-semantic-color-definition-match-active-background-a) + 0));
}
:root .definition-match-active-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-definition-match-active-background-h) + 0deg), calc(var(--zb-semantic-color-definition-match-active-background-s) + 0%), calc(var(--zb-semantic-color-definition-match-active-background-l) + 0%), calc(var(--zb-semantic-color-definition-match-active-background-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-definition-match-bucket-background: #757575;
  --zb-semantic-color-definition-match-bucket-background-h: 0deg;
  --zb-semantic-color-definition-match-bucket-background-l: 45.8823529412%;
  --zb-semantic-color-definition-match-bucket-background-s: 0%;
  --zb-semantic-color-definition-match-bucket-background-a: 1;
}
:root .definition-match-bucket-background-color {
  color: hsl(calc(var(--zb-semantic-color-definition-match-bucket-background-h) + 0deg), calc(var(--zb-semantic-color-definition-match-bucket-background-s) + 0%), calc(var(--zb-semantic-color-definition-match-bucket-background-l) + 0%), calc(var(--zb-semantic-color-definition-match-bucket-background-a) + 0));
}
:root .definition-match-bucket-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-definition-match-bucket-background-h) + 0deg), calc(var(--zb-semantic-color-definition-match-bucket-background-s) + 0%), calc(var(--zb-semantic-color-definition-match-bucket-background-l) + 0%), calc(var(--zb-semantic-color-definition-match-bucket-background-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-multiple-reorderable-lists-label-background: #333333;
  --zb-semantic-color-multiple-reorderable-lists-label-background-h: 0deg;
  --zb-semantic-color-multiple-reorderable-lists-label-background-l: 20%;
  --zb-semantic-color-multiple-reorderable-lists-label-background-s: 0%;
  --zb-semantic-color-multiple-reorderable-lists-label-background-a: 1;
}
:root .multiple-reorderable-lists-label-background-color {
  color: hsl(calc(var(--zb-semantic-color-multiple-reorderable-lists-label-background-h) + 0deg), calc(var(--zb-semantic-color-multiple-reorderable-lists-label-background-s) + 0%), calc(var(--zb-semantic-color-multiple-reorderable-lists-label-background-l) + 0%), calc(var(--zb-semantic-color-multiple-reorderable-lists-label-background-a) + 0));
}
:root .multiple-reorderable-lists-label-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-multiple-reorderable-lists-label-background-h) + 0deg), calc(var(--zb-semantic-color-multiple-reorderable-lists-label-background-s) + 0%), calc(var(--zb-semantic-color-multiple-reorderable-lists-label-background-l) + 0%), calc(var(--zb-semantic-color-multiple-reorderable-lists-label-background-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-light-blue-grey-background: #37474f;
  --zb-semantic-color-light-blue-grey-background-h: 200deg;
  --zb-semantic-color-light-blue-grey-background-l: 26.2745098039%;
  --zb-semantic-color-light-blue-grey-background-s: 17.9104477612%;
  --zb-semantic-color-light-blue-grey-background-a: 1;
}
:root .light-blue-grey-background-color {
  color: hsl(calc(var(--zb-semantic-color-light-blue-grey-background-h) + 0deg), calc(var(--zb-semantic-color-light-blue-grey-background-s) + 0%), calc(var(--zb-semantic-color-light-blue-grey-background-l) + 0%), calc(var(--zb-semantic-color-light-blue-grey-background-a) + 0));
}
:root .light-blue-grey-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-light-blue-grey-background-h) + 0deg), calc(var(--zb-semantic-color-light-blue-grey-background-s) + 0%), calc(var(--zb-semantic-color-light-blue-grey-background-l) + 0%), calc(var(--zb-semantic-color-light-blue-grey-background-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-light-blue-grey-border: #37474f;
  --zb-semantic-color-light-blue-grey-border-h: 200deg;
  --zb-semantic-color-light-blue-grey-border-l: 26.2745098039%;
  --zb-semantic-color-light-blue-grey-border-s: 17.9104477612%;
  --zb-semantic-color-light-blue-grey-border-a: 1;
}
:root .light-blue-grey-border-color {
  color: hsl(calc(var(--zb-semantic-color-light-blue-grey-border-h) + 0deg), calc(var(--zb-semantic-color-light-blue-grey-border-s) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-l) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-a) + 0));
}
:root .light-blue-grey-border-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-light-blue-grey-border-h) + 0deg), calc(var(--zb-semantic-color-light-blue-grey-border-s) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-l) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-code: #000000;
  --zb-semantic-color-code-h: 0deg;
  --zb-semantic-color-code-l: 0%;
  --zb-semantic-color-code-s: 0%;
  --zb-semantic-color-code-a: 1;
}
:root .code-color {
  color: hsl(calc(var(--zb-semantic-color-code-h) + 0deg), calc(var(--zb-semantic-color-code-s) + 0%), calc(var(--zb-semantic-color-code-l) + 0%), calc(var(--zb-semantic-color-code-a) + 0));
}
:root .code-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-code-h) + 0deg), calc(var(--zb-semantic-color-code-s) + 0%), calc(var(--zb-semantic-color-code-l) + 0%), calc(var(--zb-semantic-color-code-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-code-output: #ffffff;
  --zb-semantic-color-code-output-h: 0deg;
  --zb-semantic-color-code-output-l: 100%;
  --zb-semantic-color-code-output-s: 0%;
  --zb-semantic-color-code-output-a: 1;
}
:root .code-output-color {
  color: hsl(calc(var(--zb-semantic-color-code-output-h) + 0deg), calc(var(--zb-semantic-color-code-output-s) + 0%), calc(var(--zb-semantic-color-code-output-l) + 0%), calc(var(--zb-semantic-color-code-output-a) + 0));
}
:root .code-output-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-code-output-h) + 0deg), calc(var(--zb-semantic-color-code-output-s) + 0%), calc(var(--zb-semantic-color-code-output-l) + 0%), calc(var(--zb-semantic-color-code-output-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-code-background: #b3d9fe;
  --zb-semantic-color-code-background-h: 209.6deg;
  --zb-semantic-color-code-background-l: 84.9019607843%;
  --zb-semantic-color-code-background-s: 97.4025974026%;
  --zb-semantic-color-code-background-a: 1;
}
:root .code-background-color {
  color: hsl(calc(var(--zb-semantic-color-code-background-h) + 0deg), calc(var(--zb-semantic-color-code-background-s) + 0%), calc(var(--zb-semantic-color-code-background-l) + 0%), calc(var(--zb-semantic-color-code-background-a) + 0));
}
:root .code-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-code-background-h) + 0deg), calc(var(--zb-semantic-color-code-background-s) + 0%), calc(var(--zb-semantic-color-code-background-l) + 0%), calc(var(--zb-semantic-color-code-background-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-code-no-box-background: #b3d9fe;
  --zb-semantic-color-code-no-box-background-h: 209.6deg;
  --zb-semantic-color-code-no-box-background-l: 84.9019607843%;
  --zb-semantic-color-code-no-box-background-s: 97.4025974026%;
  --zb-semantic-color-code-no-box-background-a: 1;
}
:root .code-no-box-background-color {
  color: hsl(calc(var(--zb-semantic-color-code-no-box-background-h) + 0deg), calc(var(--zb-semantic-color-code-no-box-background-s) + 0%), calc(var(--zb-semantic-color-code-no-box-background-l) + 0%), calc(var(--zb-semantic-color-code-no-box-background-a) + 0));
}
:root .code-no-box-background-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-code-no-box-background-h) + 0deg), calc(var(--zb-semantic-color-code-no-box-background-s) + 0%), calc(var(--zb-semantic-color-code-no-box-background-l) + 0%), calc(var(--zb-semantic-color-code-no-box-background-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-code-blue: #9999ff;
  --zb-semantic-color-code-blue-h: 240deg;
  --zb-semantic-color-code-blue-l: 80%;
  --zb-semantic-color-code-blue-s: 100%;
  --zb-semantic-color-code-blue-a: 1;
}
:root .code-blue-color {
  color: hsl(calc(var(--zb-semantic-color-code-blue-h) + 0deg), calc(var(--zb-semantic-color-code-blue-s) + 0%), calc(var(--zb-semantic-color-code-blue-l) + 0%), calc(var(--zb-semantic-color-code-blue-a) + 0));
}
:root .code-blue-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-code-blue-h) + 0deg), calc(var(--zb-semantic-color-code-blue-s) + 0%), calc(var(--zb-semantic-color-code-blue-l) + 0%), calc(var(--zb-semantic-color-code-blue-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-code-teal: #00b8b8;
  --zb-semantic-color-code-teal-h: 180deg;
  --zb-semantic-color-code-teal-l: 36.0784313725%;
  --zb-semantic-color-code-teal-s: 100%;
  --zb-semantic-color-code-teal-a: 1;
}
:root .code-teal-color {
  color: hsl(calc(var(--zb-semantic-color-code-teal-h) + 0deg), calc(var(--zb-semantic-color-code-teal-s) + 0%), calc(var(--zb-semantic-color-code-teal-l) + 0%), calc(var(--zb-semantic-color-code-teal-a) + 0));
}
:root .code-teal-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-code-teal-h) + 0deg), calc(var(--zb-semantic-color-code-teal-s) + 0%), calc(var(--zb-semantic-color-code-teal-l) + 0%), calc(var(--zb-semantic-color-code-teal-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-code-green: #7aff7a;
  --zb-semantic-color-code-green-h: 120deg;
  --zb-semantic-color-code-green-l: 73.9215686275%;
  --zb-semantic-color-code-green-s: 100%;
  --zb-semantic-color-code-green-a: 1;
}
:root .code-green-color {
  color: hsl(calc(var(--zb-semantic-color-code-green-h) + 0deg), calc(var(--zb-semantic-color-code-green-s) + 0%), calc(var(--zb-semantic-color-code-green-l) + 0%), calc(var(--zb-semantic-color-code-green-a) + 0));
}
:root .code-green-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-code-green-h) + 0deg), calc(var(--zb-semantic-color-code-green-s) + 0%), calc(var(--zb-semantic-color-code-green-l) + 0%), calc(var(--zb-semantic-color-code-green-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-code-amber: #ffbc7a;
  --zb-semantic-color-code-amber-h: 29.7744360902deg;
  --zb-semantic-color-code-amber-l: 73.9215686275%;
  --zb-semantic-color-code-amber-s: 100%;
  --zb-semantic-color-code-amber-a: 1;
}
:root .code-amber-color {
  color: hsl(calc(var(--zb-semantic-color-code-amber-h) + 0deg), calc(var(--zb-semantic-color-code-amber-s) + 0%), calc(var(--zb-semantic-color-code-amber-l) + 0%), calc(var(--zb-semantic-color-code-amber-a) + 0));
}
:root .code-amber-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-code-amber-h) + 0deg), calc(var(--zb-semantic-color-code-amber-s) + 0%), calc(var(--zb-semantic-color-code-amber-l) + 0%), calc(var(--zb-semantic-color-code-amber-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-code-red: #ff7a7a;
  --zb-semantic-color-code-red-h: 0deg;
  --zb-semantic-color-code-red-l: 73.9215686275%;
  --zb-semantic-color-code-red-s: 100%;
  --zb-semantic-color-code-red-a: 1;
}
:root .code-red-color {
  color: hsl(calc(var(--zb-semantic-color-code-red-h) + 0deg), calc(var(--zb-semantic-color-code-red-s) + 0%), calc(var(--zb-semantic-color-code-red-l) + 0%), calc(var(--zb-semantic-color-code-red-a) + 0));
}
:root .code-red-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-code-red-h) + 0deg), calc(var(--zb-semantic-color-code-red-s) + 0%), calc(var(--zb-semantic-color-code-red-l) + 0%), calc(var(--zb-semantic-color-code-red-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-code-black: #ffffff;
  --zb-semantic-color-code-black-h: 0deg;
  --zb-semantic-color-code-black-l: 100%;
  --zb-semantic-color-code-black-s: 0%;
  --zb-semantic-color-code-black-a: 1;
}
:root .code-black-color {
  color: hsl(calc(var(--zb-semantic-color-code-black-h) + 0deg), calc(var(--zb-semantic-color-code-black-s) + 0%), calc(var(--zb-semantic-color-code-black-l) + 0%), calc(var(--zb-semantic-color-code-black-a) + 0));
}
:root .code-black-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-code-black-h) + 0deg), calc(var(--zb-semantic-color-code-black-s) + 0%), calc(var(--zb-semantic-color-code-black-l) + 0%), calc(var(--zb-semantic-color-code-black-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-code-grey: #a3a3a3;
  --zb-semantic-color-code-grey-h: 0deg;
  --zb-semantic-color-code-grey-l: 63.9215686275%;
  --zb-semantic-color-code-grey-s: 0%;
  --zb-semantic-color-code-grey-a: 1;
}
:root .code-grey-color {
  color: hsl(calc(var(--zb-semantic-color-code-grey-h) + 0deg), calc(var(--zb-semantic-color-code-grey-s) + 0%), calc(var(--zb-semantic-color-code-grey-l) + 0%), calc(var(--zb-semantic-color-code-grey-a) + 0));
}
:root .code-grey-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-code-grey-h) + 0deg), calc(var(--zb-semantic-color-code-grey-s) + 0%), calc(var(--zb-semantic-color-code-grey-l) + 0%), calc(var(--zb-semantic-color-code-grey-a) + 0));
}
:root .dark-theme,
:root [data-theme=dark], :root[data-theme=dark] {
  --zb-semantic-color-code-purple: #ff7aff;
  --zb-semantic-color-code-purple-h: 300deg;
  --zb-semantic-color-code-purple-l: 73.9215686275%;
  --zb-semantic-color-code-purple-s: 100%;
  --zb-semantic-color-code-purple-a: 1;
}
:root .code-purple-color {
  color: hsl(calc(var(--zb-semantic-color-code-purple-h) + 0deg), calc(var(--zb-semantic-color-code-purple-s) + 0%), calc(var(--zb-semantic-color-code-purple-l) + 0%), calc(var(--zb-semantic-color-code-purple-a) + 0));
}
:root .code-purple-background-color {
  background-color: hsl(calc(var(--zb-semantic-color-code-purple-h) + 0deg), calc(var(--zb-semantic-color-code-purple-s) + 0%), calc(var(--zb-semantic-color-code-purple-l) + 0%), calc(var(--zb-semantic-color-code-purple-a) + 0));
}

.code-font {
  font-family: "Courier", monospace, sans-serif;
}

.primary-font-thin,
.extend-evaluation .zb-modal-content .message.body-text span.chapter-label-new,
.ice-dashboard .manual-score-label,
.content-label,
.content-label-empty,
.content-label-hidden,
.content-label-exam,
.content-label-lab,
.content-label-new,
.content-label-optional,
.content-label-subject,
.section-item .section-title-link .section-info .section-title-info .section-label-subject,
.section-item .section-title-link .section-info .section-title-info .section-label-hidden,
.section-item .section-title-link .section-info .section-title-info .section-label-exam,
.section-item .section-title-link .section-info .section-title-info .section-label-lab,
.section-item .section-title-link .section-info .section-title-info .section-label-new,
.section-item .section-title-link .section-info .section-title-info .section-label-optional,
.section-assignment-details .assignment-choices-container .button-chevron-container .section-label-optional,
.section-activity-details .activity-group-list .activity-list-item .resource-badge-optional,
.columnar-scores .chapter-label-optional,
.section-item .section-title-link .section-info .section-labels .section-label-optional,
.chapter-item .chapter-item-controls .chapter-info .chapter-labels .chapter-label-optional,
.assignment-details .section-optional-badge,
.assignment-section-summary .assignment-section-header .section-label-optional,
.assignment-section-summary .assignment-section-content .assignment-section-activity-info .activity-type-info-container .activity-list .section-label-optional,
.zybook-chapter-section-page .assignment-section-announcement .section-announcement-block-content .section-label-optional,
.zybook-chapter-section-page-docked .section-container .zb-split-view .zybook-section-split-view-right .zystudio-payload .zystudio-container .activity-title-bar .activity-description .resource-optional-badge,
.interactive-activity-container .activity-title-bar .activity-description .resource-optional-badge,
.section-reporting-expand-button .columnar-scores .section-label-optional,
.section-item .section-title-link .section-info .section-labels .section-label-hidden,
.chapter-item .chapter-item-controls .chapter-info .chapter-labels .chapter-label-hidden,
.section-item .section-title-link .section-info .section-labels .section-label-exam,
.zybook-content-explorer-page .section-label-exam,
.zybook-content-explorer-printable-page .section-label-exam,
.section-item .section-title-link .section-info .section-labels .section-label-lab,
.chapter-item .chapter-item-controls .chapter-info .chapter-labels .chapter-label-lab,
.section-item .section-title-link .section-info .section-labels .section-label-new,
.chapter-item .chapter-item-controls .chapter-info .chapter-labels .chapter-label-new,
.chapter-item .chapter-item-controls .chapter-info .chapter-labels .chapter-label-empty,
.chapter-item .chapter-item-controls .chapter-info .chapter-labels .chapter-label-subject,
.card-header-large,
.about-page-modal .new-section-label,
.zybook-configure-admin-panel .panel-content .subject-labels .subject-label,
.zybook-panel .label-new {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
}

.primary-font-thin-italic {
  font-family: "Roboto", sans-serif;
  font-style: italic;
  font-weight: 100;
}

.primary-font-light,
.view-receipt-modal .table-label,
.student-submit-assignment-modal .zb-modal-content,
.unauthorized-access-modal .zb-modal-content,
.modern-authoring-book-modal .zb-modal-content,
.assignment-due-date-help-modal .section-content .graphic-row .arrow-date-container .arrow-date-row .due-date-extension,
.section-activity-details .activity-group-list .activity-list-item,
.assignment-summary .assignment-points-text,
.assignment-section-summary .assignment-section-content .assignment-section-activity-info .activity-type-info-container .activity-list .activity-completion span,
.zybook-chapter-section-page .assignment-section-announcement .section-announcement-block-content,
.zybook-chapter-section-page .resubmit-assignment-announcement .section-announcement-block-content,
.zybook-getting-started-page .menu,
.instructor-verify-page .instructor-verify-section .info-text,
.instructor-verify-page .instructor-verify-section .eval-text,
.instructor-verify-page .instructor-verify-section .required-text,
.zybook-renew-page .renew-card .error-message,
.zybook-renew-page .renew-card .zybook-info-row .zb-graphic-container,
.zybook-renew-page .renew-card .zybook-info-row .customization-container .zb-truncate-text,
.zybook-renew-page .renew-card .copy-row .copy-text,
.zybook-renew-page .renew-card .action-row .error,
.zybook-unit-test-help-page p,
.zylabs-edit .lab-section-base h2,
.alert-app-error,
.zylabs-edit-lite-component .label,
.verify-steps-assert-result .steps-list .step-item,
.zb-simple-expandable .toggle-button .title,
.zb-date-time-picker,
.test-question,
.zb-progress-circular,
.zybook-index-page .update-modal,
.test-import-modal .test-body,
.manage-exam .zb-button-label,
.date-time-picker,
.date-time-picker input,
.date-time-picker .zb-power-select-container .ember-power-select-trigger,
.zb-textarea,
.zb-text-area,
.zb-textarea-container label,
.markdown-to-html,
.contact-information .additional-comments-text-area,
.zylabs-edit .lab-spec .markdown-text-area,
.test-results-modal .markdown-to-html,
.zylabs-edit-lite-component .markdown-to-html,
.ace-editor-container .accessible-editor,
.ace-editor-container .accessible-restricted-editor,
.section-assignment-details .assignment-choices-container .button-chevron-container .activity-point-text,
.zybook-chapter-section-page-docked .section-container .zb-split-view .zybook-section-split-view-right .zystudio-payload .zystudio-container .activity-title-bar,
.interactive-activity-container .activity-title-bar,
.zb-input-label,
.manage-class-modal h3,
.test-question-container,
.review-test .header-row h2,
.modify-section .alignment-grid .side-menu ul,
.assignment-due-date-lms-details,
.assignment-due-date-lms-details .due-date-button,
.zybook-chapter-add-lab-page .zb-table table .name-column .lab-summary,
.strict-equal-assert-result .actual-type,
.strict-equal-assert-result .expected-type,
.instructor-view-student-submissions .bailey-boxes .box,
.resource-container .activity-description,
.static-container .activity-description,
.interactive-activity-container .activity-description,
.definition-match-payload .definition-row .definition .explanation-text,
:where(.zb-scrollin-modal.zb-modal .zb-modal-content) .zb-modal-card-container .zb-modal-card h2,
.zb-rich-text-editor .fr-view,
.zb-nav-menu,
.zb-nav-menu button,
.top-toolbar,
.top-toolbar .title,
.top-toolbar .toolbar-button,
.top-toolbar .toolbar-menu-toggle,
.top-toolbar .zb-menu button,
.top-toolbar .zb-menu li,
.material-icons .label,
.material-icons-outlined .label,
.material-icons-two-tone .label,
.material-icons-round .label,
.material-icons-sharp .label,
.zb-input-container,
.zb-input-container input,
.zb-input-container label,
.zb-power-select-container,
.zb-power-select-dropdown,
.zb-power-select-container .ember-power-select-dropdown,
.zb-power-select-container .ember-power-select-option,
.zb-power-select-container .ember-power-select-placeholder,
.zb-power-select-container .ember-power-select-selected-item,
.zb-power-select-container .ember-power-select-trigger,
.zb-power-select-container .ember-power-select-search-input,
.zb-power-select-dropdown .ember-power-select-dropdown,
.zb-power-select-dropdown .ember-power-select-option,
.zb-power-select-dropdown .ember-power-select-placeholder,
.zb-power-select-dropdown .ember-power-select-selected-item,
.zb-power-select-dropdown .ember-power-select-trigger,
.zb-power-select-dropdown .ember-power-select-search-input,
.zb-power-select-container label,
.zb-power-select-dropdown label,
.zb-power-select-container.underlined .ember-power-select-trigger,
.manage-exam-question .multiple-choice-exam-question .fr-box.fr-basic .fr-wrapper .fr-element,
.zb-checkbox,
.zb-card .zb-card-content,
.modify-section .zybook-exam-section .access-controls .zb-card-content,
.modify-section .zybook-exam-section .result-details .zb-card-content,
.modify-section .zybook-access-controls-section .access-controls .zb-card-content,
.modify-section .zybook-access-controls-section .result-details .zb-card-content,
.modify-section .toolbar-container .toolbar-card .zb-card-content,
.insert-content.in-side-menu .zb-card-content,
.insert-content.in-section.expanded.inverted .zb-card-content,
.insert-content.in-section.expanded.reversed:not(.inverted) .zb-card-content,
.not-found-page .time-remaining-toast .zb-card-content,
.zybook-advanced-zylab-page .time-remaining-toast .zb-card-content,
.zybook-chapter-print-page .time-remaining-toast .zb-card-content,
.zybook-chapter-section-page .time-remaining-toast .zb-card-content,
.zybook-chapter-section-loading-page .time-remaining-toast .zb-card-content,
.zybook-create-section-page .time-remaining-toast .zb-card-content,
.zybook-edit-section-page .time-remaining-toast .zb-card-content,
.zybook-error-page .time-remaining-toast .zb-card-content,
.zylab-ui-page .time-remaining-toast .zb-card-content,
.zybook-unused-section-loading-page .time-remaining-toast .zb-card-content,
.zybook-unused-section-page .time-remaining-toast .zb-card-content,
.section-preview-modal .time-remaining-toast .zb-card-content,
.unknown-content-resource .zb-card-content,
.section-settings-menu .zb-card-content,
.zybook-outline-filter .options .option .parts-count,
.zybook-chapter-add-lab-page .select-label,
.zybook-chapter-add-lab-page .zb-table table .section-column-header th,
.result-set-test .load-data-label,
.develop-mode .load-data-label,
.basic-options .additionalflags-label,
.basic-options .command-label,
.zylabs-edit .lab-spec .lab-instructions-label,
.power-select-label,
.body-text,
.activity-filter,
.zybook-analytics-dashboard .highcharts-title,
.zybook-analytics-dashboard .highcharts-axis-title,
.zybook-analytics-dashboard .tooltip-container,
.zybook-extension-modal,
.webinar-info-modal h1,
.zybook-ordering-preview .info-list,
.clone-zylab,
.clone-zylab h1,
.add-zylab-options,
.add-zylab-options h1,
.view-receipt-modal,
.mathworks-tos-modal,
.student-instructions-modal h1,
.student-instructions-modal .instructions-text,
.request-refund-modal h1,
.accessibility-modal h1,
.python-course-modal,
.manage-class-modal .warning-message,
.manage-class-modal .confirmation-message,
.manage-class-modal .updated-message,
.catalog-extension-modal,
.catalog-take-class-modal h1,
.catalog-item-info-modal,
.catalog-item-info-modal h1,
.about-page-modal,
.about-page-modal .new-sections-table,
.zybook-configure-panel .panel-content .instructions-text,
.zybook-configure-panel .error-message,
.my-class-instructor-panel .panel-content .scrollable-content .manage-class-ul,
.lti-instructions-panel .no-assignments-text,
.lti-instructions-panel .assignment-info-text,
.lti-instructions-panel .hidden-assignments-text,
.section-assignment-details .assignment-choices-container .no-activities-text,
.chapter-item .section-list-container .empty-chapter-text,
.table-of-contents .activity-selection-header .header-title,
.table-of-contents .configure-header .header-title,
.table-of-contents .section-assignment-header .header-title,
.table-of-contents .detail-text,
.zylab-table-section-header .info-text,
.zylab-table-section-header .zybook-graphic-container .zybook-details,
.zybook-outline-filter,
.zybook-section .instructor-note,
.assignment-summary,
.assignment-details,
.zybook-advanced-zylab-similarity-page,
.zybook-zylab-similarity-page,
.not-found-page .zybook-section,
.zybook-advanced-zylab-page .zybook-section,
.zybook-chapter-print-page .zybook-section,
.zybook-chapter-section-page .zybook-section,
.zybook-chapter-section-loading-page .zybook-section,
.zybook-create-section-page .zybook-section,
.zybook-edit-section-page .zybook-section,
.zybook-error-page .zybook-section,
.zylab-ui-page .zybook-section,
.zybook-unused-section-loading-page .zybook-section,
.zybook-unused-section-page .zybook-section,
.section-preview-modal .zybook-section,
.not-found-page .zybook-section .zybook-section-title,
.zybook-advanced-zylab-page .zybook-section .zybook-section-title,
.zybook-chapter-print-page .zybook-section .zybook-section-title,
.zybook-chapter-section-page .zybook-section .zybook-section-title,
.zybook-chapter-section-loading-page .zybook-section .zybook-section-title,
.zybook-create-section-page .zybook-section .zybook-section-title,
.zybook-edit-section-page .zybook-section .zybook-section-title,
.zybook-error-page .zybook-section .zybook-section-title,
.zylab-ui-page .zybook-section .zybook-section-title,
.zybook-unused-section-loading-page .zybook-section .zybook-section-title,
.zybook-unused-section-page .zybook-section .zybook-section-title,
.section-preview-modal .zybook-section .zybook-section-title,
.not-found-page .section-banner,
.zybook-advanced-zylab-page .section-banner,
.zybook-chapter-print-page .section-banner,
.zybook-chapter-section-page .section-banner,
.zybook-chapter-section-loading-page .section-banner,
.zybook-create-section-page .section-banner,
.zybook-edit-section-page .section-banner,
.zybook-error-page .section-banner,
.zylab-ui-page .section-banner,
.zybook-unused-section-loading-page .section-banner,
.zybook-unused-section-page .section-banner,
.section-preview-modal .section-banner,
.not-found-page .instructor-hidden-message,
.zybook-advanced-zylab-page .instructor-hidden-message,
.zybook-chapter-print-page .instructor-hidden-message,
.zybook-chapter-section-page .instructor-hidden-message,
.zybook-chapter-section-loading-page .instructor-hidden-message,
.zybook-create-section-page .instructor-hidden-message,
.zybook-edit-section-page .instructor-hidden-message,
.zybook-error-page .instructor-hidden-message,
.zylab-ui-page .instructor-hidden-message,
.zybook-unused-section-loading-page .instructor-hidden-message,
.zybook-unused-section-page .instructor-hidden-message,
.section-preview-modal .instructor-hidden-message,
.zybook-content-explorer-page .zybook-outline .term-definition,
.zybook-content-explorer-printable-page .zybook-outline .term-definition,
.zybook-content-explorer-page .zybook-outline .resource-info-container .resource-caption,
.zybook-content-explorer-printable-page .zybook-outline .resource-info-container .resource-caption,
.view-request-card,
.review-adoption,
.privacy-page,
.tos-page,
.catalog-page h1,
.catalog-page .class-instructions .instructions,
.zybook-unit-test-help-page .zybook-section-title,
.mathworks-editor-card .message,
.zylabs-edit .test-bench .test-summary,
.develop-mode .instructions,
.file-io .instructions,
.file-io .error-message,
.zystudio-student-activity .zystudio-manual-test,
.zystudio-group-activity .zystudio-manual-test,
.test-results-modal .testing-instructions-list,
.zylabs-view-test-bench,
.zylabs-view-test-bench .test .test-description,
.MLK__rows &gt; .row .action.check,
.multiple-choice-exam-question,
.ai-zylab-helper .ai-conversation-container .ai-message-container .ai-message,
.ace-editor-container .drop-file-message,
.validator-text,
.zybook-chapter-section-page .assignment-completion-summary-card,
.zybook-getting-started-page .explanatory-text,
.zybook-getting-started-page .video-list,
.zybook-chapter-add-lab-page .add-lab-card,
.zybook-chapter-add-lab-page h3,
.zybook-chapter-add-lab-page .description,
.zybook-chapter-add-lab-page .selected-labs-text,
.zybook-chapter-add-lab-page .zb-table table .name-column .lab-title,
.zylabs-edit .student-files .file-editor .editor-container .ace-editor-header .description,
.zylabs-edit .lab-spec .section-card,
.zylabs-edit .lab-spec .matlab-points,
.zylabs-edit .code,
.zylabs-edit .run-message,
.zylabs-edit .test-results-modal .testing-instructions-list,
.zylabs-edit .save-lab-modal p,
.zylabs-edit .save-lab-modal td,
.lab-statistics-charts .chart-container,
.instructor-view-student-submissions p,
.instructor-view-student-submissions .manual-test,
.student-behavior-insights .student-insights-row .insight-stat-container,
.student-behavior-insights .insights-title,
.class-statistics .lab-statistics-row .stat-container,
.class-statistics .student-insights-row .stat-container,
.exercise-info-modal h2,
.interactive-activity-container .activity-payload,
.bread-crumbs,
.zb-footer,
.zb-nav-menu .chapter-labels .nav-item-label,
.zb-nav-menu .section-labels .nav-item-label,
.zb-nav-menu .chapter-labels .nav-item-label-empty,
.zb-nav-menu .chapter-labels .section-labels .nav-item-label-empty,
.zb-nav-menu .section-labels .chapter-labels .nav-item-label-empty,
.zb-nav-menu .section-labels .nav-item-label-empty,
.zb-nav-menu .chapter-labels .nav-item-label-exam,
.zb-nav-menu .chapter-labels .section-labels .nav-item-label-exam,
.zb-nav-menu .section-labels .chapter-labels .nav-item-label-exam,
.zb-nav-menu .section-labels .nav-item-label-exam,
.zb-nav-menu .chapter-labels .nav-item-label-hidden,
.zb-nav-menu .chapter-labels .section-labels .nav-item-label-hidden,
.zb-nav-menu .section-labels .chapter-labels .nav-item-label-hidden,
.zb-nav-menu .section-labels .nav-item-label-hidden,
.zb-nav-menu .chapter-labels .nav-item-label-lab,
.zb-nav-menu .chapter-labels .section-labels .nav-item-label-lab,
.zb-nav-menu .section-labels .chapter-labels .nav-item-label-lab,
.zb-nav-menu .section-labels .nav-item-label-lab,
.zb-nav-menu .chapter-labels .nav-item-label-optional,
.zb-nav-menu .chapter-labels .section-labels .nav-item-label-optional,
.zb-nav-menu .section-labels .chapter-labels .nav-item-label-optional,
.zb-nav-menu .section-labels .nav-item-label-optional,
.zb-button,
.student-instructions-modal .copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .move-sections-button,
.subscribe-student-panel .already-paid,
.modify-section .toolbar-container .toolbar-card .show-me-how-link,
.instructor-note-container .show-edit-instructor-note-icon,
.assignment-section-summary .next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .exit-button,
.zybook-zylab-similarity-page .zb-toolbar .exit-button,
.view-request-card .back-to-library-link,
.review-adoption .back-to-library-link,
details &gt; summary,
.pythonTutor .ExecutionVisualizer #vcrControls .button,
.definition-match-payload .definition-match-term &gt; div,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .more-info,
.strict-equal-assert-result .type-message {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}

.primary-font-light-italic,
.section-test-expand-button .no-questions,
.section-reporting-expand-button .no-activities,
.unused-content-header .number-sections,
.zylabs-edit .italic-text,
.zylabs-edit .basic-options .additionalflags-container .additionalflags-description,
.basic-options .additionalflags-container .zylabs-edit .additionalflags-description,
.zylabs-edit .basic-options .command-container .command-description,
.basic-options .command-container .zylabs-edit .command-description,
.zylabs-edit .basic-options .option-content-container .hide-message,
.basic-options .option-content-container .zylabs-edit .hide-message,
.zylabs-edit .availability-options .sub-text,
.availability-options .zylabs-edit .sub-text,
.zylabs-edit .availability-options .time-window-row .time-window-started-message,
.availability-options .time-window-row .zylabs-edit .time-window-started-message,
.library-page .no-active-books-label,
.zb-feedback .expanded-feedback .bug-info {
  font-family: "Roboto", sans-serif;
  font-style: italic;
  font-weight: 300;
}

.primary-font-regular,
.student-submit-assignment-modal .zb-modal-content h1,
.unauthorized-access-modal .zb-modal-content h1,
.modern-authoring-book-modal .zb-modal-content h1,
.python-course-modal .zb-modal-content h1,
.python-course-modal .zb-modal-content .flex-row .left-content .zb-button.reject-button .title,
.assignment-past-due h1,
.assignment-due-date-help-modal,
.assignment-due-date-help-modal h1,
.tests-panel .test-list li button,
.assignments-panel,
.section-reporting-expand-button .exam-score,
.assignment-details .assignment-points-text,
.assignment-details .countdown-text,
.assignment-details .assignment-expired-text,
.assignment-details .lti-invalid-text,
.assignment-section-summary .assignment-section-header .assignment-section-title,
.assignment-section-summary .assignment-section-content .assignment-section-activity-info,
.not-found-page .zybook-section .zybook-section-title,
.zybook-advanced-zylab-page .zybook-section .zybook-section-title,
.zybook-chapter-print-page .zybook-section .zybook-section-title,
.zybook-chapter-section-page .zybook-section .zybook-section-title,
.zybook-chapter-section-loading-page .zybook-section .zybook-section-title,
.zybook-create-section-page .zybook-section .zybook-section-title,
.zybook-edit-section-page .zybook-section .zybook-section-title,
.zybook-error-page .zybook-section .zybook-section-title,
.zylab-ui-page .zybook-section .zybook-section-title,
.zybook-unused-section-loading-page .zybook-section .zybook-section-title,
.zybook-unused-section-page .zybook-section .zybook-section-title,
.section-preview-modal .zybook-section .zybook-section-title,
.not-found-page .nothing-to-present,
.zybook-advanced-zylab-page .nothing-to-present,
.zybook-chapter-print-page .nothing-to-present,
.zybook-chapter-section-page .nothing-to-present,
.zybook-chapter-section-loading-page .nothing-to-present,
.zybook-create-section-page .nothing-to-present,
.zybook-edit-section-page .nothing-to-present,
.zybook-error-page .nothing-to-present,
.zylab-ui-page .nothing-to-present,
.zybook-unused-section-loading-page .nothing-to-present,
.zybook-unused-section-page .nothing-to-present,
.section-preview-modal .nothing-to-present,
.not-found-page .request-deferral-modal .zb-modal-content,
.zybook-advanced-zylab-page .request-deferral-modal .zb-modal-content,
.zybook-chapter-print-page .request-deferral-modal .zb-modal-content,
.zybook-chapter-section-page .request-deferral-modal .zb-modal-content,
.zybook-chapter-section-loading-page .request-deferral-modal .zb-modal-content,
.zybook-create-section-page .request-deferral-modal .zb-modal-content,
.zybook-edit-section-page .request-deferral-modal .zb-modal-content,
.zybook-error-page .request-deferral-modal .zb-modal-content,
.zylab-ui-page .request-deferral-modal .zb-modal-content,
.zybook-unused-section-loading-page .request-deferral-modal .zb-modal-content,
.zybook-unused-section-page .request-deferral-modal .zb-modal-content,
.section-preview-modal .request-deferral-modal .zb-modal-content,
.not-found-page .time-remaining-toast,
.zybook-advanced-zylab-page .time-remaining-toast,
.zybook-chapter-print-page .time-remaining-toast,
.zybook-chapter-section-page .time-remaining-toast,
.zybook-chapter-section-loading-page .time-remaining-toast,
.zybook-create-section-page .time-remaining-toast,
.zybook-edit-section-page .time-remaining-toast,
.zybook-error-page .time-remaining-toast,
.zylab-ui-page .time-remaining-toast,
.zybook-unused-section-loading-page .time-remaining-toast,
.zybook-unused-section-page .time-remaining-toast,
.section-preview-modal .time-remaining-toast,
.zybook-chapter-section-page .assignment-completion-summary-card .header-row,
.zybook-chapter-section-page .assignment-completion-summary-card .due-date-message-row,
.instructor-verify-page .instructor-verify-section .zb-control-row .not-instructor-button,
.zybook-unit-test-help-page .zybook-section-title,
.csv-file-container,
.two-reorderable-lists .activity-area &gt; div &gt; div:first-of-type .sortable-label .reset-template-button,
.ascii-encoding .ascii-encoding-row-text,
.result-set-test .files-container .file-name,
.result-set-test .files-container .file-size,
.result-set-test .files-container .file-select,
.result-set-test .files-container .file-select-title,
.result-set-test .files-container .file-select .file-text,
.result-set-test .files-container .file-select-title .file-text,
.zylabs-edit .lab-spec .section-card h2,
.availability-options .duration .duration-row,
.alert-app-error a,
.zystudio-readonly-resource .card-title,
.test-results .card-title,
.test-results .passed-message,
.programming-submission-content-resource .content-resource .submit-container .latest-submission,
.programming-submission-content-resource .content-resource .submit-container .latest-submission.zb-card .latest-submission-header,
.programming-submission-content-resource .content-resource .submit-container .latest-submission.zb-card .passed-message,
.short-answer-question .question-container .input pre,
.activity-payload .lti-content-resource .zb-expandable-card,
.activity-payload .programming-submission-payload .unsubscribed-message,
.activity-payload .programming-submission-payload .zb-expandable-card,
.activity-payload .programming-submission-payload .view-submissions,
.activity-payload .programming-submission-payload .zb-expandable-card .card-title,
.activity-payload .programming-submission-payload .view-submissions .card-title,
.html-content-resource .presentation-terms-list li .keyword,
.library-page .request-info-text,
.library-page .zybook-request-container .course-label,
.library-page .eval-adopt-zybook-card .choose-from,
.section-announcement,
.resource-import-modal .resource-import-header h1,
.resource-import-modal .select-level-header h1,
.resource-import-modal .select-test-header h1,
.zb-explanation .answers span,
.markdown-headers h1,
.markdown-headers h2,
.markdown-headers h3,
.markdown-headers h4,
.zybook-section .instructor-note .note-error-message,
.zybook-section .instructor-note .instructor-note-content h1,
.zybook-section .instructor-note .markdown-preview h1,
.zylabs-edit .lab-spec .preview-modal .section-card h1,
.zybook-section &gt; .zb-card-content &gt; .section-content-resources-container .markdown-content-resource h1,
.lab-spec h1,
.vm-it-lab-content-resource .vm-it-lab-markdown h1,
.zybook-section .instructor-note .instructor-note-content h2,
.zybook-section .instructor-note .markdown-preview h2,
.zylabs-edit .lab-spec .preview-modal .section-card h2,
.zybook-section &gt; .zb-card-content &gt; .section-content-resources-container .markdown-content-resource h2,
.lab-spec h2,
.vm-it-lab-content-resource .vm-it-lab-markdown h2,
.zybook-section .instructor-note .instructor-note-content h3,
.zybook-section .instructor-note .markdown-preview h3,
.zylabs-edit .lab-spec .preview-modal .section-card h3,
.zybook-section &gt; .zb-card-content &gt; .section-content-resources-container .markdown-content-resource h3,
.lab-spec h3,
.vm-it-lab-content-resource .vm-it-lab-markdown h3,
.zybook-section .instructor-note .instructor-note-content h4,
.zybook-section .instructor-note .markdown-preview h4,
.zylabs-edit .lab-spec .preview-modal .section-card h4,
.zybook-section &gt; .zb-card-content &gt; .section-content-resources-container .markdown-content-resource h4,
.lab-spec h4,
.vm-it-lab-content-resource .vm-it-lab-markdown h4,
.chapter-item .chapter-item-controls .chapter-title,
.chapter-item-modify-sections-modal,
.chapter-item-modify-sections-modal h1,
.not-found-page .unsubscribed-message,
.zybook-chapter-section-loading-page .unsubscribed-message,
.zybook-chapter-section-page .unsubscribed-message,
.zybook-content-explorer-page .unsubscribed-message,
.zybook-content-explorer-printable-page .unsubscribed-message,
.zybook-error-page .unsubscribed-message,
.zybook-chapter-add-lab-page .unsubscribed-message,
.card-header,
.section-header,
.zybook-extension-modal .extension-modal-body .extend-controls-container .price-info-row .currency-text,
.about-page-modal td:first-of-type,
.modify-sections-modal,
.modify-sections-modal h1,
.my-class-student-panel .request-refund-button,
.my-class-instructor-panel .panel-content .scrollable-content .about-link,
.table-of-contents h3,
.modify-section .zybook-section .section-header-row.edit .section-number,
.modify-section .zybook-section .section-header-row.edit .section-title-input input,
.draggable-content-resource,
.modify-assignment .due-date-error-text,
.zybook-advanced-zylab-similarity-page h1,
.zybook-advanced-zylab-similarity-page h2,
.zybook-advanced-zylab-similarity-page .submission-row .editor-container h3,
.zybook-zylab-similarity-page h1,
.zybook-zylab-similarity-page h2,
.zybook-zylab-similarity-page .submission-row .editor-container h3,
.develop-mode .files-container .file-select,
.develop-mode .files-container .file-select-title,
.develop-mode .files-container .file-select .file-text,
.develop-mode .files-container .file-select-title .file-text,
.file-io .files-container .file-name,
.file-io .files-container .file-size,
.zystudio-class-statistics .card-title,
.zystudio-similarity-checker .card-title,
.zystudio-student-activity .card-title,
.zystudio-group-activity .card-title,
.test-result .sql-output-container .result-table-container table,
.programming-submission-content-resource .content-resource .view-submissions,
.lti-content-resource .content-resource .view-submissions,
.programming-submission-content-resource .content-resource .view-submissions .card-title,
.lti-content-resource .content-resource .view-submissions .card-title,
.programming-submission-content-resource .content-resource .submit-container .submission-row .submission-cap-throttle-container .throttle-cap-text,
.programming-submission-content-resource .content-resource .submit-container .throttle-error-message,
.programming-submission-content-resource .content-resource .submit-container .submit-error-message,
.submit-files,
.instructor-view-student-submissions .student-header,
.develop-container .program-label,
.develop-container .run-error-message,
.develop-container .develop-program-container .program-container,
.develop-container .sql-output h4,
.develop-container .sql-output.result-set-container .result-table-container table,
.definition-match-payload .instruction-container,
.definition-match-payload .definition-row .definition,
.custom-resource-payload .load-template-button-container .load-template-button,
.zylab-inline-editor .inline-editor-header .inline-editor-filename,
.zylab-inline-editor .inline-editor-header .load-default-template-button,
.zylab-inline-editor .inline-editor-header .no-template-text,
.zylab-inline-editor .inline-editor-header .readonly-text,
.zylab-inline-editor .inline-editor-header .placeholder-text,
.zb-multi-step-container .navigation-container .nav-step-container div,
.zb-author-menu,
.zb-menu,
.adopt-workflow-step .basic-text,
.adopt-workflow-step .no-content-text,
.zb-power-select-container .ember-power-select-trigger,
.zb-card.loading-card h2,
.modify-section .zybook-exam-section .loading-card.access-controls h2,
.modify-section .zybook-exam-section .loading-card.result-details h2,
.modify-section .zybook-access-controls-section .loading-card.access-controls h2,
.modify-section .zybook-access-controls-section .loading-card.result-details h2,
.modify-section .toolbar-container .loading-card.toolbar-card h2,
.loading-card.insert-content.in-side-menu h2,
.loading-card.insert-content.in-section.expanded.inverted h2,
.loading-card.insert-content.in-section.expanded.reversed:not(.inverted) h2,
.not-found-page .loading-card.time-remaining-toast h2,
.zybook-advanced-zylab-page .loading-card.time-remaining-toast h2,
.zybook-chapter-print-page .loading-card.time-remaining-toast h2,
.zybook-chapter-section-page .loading-card.time-remaining-toast h2,
.zybook-chapter-section-loading-page .loading-card.time-remaining-toast h2,
.zybook-create-section-page .loading-card.time-remaining-toast h2,
.zybook-edit-section-page .loading-card.time-remaining-toast h2,
.zybook-error-page .loading-card.time-remaining-toast h2,
.zylab-ui-page .loading-card.time-remaining-toast h2,
.zybook-unused-section-loading-page .loading-card.time-remaining-toast h2,
.zybook-unused-section-page .loading-card.time-remaining-toast h2,
.section-preview-modal .loading-card.time-remaining-toast h2,
.loading-card.unknown-content-resource h2,
.loading-card.section-settings-menu h2,
.zb-button.thin-title,
.student-instructions-modal .thin-title.copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .thin-title.move-sections-button,
.subscribe-student-panel .thin-title.already-paid,
.modify-section .toolbar-container .toolbar-card .thin-title.show-me-how-link,
.instructor-note-container .thin-title.show-edit-instructor-note-icon,
.assignment-section-summary .thin-title.next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .thin-title.exit-button,
.zybook-zylab-similarity-page .zb-toolbar .thin-title.exit-button,
.view-request-card .thin-title.back-to-library-link,
.review-adoption .thin-title.back-to-library-link,
details &gt; summary.thin-title,
.pythonTutor .ExecutionVisualizer #vcrControls .thin-title.button,
.definition-match-payload .definition-match-term &gt; div.thin-title,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .thin-title.fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .thin-title.more-info,
.zb-message-container,
.unsubscribed-message,
.about-page-modal h3,
.zybook-advanced-zylab-similarity-page .matches-container .matches-list-container h3,
.zybook-zylab-similarity-page .matches-container .matches-list-container h3,
.lab-statistics-charts .chart-container .chart-label,
.student-behavior-insights .outlier-label {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
}

.primary-font-regular-italic,
.zybook-chapter-section-page .hidden-text,
.zybook-index-page .no-results-message,
.section-assignment-details .assignment-choices-container .button-chevron-container .section-label-exclude-optional-ca,
.section-item .section-title-link .section-info .section-labels .recently-added-label,
.my-class-instructor-panel .panel-content .scrollable-content .manage-button-row .manage-description,
.review-test .no-questions-text {
  font-family: "Roboto", sans-serif;
  font-style: italic;
  font-weight: normal;
}

.primary-font-semibold,
.python-course-modal .zb-modal-content .flex-row .right-content .bullet-list .bullet,
.tests-panel .fixed-content .evaluation-description-title,
.assignments-panel .assignment-link,
.zybook-chapter-section-page .assignment-section-announcement .section-announcement-block-content .assignment-announcement-content .title-text,
.zybook-chapter-section-page .assignment-selection-menu .ember-basic-dropdown-trigger,
.color-picker .zb-range-label span,
.zylabs-edit .student-files .blue-bold-text,
.title-detail-item .title,
.zb-file-viewer label,
.section-announcement .message-title-container .announcement-title,
.section-announcement .message-buttons-container .announcement-title,
.zybook-section .instructor-note .instructor-note-header-row .header-text,
.zybook-content-explorer-page .zybook-outline .resource-info-container .resource-prefix .resource-label.orange,
.zybook-content-explorer-printable-page .zybook-outline .resource-info-container .resource-prefix .resource-label.orange,
.zybook-content-explorer-page .zybook-outline .resource-info-container .resource-prefix .resource-label.blue,
.zybook-content-explorer-printable-page .zybook-outline .resource-info-container .resource-prefix .resource-label.blue,
.zybook-content-explorer-page .zybook-outline .resource-info-container .resource-prefix .resource-label.grey,
.zybook-content-explorer-printable-page .zybook-outline .resource-info-container .resource-prefix .resource-label.grey,
.zybook-content-explorer-page .zybook-outline .resource-info-container .resource-prefix .resource-label.green,
.zybook-content-explorer-printable-page .zybook-outline .resource-info-container .resource-prefix .resource-label.green,
.binary-decimal-converter .input-container label,
.zylabs-edit .student-files .file-editor .editor-container .ace-editor-header .title,
.zylab-inline-editor .inline-editor-header .file-dropdown-container .zb-menu .ember-basic-dropdown-trigger,
.zb-modal-banner .title {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}

.primary-font-semibold-italic {
  font-family: "Roboto", sans-serif;
  font-style: italic;
  font-weight: 500;
}

.primary-font-bold,
.not-found-page .request-deferral-modal .zb-modal-content .grid-container .type-name,
.zybook-advanced-zylab-page .request-deferral-modal .zb-modal-content .grid-container .type-name,
.zybook-chapter-print-page .request-deferral-modal .zb-modal-content .grid-container .type-name,
.zybook-chapter-section-page .request-deferral-modal .zb-modal-content .grid-container .type-name,
.zybook-chapter-section-loading-page .request-deferral-modal .zb-modal-content .grid-container .type-name,
.zybook-create-section-page .request-deferral-modal .zb-modal-content .grid-container .type-name,
.zybook-edit-section-page .request-deferral-modal .zb-modal-content .grid-container .type-name,
.zybook-error-page .request-deferral-modal .zb-modal-content .grid-container .type-name,
.zylab-ui-page .request-deferral-modal .zb-modal-content .grid-container .type-name,
.zybook-unused-section-loading-page .request-deferral-modal .zb-modal-content .grid-container .type-name,
.zybook-unused-section-page .request-deferral-modal .zb-modal-content .grid-container .type-name,
.section-preview-modal .request-deferral-modal .zb-modal-content .grid-container .type-name,
.binary-num .bit-container,
.binary-num .decimal-container .value,
.MLK__rows &gt; .row .action.check,
.zybook-content-explorer-page .zybook-outline .term-keyword,
.zybook-content-explorer-printable-page .zybook-outline .term-keyword,
.test-question-container .question-section-number,
.adopt-page .request-progress .progress-row .row-header.current-row,
.develop-container .develop-program-container .program-container .program .program-name,
.resource-container .activity-type,
.static-container .activity-type,
.interactive-activity-container .activity-type,
.definition-match-payload .definition-row .term-bucket,
.definition-match-payload .definition-row .definition-match-explanation,
.segmented-control .zb-button,
.segmented-control li,
.zb-segmented-control .zb-button,
.zb-segmented-control li,
.zb-nav-menu a.active,
.zb-button,
.student-instructions-modal .copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .move-sections-button,
.subscribe-student-panel .already-paid,
.modify-section .toolbar-container .toolbar-card .show-me-how-link,
.instructor-note-container .show-edit-instructor-note-icon,
.assignment-section-summary .next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .exit-button,
.zybook-zylab-similarity-page .zb-toolbar .exit-button,
.view-request-card .back-to-library-link,
.review-adoption .back-to-library-link,
details &gt; summary,
.pythonTutor .ExecutionVisualizer #vcrControls .button,
.definition-match-payload .definition-match-term &gt; div,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .more-info,
.mathworks-editor-card .bold-primary {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
}

.primary-font-bold-italic {
  font-family: "Roboto", sans-serif;
  font-style: italic;
  font-weight: bold;
}

.secondary-font-regular {
  font-family: "adobe-garamond-pro";
  font-weight: normal;
}

.secondary-font-regular-italic,
.zb-file-viewer .file-content .text-contents .no-render,
.quote-callout-l1,
.quote-callout-l2,
.quote-callout-l3 {
  font-family: "adobe-garamond-pro";
  font-style: italic;
  font-weight: normal;
}

.secondary-font-bold {
  font-family: "adobe-garamond-pro";
  font-weight: bold;
}

.secondary-font-bold-italic {
  font-family: "adobe-garamond-pro";
  font-style: italic;
  font-weight: bold;
}

.pseudo-code {
  font-family: Comic Sans MS, Comic Sans, cursive;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
}
h1:where(.clear-heading-style),
h2:where(.clear-heading-style),
h3:where(.clear-heading-style),
h4:where(.clear-heading-style),
h5:where(.clear-heading-style),
h6:where(.clear-heading-style) {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

b,
strong {
  font-weight: bold;
}

dd,
dl,
dt {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}

.quote-callout,
.quote-callout-l3,
.quote-callout-l2,
.quote-callout-l1 {
  line-height: 1.1;
}

.quote-callout-l1 {
  font-size: 40px;
}

.quote-callout-l2 {
  font-size: 30px;
}

.quote-callout-l3 {
  font-size: 20px;
}

.body-text,
.activity-filter,
.zybook-analytics-dashboard .highcharts-title,
.zybook-analytics-dashboard .highcharts-axis-title,
.zybook-analytics-dashboard .tooltip-container,
.zybook-extension-modal,
.webinar-info-modal h1,
.zybook-ordering-preview .info-list,
.clone-zylab,
.clone-zylab h1,
.add-zylab-options,
.add-zylab-options h1,
.view-receipt-modal,
.mathworks-tos-modal,
.student-instructions-modal h1,
.student-instructions-modal .instructions-text,
.request-refund-modal h1,
.accessibility-modal h1,
.python-course-modal,
.manage-class-modal .warning-message,
.manage-class-modal .confirmation-message,
.manage-class-modal .updated-message,
.catalog-extension-modal,
.catalog-take-class-modal h1,
.catalog-item-info-modal,
.catalog-item-info-modal h1,
.about-page-modal,
.about-page-modal .new-sections-table,
.zybook-configure-panel .panel-content .instructions-text,
.zybook-configure-panel .error-message,
.my-class-instructor-panel .panel-content .scrollable-content .manage-class-ul,
.lti-instructions-panel .no-assignments-text,
.lti-instructions-panel .assignment-info-text,
.lti-instructions-panel .hidden-assignments-text,
.section-assignment-details .assignment-choices-container .no-activities-text,
.chapter-item .section-list-container .empty-chapter-text,
.table-of-contents .activity-selection-header .header-title,
.table-of-contents .configure-header .header-title,
.table-of-contents .section-assignment-header .header-title,
.table-of-contents .detail-text,
.zylab-table-section-header .info-text,
.zylab-table-section-header .zybook-graphic-container .zybook-details,
.zybook-outline-filter,
.zybook-section .instructor-note,
.assignment-summary,
.assignment-due-date-lms-details,
.assignment-details,
.zybook-advanced-zylab-similarity-page,
.zybook-zylab-similarity-page,
.not-found-page .zybook-section,
.zybook-advanced-zylab-page .zybook-section,
.zybook-chapter-print-page .zybook-section,
.zybook-chapter-section-page .zybook-section,
.zybook-chapter-section-loading-page .zybook-section,
.zybook-create-section-page .zybook-section,
.zybook-edit-section-page .zybook-section,
.zybook-error-page .zybook-section,
.zylab-ui-page .zybook-section,
.zybook-unused-section-loading-page .zybook-section,
.zybook-unused-section-page .zybook-section,
.section-preview-modal .zybook-section,
.not-found-page .zybook-section .zybook-section-title,
.zybook-advanced-zylab-page .zybook-section .zybook-section-title,
.zybook-chapter-print-page .zybook-section .zybook-section-title,
.zybook-chapter-section-page .zybook-section .zybook-section-title,
.zybook-chapter-section-loading-page .zybook-section .zybook-section-title,
.zybook-create-section-page .zybook-section .zybook-section-title,
.zybook-edit-section-page .zybook-section .zybook-section-title,
.zybook-error-page .zybook-section .zybook-section-title,
.zylab-ui-page .zybook-section .zybook-section-title,
.zybook-unused-section-loading-page .zybook-section .zybook-section-title,
.zybook-unused-section-page .zybook-section .zybook-section-title,
.section-preview-modal .zybook-section .zybook-section-title,
.not-found-page .section-banner,
.zybook-advanced-zylab-page .section-banner,
.zybook-chapter-print-page .section-banner,
.zybook-chapter-section-page .section-banner,
.zybook-chapter-section-loading-page .section-banner,
.zybook-create-section-page .section-banner,
.zybook-edit-section-page .section-banner,
.zybook-error-page .section-banner,
.zylab-ui-page .section-banner,
.zybook-unused-section-loading-page .section-banner,
.zybook-unused-section-page .section-banner,
.section-preview-modal .section-banner,
.not-found-page .instructor-hidden-message,
.zybook-advanced-zylab-page .instructor-hidden-message,
.zybook-chapter-print-page .instructor-hidden-message,
.zybook-chapter-section-page .instructor-hidden-message,
.zybook-chapter-section-loading-page .instructor-hidden-message,
.zybook-create-section-page .instructor-hidden-message,
.zybook-edit-section-page .instructor-hidden-message,
.zybook-error-page .instructor-hidden-message,
.zylab-ui-page .instructor-hidden-message,
.zybook-unused-section-loading-page .instructor-hidden-message,
.zybook-unused-section-page .instructor-hidden-message,
.section-preview-modal .instructor-hidden-message,
.zybook-content-explorer-page .zybook-outline .term-definition,
.zybook-content-explorer-printable-page .zybook-outline .term-definition,
.zybook-content-explorer-page .zybook-outline .resource-info-container .resource-caption,
.zybook-content-explorer-printable-page .zybook-outline .resource-info-container .resource-caption,
.view-request-card,
.review-adoption,
.privacy-page,
.tos-page,
.catalog-page h1,
.catalog-page .class-instructions .instructions,
.zybook-unit-test-help-page .zybook-section-title,
.mathworks-editor-card .message,
.zylabs-edit .test-bench .test-summary,
.develop-mode .instructions,
.file-io .instructions,
.file-io .error-message,
.zystudio-student-activity .zystudio-manual-test,
.zystudio-group-activity .zystudio-manual-test,
.test-results-modal .testing-instructions-list,
.zylabs-view-test-bench,
.zylabs-view-test-bench .test .test-description,
.MLK__rows &gt; .row .action.check,
.zb-progress-circular,
.multiple-choice-exam-question,
.ai-zylab-helper .ai-conversation-container .ai-message-container .ai-message,
.ace-editor-container .drop-file-message,
.validator-text,
.zybook-chapter-section-page .assignment-section-announcement .section-announcement-block-content,
.zybook-chapter-section-page .resubmit-assignment-announcement .section-announcement-block-content,
.zybook-chapter-section-page .assignment-completion-summary-card,
.zybook-getting-started-page .explanatory-text,
.zybook-getting-started-page .video-list,
.zybook-chapter-add-lab-page .add-lab-card,
.zybook-chapter-add-lab-page h3,
.zybook-chapter-add-lab-page .description,
.zybook-chapter-add-lab-page .selected-labs-text,
.zybook-chapter-add-lab-page .zb-table table .name-column .lab-title,
.zylabs-edit .student-files .file-editor .editor-container .ace-editor-header .description,
.zylabs-edit .lab-spec .section-card,
.zylabs-edit .lab-spec .matlab-points,
.zylabs-edit .code,
.zylabs-edit .run-message,
.zylabs-edit .test-results-modal .testing-instructions-list,
.zylabs-edit .save-lab-modal p,
.zylabs-edit .save-lab-modal td,
.lab-statistics-charts .chart-container,
.instructor-view-student-submissions p,
.instructor-view-student-submissions .manual-test,
.student-behavior-insights .student-insights-row .insight-stat-container,
.student-behavior-insights .insights-title,
.class-statistics .lab-statistics-row .stat-container,
.class-statistics .student-insights-row .stat-container,
.exercise-info-modal h2,
.interactive-activity-container .activity-payload,
.bread-crumbs,
.zb-footer,
.zb-nav-menu .chapter-labels .nav-item-label,
.zb-nav-menu .section-labels .nav-item-label,
.zb-nav-menu .chapter-labels .nav-item-label-empty,
.zb-nav-menu .chapter-labels .section-labels .nav-item-label-empty,
.zb-nav-menu .section-labels .chapter-labels .nav-item-label-empty,
.zb-nav-menu .section-labels .nav-item-label-empty,
.zb-nav-menu .chapter-labels .nav-item-label-exam,
.zb-nav-menu .chapter-labels .section-labels .nav-item-label-exam,
.zb-nav-menu .section-labels .chapter-labels .nav-item-label-exam,
.zb-nav-menu .section-labels .nav-item-label-exam,
.zb-nav-menu .chapter-labels .nav-item-label-hidden,
.zb-nav-menu .chapter-labels .section-labels .nav-item-label-hidden,
.zb-nav-menu .section-labels .chapter-labels .nav-item-label-hidden,
.zb-nav-menu .section-labels .nav-item-label-hidden,
.zb-nav-menu .chapter-labels .nav-item-label-lab,
.zb-nav-menu .chapter-labels .section-labels .nav-item-label-lab,
.zb-nav-menu .section-labels .chapter-labels .nav-item-label-lab,
.zb-nav-menu .section-labels .nav-item-label-lab,
.zb-nav-menu .chapter-labels .nav-item-label-optional,
.zb-nav-menu .chapter-labels .section-labels .nav-item-label-optional,
.zb-nav-menu .section-labels .chapter-labels .nav-item-label-optional,
.zb-nav-menu .section-labels .nav-item-label-optional,
.zb-button,
.student-instructions-modal .copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .move-sections-button,
.subscribe-student-panel .already-paid,
.modify-section .toolbar-container .toolbar-card .show-me-how-link,
.instructor-note-container .show-edit-instructor-note-icon,
.assignment-section-summary .next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .exit-button,
.zybook-zylab-similarity-page .zb-toolbar .exit-button,
.view-request-card .back-to-library-link,
.review-adoption .back-to-library-link,
details &gt; summary,
.pythonTutor .ExecutionVisualizer #vcrControls .button,
.definition-match-payload .definition-match-term &gt; div,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .more-info,
.strict-equal-assert-result .type-message {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  line-height: 1.4;
}

.activity-watermark {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 10px;
  margin-right: auto;
}

.card-shadow,
.activity-filter .expandable-content,
.zylab-table-section-header.expanded,
.modify-section .zybook-exam-section .access-controls,
.modify-section .zybook-exam-section .result-details,
.modify-section .zybook-access-controls-section .access-controls,
.modify-section .zybook-access-controls-section .result-details,
.insert-content.in-side-menu,
.insert-content.in-section .show-hide-button,
.insert-content.in-section.expanded.inverted,
.insert-content.in-section.expanded.reversed:not(.inverted),
.assignment-due-date-lms-details .detail-container,
.zybook-chapter-add-lab-page .zb-table table,
.csv-file-container .files-row .file-container .file,
.zylabs-edit .student-files .file-editor .editor-container,
.assert-test-result .signal-dropdown,
.submit-files .files-row .file-container .file,
.zylab-inline-editor,
.zybooks-application-header .app-navigation-menu,
.zybooks-application-header .options-menu,
.zybooks-application-header .profile-menu,
.zb-checklist .dropdown,
.section-settings-menu,
.questions-filter .tag-dropdown,
.zybook-section .explore {
  box-shadow: 0 3px 1px -2px hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.86)), 0 2px 2px 0 hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.902)), 0 1px 5px 0 hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.916));
  box-sizing: border-box;
}

.bottom-card-shadow {
  box-shadow: 0 3px 6px 0 hsl(calc(var(--zb-semantic-color-background-h) + 0deg), calc(var(--zb-semantic-color-background-s) + 0%), calc(var(--zb-semantic-color-background-l) + 0%), calc(var(--zb-semantic-color-background-a) + 0));
  box-sizing: border-box;
}

.hide-scrollbar::-webkit-scrollbar,
.file-io .file-preview-modal .zb-modal-card-container::-webkit-scrollbar {
  display: none;
}

.hover-scrollbar::-webkit-scrollbar,
.zb-nav-menu::-webkit-scrollbar {
  display: none;
}
.hover-scrollbar:hover::-webkit-scrollbar,
.zb-nav-menu:hover::-webkit-scrollbar {
  display: inherit;
}

.zb-scrollbar::-webkit-scrollbar,
.zybook-analytics-dashboard::-webkit-scrollbar,
.zybook-ordering-preview .table-of-contents-list::-webkit-scrollbar,
.zybook-configure-panel .panel-content::-webkit-scrollbar,
.zybook-configure-panel .panel-content .chapter-dropdown::-webkit-scrollbar,
.view-activity-panel .panel-content::-webkit-scrollbar,
.my-class-instructor-panel .panel-content::-webkit-scrollbar,
.my-class-instructor-panel .panel-content .scrollable-content .manage-class-ul.manage-class-overflow::-webkit-scrollbar,
.table-of-contents.split-toc::-webkit-scrollbar,
.table-of-contents .table-of-contents-list::-webkit-scrollbar,
.review-test .zb-card-content::-webkit-scrollbar,
.modify-section .alignment-grid .side-menu ul::-webkit-scrollbar,
.zybook-panel .panel-content::-webkit-scrollbar,
.insert-content.in-side-menu::-webkit-scrollbar,
.class-roster-table .content::-webkit-scrollbar,
.assignment-details .scroll-shadow::-webkit-scrollbar,
.zybook-advanced-zylab-similarity-page .matches-container .matches-list-container .matches-list::-webkit-scrollbar,
.zybook-zylab-similarity-page .matches-container .matches-list-container .matches-list::-webkit-scrollbar,
.zybook-index-page .toc-container::-webkit-scrollbar,
.zybook-chapter-add-lab-page .add-lab-card::-webkit-scrollbar,
.two-reorderable-lists .activity-area .sortable-container::-webkit-scrollbar,
.block-ordering-pa2-column .activity-area .sortable-container::-webkit-scrollbar,
.block-ordering-ca2-column .activity-area .sortable-container::-webkit-scrollbar,
.parsons-coding-pa .activity-area &gt; div &gt; div code pre::-webkit-scrollbar,
.file-io .file-preview-modal .zb-card-content::-webkit-scrollbar,
.test-result .sql-output-container .result-table-container::-webkit-scrollbar,
.develop-container .sql-output.result-set-container .result-table-container::-webkit-scrollbar,
:where(.zb-scrollin-modal.zb-modal .zb-modal-content) .zb-modal-card-container::-webkit-scrollbar,
.zb-checklist .dropdown .items-container::-webkit-scrollbar,
.zb-file-viewer .file-content .text-contents::-webkit-scrollbar,
.zb-nav-menu::-webkit-scrollbar,
.resource-import-modal .list::-webkit-scrollbar,
.lightbox-modal::-webkit-scrollbar,
.adopt-workflow-step::-webkit-scrollbar {
  background: transparent;
  height: 8px;
  width: 8px;
}
.zb-scrollbar::-webkit-scrollbar-thumb,
.zybook-analytics-dashboard::-webkit-scrollbar-thumb,
.zybook-ordering-preview .table-of-contents-list::-webkit-scrollbar-thumb,
.zybook-configure-panel .panel-content::-webkit-scrollbar-thumb,
.zybook-configure-panel .panel-content .chapter-dropdown::-webkit-scrollbar-thumb,
.view-activity-panel .panel-content::-webkit-scrollbar-thumb,
.my-class-instructor-panel .panel-content::-webkit-scrollbar-thumb,
.my-class-instructor-panel .panel-content .scrollable-content .manage-class-ul.manage-class-overflow::-webkit-scrollbar-thumb,
.table-of-contents.split-toc::-webkit-scrollbar-thumb,
.table-of-contents .table-of-contents-list::-webkit-scrollbar-thumb,
.review-test .zb-card-content::-webkit-scrollbar-thumb,
.modify-section .alignment-grid .side-menu ul::-webkit-scrollbar-thumb,
.zybook-panel .panel-content::-webkit-scrollbar-thumb,
.insert-content.in-side-menu::-webkit-scrollbar-thumb,
.class-roster-table .content::-webkit-scrollbar-thumb,
.assignment-details .scroll-shadow::-webkit-scrollbar-thumb,
.zybook-advanced-zylab-similarity-page .matches-container .matches-list-container .matches-list::-webkit-scrollbar-thumb,
.zybook-zylab-similarity-page .matches-container .matches-list-container .matches-list::-webkit-scrollbar-thumb,
.zybook-index-page .toc-container::-webkit-scrollbar-thumb,
.zybook-chapter-add-lab-page .add-lab-card::-webkit-scrollbar-thumb,
.two-reorderable-lists .activity-area .sortable-container::-webkit-scrollbar-thumb,
.block-ordering-pa2-column .activity-area .sortable-container::-webkit-scrollbar-thumb,
.block-ordering-ca2-column .activity-area .sortable-container::-webkit-scrollbar-thumb,
.parsons-coding-pa .activity-area &gt; div &gt; div code pre::-webkit-scrollbar-thumb,
.file-io .file-preview-modal .zb-card-content::-webkit-scrollbar-thumb,
.test-result .sql-output-container .result-table-container::-webkit-scrollbar-thumb,
.develop-container .sql-output.result-set-container .result-table-container::-webkit-scrollbar-thumb,
:where(.zb-scrollin-modal.zb-modal .zb-modal-content) .zb-modal-card-container::-webkit-scrollbar-thumb,
.zb-checklist .dropdown .items-container::-webkit-scrollbar-thumb,
.zb-file-viewer .file-content .text-contents::-webkit-scrollbar-thumb,
.zb-nav-menu::-webkit-scrollbar-thumb,
.resource-import-modal .list::-webkit-scrollbar-thumb,
.lightbox-modal::-webkit-scrollbar-thumb,
.adopt-workflow-step::-webkit-scrollbar-thumb {
  background: hsl(calc(var(--zb-semantic-color-grey-400-h) + 0deg), calc(var(--zb-semantic-color-grey-400-s) + 0%), calc(var(--zb-semantic-color-grey-400-l) + 0%), calc(var(--zb-semantic-color-grey-400-a) + 0));
}

.word-wrap,
.zybook-section .instructor-note .instructor-note-content,
.zybook-section .instructor-note .markdown-preview,
.signin-page .zb-message-container {
  -webkit-hyphens: auto;
          hyphens: auto;
  overflow-wrap: anywhere;
  word-break: normal;
}

.ellipse-word,
.zylab-table-section-header .zybook-graphic-container .zybook-details .zybook-title,
.zybook-chapter-add-lab-page .zb-table table .language-column,
.zybook-chapter-add-lab-page .zb-table table .author-column,
.zybook-chapter-add-lab-page .zb-table table .name-column .lab-title,
.bread-crumbs li,
.top-toolbar .breadcrumb-menu .breadcrumb-dropdown li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.card-header {
  font-size: 28px;
}

.card-header-large {
  font-size: 38px;
}

.section-header,
.about-page-modal h3,
.zybook-advanced-zylab-similarity-page .matches-container .matches-list-container h3,
.zybook-zylab-similarity-page .matches-container .matches-list-container h3,
.lab-statistics-charts .chart-container .chart-label,
.student-behavior-insights .outlier-label {
  color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
  font-size: 18px;
  margin-bottom: 8px;
}
.section-header.first,
.about-page-modal h3.first,
.zybook-advanced-zylab-similarity-page .matches-container .matches-list-container h3.first,
.zybook-zylab-similarity-page .matches-container .matches-list-container h3.first,
.lab-statistics-charts .chart-container .first.chart-label,
.student-behavior-insights .first.outlier-label {
  margin-top: 8px;
}

.no-user-select,
.modify-section .alignment-grid .side-menu,
.zb-nav-menu,
.top-toolbar .breadcrumb-menu .breadcrumb-menu-toggle,
.material-icons,
.material-icons-outlined,
.material-icons-two-tone,
.material-icons-round,
.material-icons-sharp,
.zb-checkbox,
.button,
.md-button-no-color,
.md-action-button,
.md-button {
  -webkit-tap-highlight-color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.no-focus *:focus, .no-focus:focus,
.insert-content .zb-button.expand-button *:focus,
.insert-content.expanded .add-content-button *:focus,
.zybook *:focus,
.zb-zybook-graphic *:focus,
.material-icons *:focus,
.material-icons-outlined *:focus,
.material-icons-two-tone *:focus,
.material-icons-round *:focus,
.material-icons-sharp *:focus,
.insert-content .zb-button.expand-button:focus,
.insert-content.expanded .add-content-button:focus,
.zybook:focus,
.zb-zybook-graphic:focus,
.material-icons:focus,
.material-icons-outlined:focus,
.material-icons-two-tone:focus,
.material-icons-round:focus,
.material-icons-sharp:focus {
  outline: none;
}

.flex-row,
.zybook-extension-modal .extension-modal-body .extend-controls-container .price-info-row,
.zybook-extension-modal .extension-modal-body .extend-controls-container .acknowledge-row,
.zybook-extension-modal .extension-modal-body .extend-controls-container .extend-button-row,
.feedback-modal .actions,
.webinar-info-modal .button-container,
.zybook-ordering-preview .loader,
.student-instructions-modal .instructions-container,
.request-refund-modal .refund-action-container,
.accessibility-modal .refund-action-container,
.manage-class-modal .form-row,
.manage-class-modal .dropped-students-card .active-students-container .student-actions-container,
.manage-class-modal .dropped-students-card .student-descriptions-container,
.catalog-take-class-modal .button-container,
.assignment-due-date-help-modal .section-content .graphic-row,
.assignment-due-date-help-modal .section-content .graphic-row .arrow-date-container .arrow-date-row,
.zybook-configure-admin-panel .configure-panel-control-row,
.zybook-configure-admin-panel .panel-content .controls,
.zybook-configure-panel .panel-content .panel-section,
.view-activity-panel .assignment-reporting-prompt-row,
.view-activity-panel .datetime-container-row,
.tests-panel .add-test-button-container,
.tests-panel .test-list li,
.tests-panel .export-row .export-formats,
.tests-panel .action-row,
.tests-panel .test-action-row,
.subscription-info-panel .email-input-row,
.subscription-info-panel .updating-subscription-container,
.my-class-student-panel .accessible-mode-container,
.my-class-student-panel .payment-info-container,
.my-class-student-panel .zy-subscribe-container,
.my-class-instructor-panel .panel-content .scrollable-content .manage-button-row,
.section-assignment-details .assignment-choices-container .button-chevron-container,
.section-assignment-details .assignment-choices-container .button-chevron-container .assignment-chevron-container,
.section-activity-details .activity-group-list .activity-list-item .zylab-total-score,
.lti-section-button .linked-item,
.chapter-expand-button,
.section-item .section-title-link-container,
.section-item .section-title-link,
.section-item .section-item-controls .linked-item,
.chapter-item .chapter-item-content,
.chapter-item .chapter-activity-type-selection,
.chapter-item .chapter-activity-type-selection .activity-type-container,
.chapter-item .section-list-container .empty-chapter-text,
.chapter-item .chapter-item-controls .title-edit-container,
.toc-item .item-controls,
.linked-toc,
.table-of-contents .about-toc-header .header-title .toc-title-copy-container,
.test-question-container,
.review-test .header-row,
.modify-section .zb-toolbar .zb-actions,
.zybook-panel .panel-content .extend-eval-action-row,
.zybook-section .instructor-note .instructor-note-header-row,
.zybook-section .instructor-note .edit-instructor-note-controls,
.zybook-section .instructor-note .edit-instructor-note-controls .note-action-row,
.zybook-section .instructor-note .instructor-note-controls,
.draggable-content-resource,
.modify-assignment .centered-flex-row,
.modify-assignment .due-date-container,
.modify-assignment .modify-assignment-button-container,
.assignment-due-date-lms-details,
.class-information .course-info-container,
.class-information .date-num-students-container,
.additional-material .zylab-info-row,
.additional-material .use-zylabs-row,
.additional-material .copy-customizations-row,
.add-instructors .add-instructor-container,
.add-instructors .add-instructor-container .instructor-info .name-inputs,
.zybook-advanced-zylab-similarity-page .overflow-card .zb-card-content .header,
.zybook-advanced-zylab-similarity-page .intro-container,
.zybook-advanced-zylab-similarity-page .matches-container,
.zybook-advanced-zylab-similarity-page .comparison-header-row,
.zybook-advanced-zylab-similarity-page .comparison-header-row .snippet-selection-container,
.zybook-zylab-similarity-page .overflow-card .zb-card-content .header,
.zybook-zylab-similarity-page .intro-container,
.zybook-zylab-similarity-page .matches-container,
.zybook-zylab-similarity-page .comparison-header-row,
.zybook-zylab-similarity-page .comparison-header-row .snippet-selection-container,
.not-found-page .section-banner,
.zybook-advanced-zylab-page .section-banner,
.zybook-chapter-print-page .section-banner,
.zybook-chapter-section-page .section-banner,
.zybook-chapter-section-loading-page .section-banner,
.zybook-create-section-page .section-banner,
.zybook-edit-section-page .section-banner,
.zybook-error-page .section-banner,
.zylab-ui-page .section-banner,
.zybook-unused-section-loading-page .section-banner,
.zybook-unused-section-page .section-banner,
.section-preview-modal .section-banner,
.not-found-page .section-banner .banner-content,
.zybook-advanced-zylab-page .section-banner .banner-content,
.zybook-chapter-print-page .section-banner .banner-content,
.zybook-chapter-section-page .section-banner .banner-content,
.zybook-chapter-section-loading-page .section-banner .banner-content,
.zybook-create-section-page .section-banner .banner-content,
.zybook-edit-section-page .section-banner .banner-content,
.zybook-error-page .section-banner .banner-content,
.zylab-ui-page .section-banner .banner-content,
.zybook-unused-section-loading-page .section-banner .banner-content,
.zybook-unused-section-page .section-banner .banner-content,
.section-preview-modal .section-banner .banner-content,
.not-found-page .section-banner .banner-content .duration-content,
.zybook-advanced-zylab-page .section-banner .banner-content .duration-content,
.zybook-chapter-print-page .section-banner .banner-content .duration-content,
.zybook-chapter-section-page .section-banner .banner-content .duration-content,
.zybook-chapter-section-loading-page .section-banner .banner-content .duration-content,
.zybook-create-section-page .section-banner .banner-content .duration-content,
.zybook-edit-section-page .section-banner .banner-content .duration-content,
.zybook-error-page .section-banner .banner-content .duration-content,
.zylab-ui-page .section-banner .banner-content .duration-content,
.zybook-unused-section-loading-page .section-banner .banner-content .duration-content,
.zybook-unused-section-page .section-banner .banner-content .duration-content,
.section-preview-modal .section-banner .banner-content .duration-content,
.not-found-page .section-header-row,
.zybook-advanced-zylab-page .section-header-row,
.zybook-chapter-print-page .section-header-row,
.zybook-chapter-section-page .section-header-row,
.zybook-chapter-section-loading-page .section-header-row,
.zybook-create-section-page .section-header-row,
.zybook-edit-section-page .section-header-row,
.zybook-error-page .section-header-row,
.zylab-ui-page .section-header-row,
.zybook-unused-section-loading-page .section-header-row,
.zybook-unused-section-page .section-header-row,
.section-preview-modal .section-header-row,
.not-found-page .section-header-row .section-action-container,
.zybook-advanced-zylab-page .section-header-row .section-action-container,
.zybook-chapter-print-page .section-header-row .section-action-container,
.zybook-chapter-section-page .section-header-row .section-action-container,
.zybook-chapter-section-loading-page .section-header-row .section-action-container,
.zybook-create-section-page .section-header-row .section-action-container,
.zybook-edit-section-page .section-header-row .section-action-container,
.zybook-error-page .section-header-row .section-action-container,
.zylab-ui-page .section-header-row .section-action-container,
.zybook-unused-section-loading-page .section-header-row .section-action-container,
.zybook-unused-section-page .section-header-row .section-action-container,
.section-preview-modal .section-header-row .section-action-container,
.not-found-page .section-test-questions-card .test-question-header-row,
.zybook-advanced-zylab-page .section-test-questions-card .test-question-header-row,
.zybook-chapter-print-page .section-test-questions-card .test-question-header-row,
.zybook-chapter-section-page .section-test-questions-card .test-question-header-row,
.zybook-chapter-section-loading-page .section-test-questions-card .test-question-header-row,
.zybook-create-section-page .section-test-questions-card .test-question-header-row,
.zybook-edit-section-page .section-test-questions-card .test-question-header-row,
.zybook-error-page .section-test-questions-card .test-question-header-row,
.zylab-ui-page .section-test-questions-card .test-question-header-row,
.zybook-unused-section-loading-page .section-test-questions-card .test-question-header-row,
.zybook-unused-section-page .section-test-questions-card .test-question-header-row,
.section-preview-modal .section-test-questions-card .test-question-header-row,
.zybook-chapter-section-page .assignment-completion-summary-card .header-row,
.zybook-chapter-section-page .assignment-completion-summary-card .header-row .assignment-completion-header,
.zybook-chapter-section-page .assignment-completion-summary-card .header-row .points-text-submit-button,
.zybook-chapter-section-page .assignment-completion-summary-card .due-date-message-row,
.zybook-getting-started-page .video-container,
.zybook-chapter-add-lab-page .search-input-container,
.zybook-chapter-print-page .section-container .print-actions,
.zybook-chapter-section-page-docked .section-container .zb-split-view .zybook-section-split-view-right .zystudio-payload .zystudio-container .activity-title-bar .activity-description .title-bar-chevron-container,
.view-request-card .header-container,
.review-adoption .header-container,
.view-request-card .zybook-graphic-item,
.review-adoption .zybook-graphic-item,
.view-request-card .additional-material,
.review-adoption .additional-material,
.instructor-verify-page .instructor-verify-section .eval-container .selected-zybook,
.zybook-renew-page .renew-card .class-info-row,
.zybook-renew-page .renew-card .zybook-info-row,
.zybook-renew-page .renew-card .zybook-info-row .zb-graphic-container,
.zybook-renew-page .renew-card .copy-row,
.zybook-renew-page .renew-card .course-info-row,
.zybook-renew-page .renew-card .instructor-info,
.zybook-renew-page .renew-card .action-row,
.zybook-renew-page .zb-modal-card-container .previous-class-books,
.adopt-page .zb-modal-card-container .previous-class-books,
.catalog-page .class-instructions,
.adopt-page .centered-content,
.adopt-page .flex-grow,
.adopt-page .request-progress .progress-row,
.adopt-page .request-progress .selected-zybook,
.adopt-page .request-progress .save-cancel-button-container,
.csv-file-container .centered-row,
.csv-file-container .files-row .file-container .file .file-submission-text .file-added-row,
.open-response .button-row,
.instr-set-sim-container .instr-set-sim-content,
.instr-set-sim-container .instr-set-sim-content .instructions .instruction-row,
.instr-set-sim-container .instr-set-sim-content .registers,
.instr-set-sim-container .instr-set-sim-content .registers .register-row,
.instr-set-sim-container .instr-set-sim-content .registers .register-row .register-row-input-highlightable,
.floating-point-value .floating-point-value-input-container,
.floating-point-value .floating-point-value-output-container,
.floating-point-value .floating-point-value-output-container .floating-point-value-output .floating-point-value-output-bits,
.color-picker .rgb-hex-container,
.color-picker .rgb-hex-container .rgb-inputs,
.color-picker .rgb-hex-container .hex-input-container,
.char-encoding,
.char-encoding .encoding-input,
.binary-decimal-converter,
.zylabs-edit .student-files .file-editor .editor-container .ace-editor-header,
.zylabs-edit .test-bench .test-base .test-container,
.file-io .add-file-container,
.basic-options .additionalflags-container,
.basic-options .command-container,
.basic-options .limit-options-table .limit-input-container,
.basic-options .option-content-container,
.zylabs-edit .lab-spec .text-area-controls .buttons-container,
.zylabs-edit .lab-spec .text-area-controls .buttons-container .markdown-button-container,
.zylabs-edit .lab-spec .matlab-points,
.zylabs-edit .header-and-button,
.zylabs-edit .zb-toolbar .zb-actions,
.availability-options .duration .duration-row,
.alert-app-error,
.zystudio-student-activity .zystudio-manual-test,
.zystudio-student-activity .zystudio-manual-test .input,
.zystudio-group-activity .zystudio-manual-test,
.zystudio-group-activity .zystudio-manual-test .input,
.test-title-container,
.test-result-row,
.zylab-submission-result .submission-result-controls,
.zylab-submission-result .submission-result-controls .hide-tests-container,
.test-result .test-header,
.test-result .test-header .test-title-container,
.test-result .test-result-row,
.zylab-signature .signature-header,
.programming-submission-content-resource .content-resource .view-submissions .submission-item-header,
.lti-content-resource .content-resource .view-submissions .submission-item-header,
.programming-submission-content-resource .content-resource .submit-container .submission-cap-throttle-container,
.programming-submission-content-resource .content-resource .submit-container .submitting-progress-container,
.programming-submission-content-resource .content-resource .submit-container .submission-row,
.submit-files .centered-row,
.submit-files .files-row .file-container .file .file-submission-text .file-added-row,
.activity-payload .programming-submission-payload .develop-submit-control-container,
.programming-submission-content-resource .content-resource .submit-container .latest-submission.zb-card .latest-submission-header,
.lab-statistics-charts,
.lab-statistics-charts .chart-container .chart,
.instructor-view-student-submissions .manual-test,
.instructor-view-student-submissions .manual-test .input,
.download-files .files-dl-row,
.download-files .files-dl-row .filenames-row,
.develop-container .develop-program-container .program-container,
.develop-container .output-files-container,
.student-behavior-insights .student-insights-row,
.class-statistics .download-date-filter,
.class-statistics .lab-statistics-row,
.class-statistics .student-insights-row,
.class-statistics .download-submission-container,
.zystudio-question,
.zyde .zyde-tool-container .container .output-files-container,
.programming-challenge .ace-editor-container,
.programming-challenge .loading-progress-container,
.programming-challenge .button-row,
.exercise-question .question,
.exercise-question .solution .solution-button,
.exercise-question .zb-message-container,
.definition-match-question,
.multiple-choice-question,
.definition-match-question.edit-question,
.multiple-choice-question.edit-question,
.definition-match-question.edit-question .question-instructions,
.multiple-choice-question.edit-question .question-instructions,
.interactive-activity-container .activity-title-bar .activity-description .title-bar-chevron-container,
.resource-container .activity-description .edit-activity-controls,
.static-container .activity-description .edit-activity-controls,
.interactive-activity-container .activity-description .edit-activity-controls,
.html-content-resource.edit,
.definition-match-payload .term-bank,
.definition-match-payload .definition-row,
.definition-match-payload .reset-button-container,
.custom-resource-payload .custom-tool-container,
.custom-resource-payload .custom-tool-container .mark-resource-complete-container,
.zylab-inline-editor .inline-editor-header .file-dropdown-container,
.zb-terminal-container .terminal-actions,
:where(.zb-scrollin-modal.zb-modal .zb-modal-content) .zb-toolbar .zb-actions,
.zybook-configure-panel .zb-toolbar .zb-actions,
.zybook-chapter-add-lab-page .bottom-toolbar .zb-actions,
.zb-rich-text-editor.video-editor,
.zb-rich-text-editor.iframe-editor,
.zb-rich-text-editor .fr-toolbar,
.zb-modal-banner,
.bread-crumbs,
.library-page .zybook-request-container,
.zb-footer,
.zb-file-viewer .output-file-header,
.zb-expandable-card &gt; .content-controls-container:not(.expanded),
.zb-expandable-card &gt; .content-controls-container.expanded &gt; .button-container,
.zb-selectable-zybook,
.zb-state-indicator,
.segmented-control,
.zb-segmented-control,
.zb-nav-menu ul.level-2 &gt; li a,
.zb-nav-menu .list-toggle,
.top-toolbar,
.top-toolbar .left-buttons,
.top-toolbar .right-buttons,
.top-toolbar .zb-breadcrumbs,
.zb-multi-step-container .title-container,
.zb-multi-step-container .navigation-container,
.zb-multi-step-container .navigation-container .nav-step-container,
.zb-choices-modal .actions,
.vm-it-section .left-side .zb-toolbar .zb-actions,
.vm-it-section .right-side .zb-toolbar .zb-actions,
.subscribe-student-panel .accessible-mode-container,
.subscribe-student-panel .zy-subscribe-container .access-key-input-container,
.adopt-workflow-step.select-a-zybook .zybook-graphics-container,
.adopt-workflow-step.additional-material .zybook-graphics-container,
.adopt-workflow-step.select-a-zybook .zybook-graphic-item,
.adopt-workflow-step.additional-material .zybook-graphic-item,
.find-zybook-section,
.question-set-question,
.question-set-question .required-explanation-message,
.programming-submission-exam-question .download-files .files-dl-row,
.programming-submission-exam-question .download-files .files-dl-row .filenames-row,
.zb-checkbox,
.assignment-section-summary .assignment-section-content .assignment-section-activity-info .activity-type-info-container .activity-list,
.assignment-section-summary .assignment-section-content .assignment-section-activity-info .activity-type-info-container .activity-list .activity-completion,
.content-resource.container-content-resource .dropzone-content,
.content-resource.container-content-resource.video .url-link-container,
.content-resource.container-content-resource.iframe .url-link-container,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar,
.zb-feedback .expanded-feedback .question-selection,
.zb-explanation .answers,
.zb-explanation .correct-choice-select-row {
  display: flex;
  flex-direction: row;
}

.flex-column,
.zybook-extension-modal .extension-modal-body,
.zybook-analytics .zb-modal-content,
.request-refund-modal .reason-container,
.accessibility-modal .reason-container,
.python-course-modal .zb-modal-content .flex-row .left-content,
.python-course-modal .zb-modal-content .flex-row .right-content,
.manage-class-modal .indented-section,
.manage-class-modal .dropped-students-card .active-students-container,
.manage-class-modal .dropped-students-card .active-students-container .active-student-info,
.manage-class-modal .dropped-students-card .dropped-students-container,
.assignment-due-date-help-modal .section-content .graphic-row .graphic-container,
.assignment-due-date-help-modal .section-content .graphic-row .arrow-date-container,
.zybook-configure-panel,
.zybook-configure-panel .ordering-info,
.view-activity-panel .datetime-container,
.section-item .section-title-link .section-info .section-title-info,
.chapter-item .toc-header-common,
.table-of-contents .configure-header .flex-column,
.table-of-contents .configure-header .info-column,
.table-of-contents,
.zylab-table-section-header .zybook-graphic-container .zybook-details,
.zybook-outline-filter .options .option,
.base-panel &gt; .zb-modal-banner .icon-container,
.test-question-container .test-question,
.modify-section .alignment-grid .side-menu,
.modify-section .zybook-section-container,
.markdown-cheatsheet,
.markdown-cheatsheet .markdown-example-textarea,
.zybook-panel-header.zybook.large .info,
.zybook-panel,
.zybook-panel .base-panel,
.zybook-section .instructor-note,
.insert-content,
.insert-content.expanded &gt; div,
.modify-assignment,
.class-information .date-num-students-container .datepicker-container,
.not-found-page .section-banner.hidden .banner-content,
.zybook-advanced-zylab-page .section-banner.hidden .banner-content,
.zybook-chapter-print-page .section-banner.hidden .banner-content,
.zybook-chapter-section-page .section-banner.hidden .banner-content,
.zybook-chapter-section-loading-page .section-banner.hidden .banner-content,
.zybook-create-section-page .section-banner.hidden .banner-content,
.zybook-edit-section-page .section-banner.hidden .banner-content,
.zybook-error-page .section-banner.hidden .banner-content,
.zylab-ui-page .section-banner.hidden .banner-content,
.zybook-unused-section-loading-page .section-banner.hidden .banner-content,
.zybook-unused-section-page .section-banner.hidden .banner-content,
.section-preview-modal .section-banner.hidden .banner-content,
.not-found-page .section-test-questions-card .zb-card-content,
.zybook-advanced-zylab-page .section-test-questions-card .zb-card-content,
.zybook-chapter-print-page .section-test-questions-card .zb-card-content,
.zybook-chapter-section-page .section-test-questions-card .zb-card-content,
.zybook-chapter-section-loading-page .section-test-questions-card .zb-card-content,
.zybook-create-section-page .section-test-questions-card .zb-card-content,
.zybook-edit-section-page .section-test-questions-card .zb-card-content,
.zybook-error-page .section-test-questions-card .zb-card-content,
.zylab-ui-page .section-test-questions-card .zb-card-content,
.zybook-unused-section-loading-page .section-test-questions-card .zb-card-content,
.zybook-unused-section-page .section-test-questions-card .zb-card-content,
.section-preview-modal .section-test-questions-card .zb-card-content,
.zybook-chapter-section-page .assignment-section-announcement .section-announcement-block-content,
.zybook-chapter-section-page .resubmit-assignment-announcement .section-announcement-block-content,
.zybook-chapter-section-page .assignment-completion-summary-card .due-date-message-row .submission-messaging-container,
.zybook-content-explorer-page .team-member,
.zybook-content-explorer-printable-page .team-member,
.zybook-getting-started-page,
.zybook-index-page .toc-container,
.zybook-chapter-add-lab-page,
.zybook-chapter-add-lab-page .add-lab-card .zb-card-content,
.zybook-chapter-print-page .section-container .shield,
.zybook-renew-page .renew-card .card-main-content,
.authoring-tools-index-page .authoring-tool,
.authoring-tools-animation-builder-page .authoring-tool,
.authoring-tools-block-ordering-builder-page .authoring-tool,
.authoring-tools-crid-reviewer-for-mathjax-upgrade-page .authoring-tool,
.authoring-tools-code-reading-progression-builder-page .authoring-tool,
.authoring-tools-code-writing-builder-page .authoring-tool,
.authoring-tools-guid-page .authoring-tool,
.authoring-tools-it-lab-images-manager-page .authoring-tool,
.authoring-tools-mathjax-2-and-4-page .authoring-tool,
.authoring-tools-mathworks-page .authoring-tool,
.authoring-tools-open-stax-python-code-runner-builder-page .authoring-tool,
.authoring-tools-parsons-coding-builder-page .authoring-tool,
.authoring-tools-progression-builder-page .authoring-tool,
.authoring-tools-question-generator-page .authoring-tool,
.authoring-tools-question-set-builder-page .authoring-tool,
.authoring-tools-streamlit-app-builder-page .authoring-tool,
.authoring-tools-zyanimator-page .authoring-tool,
.authoring-tools-zyflowchart-page .authoring-tool,
.authoring-tools-zystudio-page .authoring-tool,
.adopt-page .multi-step-wrapper,
.lti-accountnotfound-page .account-not-found-container,
.csv-file-container .files-row .file-container .file .file-submission-text,
.instr-set-sim-container .instr-set-sim-content .instructions,
.instr-set-sim-container .instr-set-sim-content .register-names,
.floating-point-value .floating-point-value-output-container .floating-point-value-output,
.floating-point-value .floating-point-value-output-container .floating-point-value-output .floating-point-value-output-bits .floating-point-value-output-bit,
.color-picker .slider-containers,
.binary-num .bit-container,
.binary-num .decimal-container,
.result-set-test .flex-column-equal-width,
.zylabs-edit .test-bench .expected-output-test .flex-column-equal-width,
.develop-mode .files-section,
.file-io .files-section,
.basic-options .option-content-container .radio-buttons-container,
.zylabs-edit .lab-spec .text-area-controls,
.zylabs-edit,
.zylabs-edit .lab-sections-container,
.zystudio-student-activity .zystudio-user-submission-details,
.zystudio-group-activity .zystudio-user-submission-details,
.zylabs-view-test-bench .test,
.zylabs-view-test-bench .test .test-description.expected-output,
.submit-files .files-row .file-container .file .file-submission-text,
.instructor-view-student-submissions .user-submission-details,
.develop-container .develop-program-container .program-container .program,
.student-behavior-insights .student-insights-row .insight-stat-container,
.class-statistics .lab-statistics-row .stat-container,
.class-statistics .student-insights-row .stat-container,
.class-statistics .download-submission-container .download-button-container,
.title-detail-item,
.exercise-question.question-set-question,
.exercise-question .solution,
.definition-match-question .question-choices,
.definition-match-question fieldset,
.multiple-choice-question .question-choices,
.multiple-choice-question fieldset,
.image-content-resource,
.interactive-activity-container.large.fullscreen,
.interactive-activity-container.medium.fullscreen,
.interactive-activity-container.small.fullscreen,
.static-container,
.definition-match-payload .definition-row .definition,
.zylab-inline-editor.is-narrow-width .inline-editor-header .file-dropdown-container,
:where(.zb-scrollin-modal.zb-modal .zb-modal-content),
.zb-file-viewer .file-content .centered,
.zb-expandable-card &gt; .content-controls-container.expanded,
.section-announcement .message-title-container,
.section-announcement .message-buttons-container,
.zb-nav-menu .chapter-labels,
.zb-nav-menu .section-labels,
.zb-multi-step-container .navigation-container .state-indicator-container,
.subscribe-student-panel .zy-subscribe-container,
.request-deferral-modal .zb-card .zb-card-content,
.stripe-cc-info,
.question-set-question .edit-question-controls,
.question-set-question .edit-question-controls .choices-controls,
.question-set-question .required-explanation-message .message,
.tags-list .zb-modal-content,
.manage-exam-question .edit-question-controls,
.manage-exam-question .edit-question-controls .choices-controls,
.zb-card,
.zb-card.loading-card .zb-card-content,
.zb-card-list .zb-card .zb-card-content,
.forgot-page .forgot-password-card .zb-card-content,
.forgot-page .instructor-verify-card .zb-card-content,
.forgot-page .reset-card .zb-card-content,
.forgot-page .sign-up-card .zb-card-content,
.forgot-page .signin-card .zb-card-content,
.reset-page .forgot-password-card .zb-card-content,
.reset-page .instructor-verify-card .zb-card-content,
.reset-page .reset-card .zb-card-content,
.reset-page .sign-up-card .zb-card-content,
.reset-page .signin-card .zb-card-content,
.signin-page .forgot-password-card .zb-card-content,
.signin-page .instructor-verify-card .zb-card-content,
.signin-page .reset-card .zb-card-content,
.signin-page .sign-up-card .zb-card-content,
.signin-page .signin-card .zb-card-content,
.signup-page .forgot-password-card .zb-card-content,
.signup-page .instructor-verify-card .zb-card-content,
.signup-page .reset-card .zb-card-content,
.signup-page .sign-up-card .zb-card-content,
.signup-page .signin-card .zb-card-content,
.instructor-verify-page .forgot-password-card .zb-card-content,
.instructor-verify-page .instructor-verify-card .zb-card-content,
.instructor-verify-page .reset-card .zb-card-content,
.instructor-verify-page .sign-up-card .zb-card-content,
.instructor-verify-page .signin-card .zb-card-content,
.modify-section .zybook-exam-section .access-controls,
.modify-section .zybook-exam-section .result-details,
.modify-section .zybook-access-controls-section .access-controls,
.modify-section .zybook-access-controls-section .result-details,
.modify-section .toolbar-container .toolbar-card,
.insert-content.in-side-menu,
.insert-content.in-section.expanded.inverted,
.insert-content.in-section.expanded.reversed:not(.inverted),
.not-found-page .time-remaining-toast,
.zybook-advanced-zylab-page .time-remaining-toast,
.zybook-chapter-print-page .time-remaining-toast,
.zybook-chapter-section-page .time-remaining-toast,
.zybook-chapter-section-loading-page .time-remaining-toast,
.zybook-create-section-page .time-remaining-toast,
.zybook-edit-section-page .time-remaining-toast,
.zybook-error-page .time-remaining-toast,
.zylab-ui-page .time-remaining-toast,
.zybook-unused-section-loading-page .time-remaining-toast,
.zybook-unused-section-page .time-remaining-toast,
.section-preview-modal .time-remaining-toast,
.unknown-content-resource,
.section-settings-menu,
.modify-section .zybook-exam-section .loading-card.access-controls .zb-card-content,
.modify-section .zybook-exam-section .loading-card.result-details .zb-card-content,
.modify-section .zybook-access-controls-section .loading-card.access-controls .zb-card-content,
.modify-section .zybook-access-controls-section .loading-card.result-details .zb-card-content,
.modify-section .toolbar-container .loading-card.toolbar-card .zb-card-content,
.loading-card.insert-content.in-side-menu .zb-card-content,
.loading-card.insert-content.in-section.expanded.inverted .zb-card-content,
.loading-card.insert-content.in-section.expanded.reversed:not(.inverted) .zb-card-content,
.not-found-page .loading-card.time-remaining-toast .zb-card-content,
.zybook-advanced-zylab-page .loading-card.time-remaining-toast .zb-card-content,
.zybook-chapter-print-page .loading-card.time-remaining-toast .zb-card-content,
.zybook-chapter-section-page .loading-card.time-remaining-toast .zb-card-content,
.zybook-chapter-section-loading-page .loading-card.time-remaining-toast .zb-card-content,
.zybook-create-section-page .loading-card.time-remaining-toast .zb-card-content,
.zybook-edit-section-page .loading-card.time-remaining-toast .zb-card-content,
.zybook-error-page .loading-card.time-remaining-toast .zb-card-content,
.zylab-ui-page .loading-card.time-remaining-toast .zb-card-content,
.zybook-unused-section-loading-page .loading-card.time-remaining-toast .zb-card-content,
.zybook-unused-section-page .loading-card.time-remaining-toast .zb-card-content,
.section-preview-modal .loading-card.time-remaining-toast .zb-card-content,
.loading-card.unknown-content-resource .zb-card-content,
.loading-card.section-settings-menu .zb-card-content,
.chevron-container {
  display: flex;
  flex-direction: column;
}

.flex-wrap,
.develop-container .output-files-container,
.zyde .zyde-tool-container .container .output-files-container {
  display: flex;
  flex-wrap: wrap;
}

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

.zb-input-label,
.zybook-outline-filter .options .option .parts-count,
.zybook-chapter-add-lab-page .select-label,
.zybook-chapter-add-lab-page .zb-table table .section-column-header th,
.result-set-test .load-data-label,
.develop-mode .load-data-label,
.basic-options .additionalflags-label,
.basic-options .command-label,
.zylabs-edit .lab-spec .lab-instructions-label,
.power-select-label {
  color: hsl(calc(var(--zb-semantic-color-input-label-h) + 0deg), calc(var(--zb-semantic-color-input-label-s) + 0%), calc(var(--zb-semantic-color-input-label-l) + 0%), calc(var(--zb-semantic-color-input-label-a) + 0));
  font-size: 12px;
  margin-bottom: 8px;
  pointer-events: none;
}

.validator-text,
.strict-equal-assert-result .type-message {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0)) !important;
}

.zybook-chapter-add-lab-page .zb-table table, .test-result .sql-output-container .result-table-container table, .develop-container .sql-output.result-set-container .result-table-container table, .markdown-content-resource table,
.lab-spec table, .two-reorderable-lists table, .block-ordering-pa2-column table, .block-ordering-ca2-column table, .vm-it-lab-content-resource .vm-it-lab-markdown table, .zb-rich-text-editor .zytable, .multiple-choice-exam-question .zytable, .content-resource.container-content-resource.table table, .content-tools-app .table table,
.zybook-section .table table,
.test-question .table table,
.unique .table table, .content-tools-app .table .dbTable,
.zybook-section .table .dbTable,
.test-question .table .dbTable,
.unique .table .dbTable, .content-tools-app .zytable,
.zybook-section .zytable,
.test-question .zytable,
.unique .zytable, .content-tools-app table.dbTable,
.content-tools-app .dbtable,
.zybook-section table.dbTable,
.zybook-section .dbtable,
.test-question table.dbTable,
.test-question .dbtable,
.unique table.dbTable,
.unique .dbtable {
  background: hsl(calc(var(--zb-semantic-color-table-background-h) + 0deg), calc(var(--zb-semantic-color-table-background-s) + 0%), calc(var(--zb-semantic-color-table-background-l) + 0%), calc(var(--zb-semantic-color-table-background-a) + 0));
  border: 2px solid hsl(calc(var(--zb-semantic-color-table-border-h) + 0deg), calc(var(--zb-semantic-color-table-border-s) + 0%), calc(var(--zb-semantic-color-table-border-l) + 0%), calc(var(--zb-semantic-color-table-border-a) + 0));
  border-collapse: collapse;
  color: hsl(calc(var(--zb-semantic-color-table-h) + 0deg), calc(var(--zb-semantic-color-table-s) + 0%), calc(var(--zb-semantic-color-table-l) + 0%), calc(var(--zb-semantic-color-table-a) + 0));
  margin: 0 auto;
}
.zybook-chapter-add-lab-page .zb-table table th, .test-result .sql-output-container .result-table-container table th, .develop-container .sql-output.result-set-container .result-table-container table th, .markdown-content-resource table th,
.lab-spec table th, .two-reorderable-lists table th, .block-ordering-pa2-column table th, .block-ordering-ca2-column table th, .vm-it-lab-content-resource .vm-it-lab-markdown table th, .zb-rich-text-editor .zytable th, .multiple-choice-exam-question .zytable th, .content-resource.container-content-resource.table table th, .content-tools-app .table table th,
.zybook-section .table table th,
.test-question .table table th,
.unique .table table th, .content-tools-app .table .dbTable th,
.zybook-section .table .dbTable th,
.test-question .table .dbTable th,
.unique .table .dbTable th, .content-tools-app .zytable th,
.zybook-section .zytable th,
.test-question .zytable th,
.unique .zytable th, .content-tools-app table.dbTable th,
.content-tools-app .dbtable th,
.zybook-section table.dbTable th,
.zybook-section .dbtable th,
.test-question table.dbTable th,
.test-question .dbtable th,
.unique table.dbTable th,
.unique .dbtable th {
  background-color: hsl(calc(var(--zb-semantic-color-table-header-background-h) + 0deg), calc(var(--zb-semantic-color-table-header-background-s) + 0%), calc(var(--zb-semantic-color-table-header-background-l) + 0%), calc(var(--zb-semantic-color-table-header-background-a) + 0));
  border: 1px solid hsl(calc(var(--zb-semantic-color-table-border-h) + 0deg), calc(var(--zb-semantic-color-table-border-s) + 0%), calc(var(--zb-semantic-color-table-border-l) + 0%), calc(var(--zb-semantic-color-table-border-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-table-header-h) + 0deg), calc(var(--zb-semantic-color-table-header-s) + 0%), calc(var(--zb-semantic-color-table-header-l) + 0%), calc(var(--zb-semantic-color-table-header-a) + 0));
  font-weight: 300;
  padding: 5px;
}
.zybook-chapter-add-lab-page .zb-table table td, .test-result .sql-output-container .result-table-container table td, .develop-container .sql-output.result-set-container .result-table-container table td, .markdown-content-resource table td,
.lab-spec table td, .two-reorderable-lists table td, .block-ordering-pa2-column table td, .block-ordering-ca2-column table td, .vm-it-lab-content-resource .vm-it-lab-markdown table td, .zb-rich-text-editor .zytable td, .multiple-choice-exam-question .zytable td, .content-resource.container-content-resource.table table td, .content-tools-app .table table td,
.zybook-section .table table td,
.test-question .table table td,
.unique .table table td, .content-tools-app .table .dbTable td,
.zybook-section .table .dbTable td,
.test-question .table .dbTable td,
.unique .table .dbTable td, .content-tools-app .zytable td,
.zybook-section .zytable td,
.test-question .zytable td,
.unique .zytable td, .content-tools-app table.dbTable td,
.content-tools-app .dbtable td,
.zybook-section table.dbTable td,
.zybook-section .dbtable td,
.test-question table.dbTable td,
.test-question .dbtable td,
.unique table.dbTable td,
.unique .dbtable td {
  border: 1px solid hsl(calc(var(--zb-semantic-color-table-border-h) + 0deg), calc(var(--zb-semantic-color-table-border-s) + 0%), calc(var(--zb-semantic-color-table-border-l) + 0%), calc(var(--zb-semantic-color-table-border-a) + 0));
  padding: 8px;
}

.content-tools-app .table .dbTable,
.zybook-section .table .dbTable,
.test-question .table .dbTable,
.unique .table .dbTable, .content-tools-app table.dbTable,
.content-tools-app .dbtable,
.zybook-section table.dbTable,
.zybook-section .dbtable,
.test-question table.dbTable,
.test-question .dbtable,
.unique table.dbTable,
.unique .dbtable {
  background: none;
  border: 2px solid hsl(calc(var(--zb-semantic-color-table-database-background-h) + 0deg), calc(var(--zb-semantic-color-table-database-background-s) + 0%), calc(var(--zb-semantic-color-table-database-background-l) + 0%), calc(var(--zb-semantic-color-table-database-background-a) + 0));
  border-collapse: collapse;
  font-size: 14px;
  margin: 0 auto;
}
.content-tools-app .table .dbTable caption,
.zybook-section .table .dbTable caption,
.test-question .table .dbTable caption,
.unique .table .dbTable caption, .content-tools-app table.dbTable caption,
.content-tools-app .dbtable caption,
.zybook-section table.dbTable caption,
.zybook-section .dbtable caption,
.test-question table.dbTable caption,
.test-question .dbtable caption,
.unique table.dbTable caption,
.unique .dbtable caption {
  font-size: 16px;
  margin-bottom: 4px;
}
.content-tools-app .table .dbTable th,
.zybook-section .table .dbTable th,
.test-question .table .dbTable th,
.unique .table .dbTable th, .content-tools-app table.dbTable th,
.content-tools-app .dbtable th,
.zybook-section table.dbTable th,
.zybook-section .dbtable th,
.test-question table.dbTable th,
.test-question .dbtable th,
.unique table.dbTable th,
.unique .dbtable th {
  background-color: hsl(calc(var(--zb-semantic-color-table-database-background-h) + 0deg), calc(var(--zb-semantic-color-table-database-background-s) + 0%), calc(var(--zb-semantic-color-table-database-background-l) + 0%), calc(var(--zb-semantic-color-table-database-background-a) + 0));
  border: 0;
  font-weight: normal;
  padding: 5px;
  text-align: left;
}
.content-tools-app .table .dbTable td,
.zybook-section .table .dbTable td,
.test-question .table .dbTable td,
.unique .table .dbTable td, .content-tools-app table.dbTable td,
.content-tools-app .dbtable td,
.zybook-section table.dbTable td,
.zybook-section .dbtable td,
.test-question table.dbTable td,
.test-question .dbtable td,
.unique table.dbTable td,
.unique .dbtable td {
  border: 0;
  border-right: 2px solid hsl(calc(var(--zb-semantic-color-table-database-background-h) + 0deg), calc(var(--zb-semantic-color-table-database-background-s) + 0%), calc(var(--zb-semantic-color-table-database-background-l) + 0%), calc(var(--zb-semantic-color-table-database-background-a) + 0));
  font-weight: normal;
  padding: 2px 4px;
}
.content-tools-app .table .dbTable .dbprimarykey::before,
.zybook-section .table .dbTable .dbprimarykey::before,
.test-question .table .dbTable .dbprimarykey::before,
.unique .table .dbTable .dbprimarykey::before, .content-tools-app table.dbTable .dbprimarykey::before,
.content-tools-app .dbtable .dbprimarykey::before,
.zybook-section table.dbTable .dbprimarykey::before,
.zybook-section .dbtable .dbprimarykey::before,
.test-question table.dbTable .dbprimarykey::before,
.test-question .dbtable .dbprimarykey::before,
.unique table.dbTable .dbprimarykey::before,
.unique .dbtable .dbprimarykey::before,
.content-tools-app .table .dbTable .dbPrimaryKey::before,
.zybook-section .table .dbTable .dbPrimaryKey::before,
.test-question .table .dbTable .dbPrimaryKey::before,
.unique .table .dbTable .dbPrimaryKey::before,
.content-tools-app table.dbTable .dbPrimaryKey::before,
.content-tools-app .dbtable .dbPrimaryKey::before,
.zybook-section table.dbTable .dbPrimaryKey::before,
.zybook-section .dbtable .dbPrimaryKey::before,
.test-question table.dbTable .dbPrimaryKey::before,
.test-question .dbtable .dbPrimaryKey::before,
.unique table.dbTable .dbPrimaryKey::before,
.unique .dbtable .dbPrimaryKey::before {
  content: "●";
}
.content-tools-app .table .dbTable .dbforeignkey::before,
.zybook-section .table .dbTable .dbforeignkey::before,
.test-question .table .dbTable .dbforeignkey::before,
.unique .table .dbTable .dbforeignkey::before, .content-tools-app table.dbTable .dbforeignkey::before,
.content-tools-app .dbtable .dbforeignkey::before,
.zybook-section table.dbTable .dbforeignkey::before,
.zybook-section .dbtable .dbforeignkey::before,
.test-question table.dbTable .dbforeignkey::before,
.test-question .dbtable .dbforeignkey::before,
.unique table.dbTable .dbforeignkey::before,
.unique .dbtable .dbforeignkey::before,
.content-tools-app .table .dbTable .dbForeignKey::before,
.zybook-section .table .dbTable .dbForeignKey::before,
.test-question .table .dbTable .dbForeignKey::before,
.unique .table .dbTable .dbForeignKey::before,
.content-tools-app table.dbTable .dbForeignKey::before,
.content-tools-app .dbtable .dbForeignKey::before,
.zybook-section table.dbTable .dbForeignKey::before,
.zybook-section .dbtable .dbForeignKey::before,
.test-question table.dbTable .dbForeignKey::before,
.test-question .dbtable .dbForeignKey::before,
.unique table.dbTable .dbForeignKey::before,
.unique .dbtable .dbForeignKey::before {
  content: "○";
}

.code-block-styling,
.markdown-content-resource pre code,
.lab-spec pre code,
.two-reorderable-lists pre code,
.block-ordering-pa2-column pre code,
.block-ordering-ca2-column pre code,
.vm-it-lab-content-resource .vm-it-lab-markdown pre code,
.zb-rich-text-editor .codeBlock,
.zb-rich-text-editor .fr-view pre,
.manage-exam-question .fr-class-code,
.multiple-choice-exam-question .fr-class-code,
.content-tools-app .fr-view pre,
.zybook-section .fr-view pre,
.test-question .fr-view pre,
.unique .fr-view pre,
.zybook-section.instructor-created-zybook-section .fr-view pre,
.programming-code-output,
.result-set-test .contracted-io,
.result-set-test .concatenate-io,
.zylabs-edit .test-bench .expected-output-test .contracted-io,
.zylabs-edit .test-bench .expected-output-test .concatenate-io,
.develop-container .develop-output,
.zyde .zyde-tool-container .programming-code-output,
.programming-submission-exam-question .develop-output,
.zb-explanation .answers .forfeit-answer {
  background-color: hsl(calc(var(--zb-semantic-color-background-h) + 0deg), calc(var(--zb-semantic-color-background-s) + 0%), calc(var(--zb-semantic-color-background-l) + 0%), calc(var(--zb-semantic-color-background-a) + 0));
  border: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + -0.5));
  border-radius: 2px;
  box-sizing: border-box;
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  display: block;
  font-family: "Courier", monospace, sans-serif;
  margin: 0;
  overflow-x: auto;
  padding: 4px 10px;
  white-space: pre-wrap;
}

.programming-code-output,
.result-set-test .contracted-io,
.result-set-test .concatenate-io,
.zylabs-edit .test-bench .expected-output-test .contracted-io,
.zylabs-edit .test-bench .expected-output-test .concatenate-io,
.develop-container .develop-output,
.zyde .zyde-tool-container .programming-code-output,
.programming-submission-exam-question .develop-output,
.zb-explanation .answers .forfeit-answer {
  color: hsl(calc(var(--zb-semantic-color-code-output-h) + 0deg), calc(var(--zb-semantic-color-code-output-s) + 0%), calc(var(--zb-semantic-color-code-output-l) + 0%), calc(var(--zb-semantic-color-code-output-a) + 0));
}
.programming-code-output.full-width,
.result-set-test .full-width.contracted-io,
.result-set-test .full-width.concatenate-io,
.zylabs-edit .test-bench .expected-output-test .full-width.contracted-io,
.zylabs-edit .test-bench .expected-output-test .full-width.concatenate-io,
.develop-container .full-width.develop-output,
.zyde .zyde-tool-container .full-width.programming-code-output,
.programming-submission-exam-question .full-width.develop-output,
.zb-explanation .answers .full-width.forfeit-answer {
  width: 100%;
}
.programming-code-output.error-output,
.result-set-test .error-output.contracted-io,
.result-set-test .error-output.concatenate-io,
.zylabs-edit .test-bench .expected-output-test .error-output.contracted-io,
.zylabs-edit .test-bench .expected-output-test .error-output.concatenate-io,
.develop-container .error-output.develop-output,
.zyde .zyde-tool-container .error-output.programming-code-output,
.programming-submission-exam-question .error-output.develop-output,
.zb-explanation .answers .error-output.forfeit-answer {
  border-left: 4px solid hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.programming-code-output.warning-output,
.result-set-test .warning-output.contracted-io,
.result-set-test .warning-output.concatenate-io,
.zylabs-edit .test-bench .expected-output-test .warning-output.contracted-io,
.zylabs-edit .test-bench .expected-output-test .warning-output.concatenate-io,
.develop-container .warning-output.develop-output,
.zyde .zyde-tool-container .warning-output.programming-code-output,
.programming-submission-exam-question .warning-output.develop-output,
.zb-explanation .answers .warning-output.forfeit-answer {
  border-left: 4px solid hsl(calc(var(--zb-semantic-color-highlight-h) + 0deg), calc(var(--zb-semantic-color-highlight-s) + 0%), calc(var(--zb-semantic-color-highlight-l) + 0%), calc(var(--zb-semantic-color-highlight-a) + 0));
}
.programming-code-output.no-wrap,
.result-set-test .no-wrap.contracted-io,
.result-set-test .no-wrap.concatenate-io,
.zylabs-edit .test-bench .expected-output-test .no-wrap.contracted-io,
.zylabs-edit .test-bench .expected-output-test .no-wrap.concatenate-io,
.develop-container .no-wrap.develop-output,
.zyde .zyde-tool-container .no-wrap.programming-code-output,
.programming-submission-exam-question .no-wrap.develop-output,
.zb-explanation .answers .no-wrap.forfeit-answer {
  white-space: pre;
}
.programming-code-output.whitespace-normal,
.result-set-test .whitespace-normal.contracted-io,
.result-set-test .whitespace-normal.concatenate-io,
.zylabs-edit .test-bench .expected-output-test .whitespace-normal.contracted-io,
.zylabs-edit .test-bench .expected-output-test .whitespace-normal.concatenate-io,
.develop-container .whitespace-normal.develop-output,
.zyde .zyde-tool-container .whitespace-normal.programming-code-output,
.programming-submission-exam-question .whitespace-normal.develop-output,
.zb-explanation .answers .whitespace-normal.forfeit-answer {
  white-space: normal;
}

.html-content blockquote {
  border-left-width: 2px;
}
.html-content blockquote::before {
  content: none;
}
.html-content pre {
  background-color: rgba(0, 0, 0, 0.05);
}
.html-content p &gt; code {
  background-color: rgba(0, 0, 0, 0.05);
}
.html-content ol {
  counter-reset: item;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.html-content ol li {
  counter-increment: item;
  display: table;
  margin-bottom: 0.6em;
}
.html-content ol li::before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;
}
.html-content ol li li {
  margin: 0;
}
.html-content ol li li::before {
  content: counters(item, ".") " ";
}
.html-content ul {
  padding-left: 1rem;
}

.resource-icon {
  position: relative;
}
.resource-icon &gt; .overlay-text {
  color: hsl(calc(var(--zb-semantic-color-icon-h) + 0deg), calc(var(--zb-semantic-color-icon-s) + 0%), calc(var(--zb-semantic-color-icon-l) + 0%), calc(var(--zb-semantic-color-icon-a) + 0));
  font-weight: 500;
  position: absolute;
  top: 0;
}
.resource-icon &gt; .overlay-text.extra-small {
  font-size: 12px;
}
.resource-icon &gt; .overlay-text.small {
  font-size: 14px;
}
.resource-icon &gt; .overlay-text.medium {
  font-size: 16px;
}

.zb-divider {
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  height: 0;
  width: 100%;
}

.default-browser-outline,
.subscription-info-panel .subscription-info-container .ember-basic-dropdown-trigger:focus,
.chapter-item .toc-header-common:focus,
.zybook-panel .tabs button:focus,
.catalog-page .zybooks-container .zybook:focus,
.zb-select-container .select select:focus,
.zybooks-container .zybook:focus,
.top-toolbar .right-buttons .ember-basic-dropdown-trigger:focus,
.top-toolbar .right-buttons .ember-basic-dropdown-content button:focus,
.zb-checkbox input:focus,
.forgot-page .zb-card.forgot-password-card .card-header-large:focus {
  outline: 5px auto -webkit-focus-ring-color;
}

.button-no-style,
.student-instructions-modal .copy-instructions-to-clipboard-button,
.chapter-item .chapter-activity-type-selection .activity-type-container {
  background-color: transparent;
  border: 0;
  cursor: pointer;
}

.scroll-shadow {
  background: linear-gradient(hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0)) 33%, rgba(211, 207, 210, 0)), linear-gradient(rgba(211, 207, 210, 0) hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0)) 66%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(150, 150, 150, 0.5), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(150, 150, 150, 0.5), rgba(0, 0, 0, 0)) 0 100%;
  background-attachment: local, local, scroll, scroll;
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  background-repeat: no-repeat;
  background-size: 100% 15px, 100% 15px, 100% 5px, 100% 5px;
}

.no-scroll-route {
  height: 100vh;
}

.no-scroll-route-toolbar,
.zybook-index-page {
  height: calc(100vh - 56px);
}

.reorderable-lists-instructions .reorderable-lists-controls kbd, .animation-builder kbd, :where(.zb-sortable-instructions) kbd {
  background-color: hsl(calc(var(--zb-semantic-color-grey-background-h) + 0deg), calc(var(--zb-semantic-color-grey-background-s) + 0%), calc(var(--zb-semantic-color-grey-background-l) + 0%), calc(var(--zb-semantic-color-grey-background-a) + 0));
  border: 1px solid #b4b4b4;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 0 0 rgba(255, 255, 255, 0.7) inset;
  color: #444444;
  display: inline-block;
  font-size: 0.85em;
  font-weight: bold;
  line-height: 1;
  padding: 2px 4px;
  white-space: nowrap;
}

.assistive-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.challenge-activity-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-challenge-h) + 0deg), calc(var(--zb-semantic-color-zybook-challenge-s) + 0%), calc(var(--zb-semantic-color-zybook-challenge-l) + 0%), calc(var(--zb-semantic-color-zybook-challenge-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
}

.lab-activity-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-lab-h) + 0deg), calc(var(--zb-semantic-color-zybook-lab-s) + 0%), calc(var(--zb-semantic-color-zybook-lab-l) + 0%), calc(var(--zb-semantic-color-zybook-lab-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
}

.exercise-activity-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-exercise-h) + 0deg), calc(var(--zb-semantic-color-zybook-exercise-s) + 0%), calc(var(--zb-semantic-color-zybook-exercise-l) + 0%), calc(var(--zb-semantic-color-zybook-exercise-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
}

.participation-activity-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-participation-h) + 0deg), calc(var(--zb-semantic-color-zybook-participation-s) + 0%), calc(var(--zb-semantic-color-zybook-participation-l) + 0%), calc(var(--zb-semantic-color-zybook-participation-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
}

.static-activity-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-static-h) + 0deg), calc(var(--zb-semantic-color-zybook-static-s) + 0%), calc(var(--zb-semantic-color-zybook-static-l) + 0%), calc(var(--zb-semantic-color-zybook-static-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
}

.studio-activity-color {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-studio-h) + 0deg), calc(var(--zb-semantic-color-zybook-studio-s) + 0%), calc(var(--zb-semantic-color-zybook-studio-l) + 0%), calc(var(--zb-semantic-color-zybook-studio-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
}

.success {
  color: hsl(calc(var(--zb-semantic-color-success-h) + 0deg), calc(var(--zb-semantic-color-success-s) + 0%), calc(var(--zb-semantic-color-success-l) + 0%), calc(var(--zb-semantic-color-success-a) + 0));
}

.error {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}

.grey-border {
  border-color: hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
}

.primary-color-hover:hover {
  color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
}

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
.container{
  width: 100%;
}
@media (min-width: 640px){
  .container{
    max-width: 640px;
  }
}
@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}
@media (min-width: 1024px){
  .container{
    max-width: 1024px;
  }
}
@media (min-width: 1280px){
  .container{
    max-width: 1280px;
  }
}
@media (min-width: 1536px){
  .container{
    max-width: 1536px;
  }
}
.\!visible{
  visibility: visible !important;
}
.visible{
  visibility: visible;
}
.invisible{
  visibility: hidden;
}
.collapse{
  visibility: collapse;
}
.static{
  position: static;
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.sticky{
  position: sticky;
}
.-left-9{
  left: -2.25rem;
}
.-top-2\/3{
  top: -66.666667%;
}
.-top-4{
  top: -1rem;
}
.-top-8{
  top: -2rem;
}
.-top-9{
  top: -2.25rem;
}
.bottom-0{
  bottom: 0px;
}
.left-1\/2{
  left: 50%;
}
.left-28{
  left: 7rem;
}
.top-1\/2{
  top: 50%;
}
.top-1\/4{
  top: 25%;
}
.top-2{
  top: 0.5rem;
}
.top-20{
  top: 5rem;
}
.z-0{
  z-index: 0;
}
.z-10{
  z-index: 10;
}
.z-20{
  z-index: 20;
}
.z-50{
  z-index: 50;
}
.order-first{
  order: -9999;
}
.col-auto{
  grid-column: auto;
}
.col-start-2{
  grid-column-start: 2;
}
.row-auto{
  grid-row: auto;
}
.float-right{
  float: right;
}
.float-left{
  float: left;
}
.m-0{
  margin: 0px;
}
.m-2{
  margin: 0.5rem;
}
.m-3{
  margin: 0.75rem;
}
.m-4{
  margin: 1rem;
}
.m-auto{
  margin: auto;
}
.mx-0{
  margin-left: 0px;
  margin-right: 0px;
}
.mx-1{
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-12{
  margin-left: 3rem;
  margin-right: 3rem;
}
.mx-2{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-3{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-4{
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-5{
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.mx-6{
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.mx-7{
  margin-left: 1.75rem;
  margin-right: 1.75rem;
}
.mx-8{
  margin-left: 2rem;
  margin-right: 2rem;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-0{
  margin-top: 0px;
  margin-bottom: 0px;
}
.my-1{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-2{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-3{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-5{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.my-6{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.my-8{
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my-auto{
  margin-top: auto;
  margin-bottom: auto;
}
.my-px{
  margin-top: 1px;
  margin-bottom: 1px;
}
.-ml-2{
  margin-left: -0.5rem;
}
.-ml-4{
  margin-left: -1rem;
}
.mb-0{
  margin-bottom: 0px;
}
.mb-0\.5{
  margin-bottom: 0.125rem;
}
.mb-1{
  margin-bottom: 0.25rem;
}
.mb-1\.5{
  margin-bottom: 0.375rem;
}
.mb-10{
  margin-bottom: 2.5rem;
}
.mb-2{
  margin-bottom: 0.5rem;
}
.mb-3{
  margin-bottom: 0.75rem;
}
.mb-4{
  margin-bottom: 1rem;
}
.mb-5{
  margin-bottom: 1.25rem;
}
.mb-6{
  margin-bottom: 1.5rem;
}
.mb-8{
  margin-bottom: 2rem;
}
.ml-0{
  margin-left: 0px;
}
.ml-0\.5{
  margin-left: 0.125rem;
}
.ml-1{
  margin-left: 0.25rem;
}
.ml-1\.5{
  margin-left: 0.375rem;
}
.ml-10{
  margin-left: 2.5rem;
}
.ml-12{
  margin-left: 3rem;
}
.ml-16{
  margin-left: 4rem;
}
.ml-2{
  margin-left: 0.5rem;
}
.ml-20{
  margin-left: 5rem;
}
.ml-3{
  margin-left: 0.75rem;
}
.ml-4{
  margin-left: 1rem;
}
.ml-5{
  margin-left: 1.25rem;
}
.ml-6{
  margin-left: 1.5rem;
}
.ml-7{
  margin-left: 1.75rem;
}
.ml-8{
  margin-left: 2rem;
}
.ml-9{
  margin-left: 2.25rem;
}
.ml-auto{
  margin-left: auto;
}
.mr-0{
  margin-right: 0px;
}
.mr-1{
  margin-right: 0.25rem;
}
.mr-10{
  margin-right: 2.5rem;
}
.mr-11{
  margin-right: 2.75rem;
}
.mr-12{
  margin-right: 3rem;
}
.mr-16{
  margin-right: 4rem;
}
.mr-2{
  margin-right: 0.5rem;
}
.mr-2\.5{
  margin-right: 0.625rem;
}
.mr-3{
  margin-right: 0.75rem;
}
.mr-4{
  margin-right: 1rem;
}
.mr-5{
  margin-right: 1.25rem;
}
.mr-6{
  margin-right: 1.5rem;
}
.mr-7{
  margin-right: 1.75rem;
}
.mr-8{
  margin-right: 2rem;
}
.mr-auto{
  margin-right: auto;
}
.mt-0{
  margin-top: 0px;
}
.mt-0\.5{
  margin-top: 0.125rem;
}
.mt-1{
  margin-top: 0.25rem;
}
.mt-10{
  margin-top: 2.5rem;
}
.mt-12{
  margin-top: 3rem;
}
.mt-2{
  margin-top: 0.5rem;
}
.mt-2\.5{
  margin-top: 0.625rem;
}
.mt-3{
  margin-top: 0.75rem;
}
.mt-4{
  margin-top: 1rem;
}
.mt-5{
  margin-top: 1.25rem;
}
.mt-6{
  margin-top: 1.5rem;
}
.mt-7{
  margin-top: 1.75rem;
}
.mt-8{
  margin-top: 2rem;
}
.mt-9{
  margin-top: 2.25rem;
}
.mt-auto{
  margin-top: auto;
}
.block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.inline{
  display: inline;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.table{
  display: table;
}
.grid{
  display: grid;
}
.contents{
  display: contents;
}
.\!hidden{
  display: none !important;
}
.hidden{
  display: none;
}
.h-0{
  height: 0px;
}
.h-1{
  height: 0.25rem;
}
.h-10{
  height: 2.5rem;
}
.h-12{
  height: 3rem;
}
.h-16{
  height: 4rem;
}
.h-20{
  height: 5rem;
}
.h-3{
  height: 0.75rem;
}
.h-40{
  height: 10rem;
}
.h-48{
  height: 12rem;
}
.h-5{
  height: 1.25rem;
}
.h-56{
  height: 14rem;
}
.h-6{
  height: 1.5rem;
}
.h-64{
  height: 16rem;
}
.h-7{
  height: 1.75rem;
}
.h-8{
  height: 2rem;
}
.h-9{
  height: 2.25rem;
}
.h-96{
  height: 24rem;
}
.h-auto{
  height: auto;
}
.h-fit{
  height: -moz-fit-content;
  height: fit-content;
}
.h-full{
  height: 100%;
}
.h-max{
  height: -moz-max-content;
  height: max-content;
}
.max-h-36{
  max-height: 9rem;
}
.max-h-48{
  max-height: 12rem;
}
.max-h-full{
  max-height: 100%;
}
.min-h-10{
  min-height: 2.5rem;
}
.min-h-20{
  min-height: 5rem;
}
.min-h-\[45px\]{
  min-height: 45px;
}
.w-0{
  width: 0px;
}
.w-0\.5{
  width: 0.125rem;
}
.w-1\/12{
  width: 8.333333%;
}
.w-1\/2{
  width: 50%;
}
.w-1\/3{
  width: 33.333333%;
}
.w-1\/4{
  width: 25%;
}
.w-1\/5{
  width: 20%;
}
.w-1\/6{
  width: 16.666667%;
}
.w-10\/12{
  width: 83.333333%;
}
.w-11\/12{
  width: 91.666667%;
}
.w-12{
  width: 3rem;
}
.w-16{
  width: 4rem;
}
.w-2{
  width: 0.5rem;
}
.w-2\/12{
  width: 16.666667%;
}
.w-2\/3{
  width: 66.666667%;
}
.w-2\/5{
  width: 40%;
}
.w-2\/6{
  width: 33.333333%;
}
.w-20{
  width: 5rem;
}
.w-24{
  width: 6rem;
}
.w-28{
  width: 7rem;
}
.w-3\/12{
  width: 25%;
}
.w-3\/4{
  width: 75%;
}
.w-3\/5{
  width: 60%;
}
.w-32{
  width: 8rem;
}
.w-36{
  width: 9rem;
}
.w-4\/5{
  width: 80%;
}
.w-40{
  width: 10rem;
}
.w-44{
  width: 11rem;
}
.w-48{
  width: 12rem;
}
.w-5\/12{
  width: 41.666667%;
}
.w-5\/6{
  width: 83.333333%;
}
.w-52{
  width: 13rem;
}
.w-56{
  width: 14rem;
}
.w-60{
  width: 15rem;
}
.w-64{
  width: 16rem;
}
.w-8{
  width: 2rem;
}
.w-8\/12{
  width: 66.666667%;
}
.w-96{
  width: 24rem;
}
.w-\[600px\]{
  width: 600px;
}
.w-\[950px\]{
  width: 950px;
}
.w-auto{
  width: auto;
}
.w-fit{
  width: -moz-fit-content;
  width: fit-content;
}
.w-full{
  width: 100%;
}
.w-max{
  width: -moz-max-content;
  width: max-content;
}
.w-min{
  width: -moz-min-content;
  width: min-content;
}
.min-w-24{
  min-width: 6rem;
}
.max-w-4xl{
  max-width: 56rem;
}
.max-w-5xl{
  max-width: 64rem;
}
.max-w-\[1000px\]{
  max-width: 1000px;
}
.max-w-\[480px\]{
  max-width: 480px;
}
.max-w-\[500px\]{
  max-width: 500px;
}
.max-w-\[600px\]{
  max-width: 600px;
}
.max-w-\[850px\]{
  max-width: 850px;
}
.max-w-\[900px\]{
  max-width: 900px;
}
.max-w-\[939px\]{
  max-width: 939px;
}
.max-w-\[960px\]{
  max-width: 960px;
}
.max-w-full{
  max-width: 100%;
}
.max-w-xs{
  max-width: 20rem;
}
.flex-1{
  flex: 1 1 0%;
}
.flex-none{
  flex: none;
}
.shrink{
  flex-shrink: 1;
}
.flex-grow{
  flex-grow: 1;
}
.grow{
  flex-grow: 1;
}
.basis-1\/2{
  flex-basis: 50%;
}
.basis-full{
  flex-basis: 100%;
}
.border-collapse{
  border-collapse: collapse;
}
.rotate-180{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-move{
  cursor: move;
}
.cursor-pointer{
  cursor: pointer;
}
.resize-y{
  resize: vertical;
}
.resize{
  resize: both;
}
.list-none{
  list-style-type: none;
}
.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.flex-row{
  flex-direction: row;
}
.flex-col{
  flex-direction: column;
}
.flex-wrap{
  flex-wrap: wrap;
}
.place-content-between{
  place-content: space-between;
}
.place-items-center{
  place-items: center;
}
.content-center{
  align-content: center;
}
.items-start{
  align-items: flex-start;
}
.items-end{
  align-items: flex-end;
}
.items-center{
  align-items: center;
}
.items-baseline{
  align-items: baseline;
}
.justify-start{
  justify-content: flex-start;
}
.justify-end{
  justify-content: flex-end;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.justify-around{
  justify-content: space-around;
}
.justify-evenly{
  justify-content: space-evenly;
}
.gap-0{
  gap: 0px;
}
.gap-2{
  gap: 0.5rem;
}
.gap-4{
  gap: 1rem;
}
.gap-5{
  gap: 1.25rem;
}
.gap-y-5{
  row-gap: 1.25rem;
}
.space-x-0 &gt; :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0px * var(--tw-space-x-reverse));
  margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 &gt; :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 &gt; :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-6 &gt; :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-8 &gt; :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(2rem * var(--tw-space-x-reverse));
  margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-0 &gt; :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
.space-y-2 &gt; :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.self-start{
  align-self: flex-start;
}
.self-end{
  align-self: flex-end;
}
.self-center{
  align-self: center;
}
.self-stretch{
  align-self: stretch;
}
.justify-self-end{
  justify-self: end;
}
.overflow-auto{
  overflow: auto;
}
.overflow-hidden{
  overflow: hidden;
}
.overflow-visible{
  overflow: visible;
}
.overflow-x-auto{
  overflow-x: auto;
}
.overflow-y-auto{
  overflow-y: auto;
}
.overflow-x-hidden{
  overflow-x: hidden;
}
.overflow-x-clip{
  overflow-x: clip;
}
.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-ellipsis{
  text-overflow: ellipsis;
}
.whitespace-normal{
  white-space: normal;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.whitespace-pre{
  white-space: pre;
}
.whitespace-pre-wrap{
  white-space: pre-wrap;
}
.text-wrap{
  text-wrap: wrap;
}
.break-words{
  overflow-wrap: break-word;
}
.break-all{
  word-break: break-all;
}
.rounded{
  border-radius: 0.25rem;
}
.rounded-3xl{
  border-radius: 1.5rem;
}
.rounded-md{
  border-radius: 0.375rem;
}
.border{
  border-width: 1px;
}
.border-0{
  border-width: 0px;
}
.border-2{
  border-width: 2px;
}
.border-8{
  border-width: 8px;
}
.\!border-l-0{
  border-left-width: 0px !important;
}
.\!border-r-0{
  border-right-width: 0px !important;
}
.border-b{
  border-bottom-width: 1px;
}
.border-b-2{
  border-bottom-width: 2px;
}
.border-l-0{
  border-left-width: 0px;
}
.border-r-0{
  border-right-width: 0px;
}
.border-t-0{
  border-top-width: 0px;
}
.border-solid{
  border-style: solid;
}
.border-dashed{
  border-style: dashed;
}
.border-dotted{
  border-style: dotted;
}
.border-none{
  border-style: none;
}
.border-black{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.border-neutral-400{
  --tw-border-opacity: 1;
  border-color: rgb(163 163 163 / var(--tw-border-opacity, 1));
}
.border-slate-300{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}
.border-transparent{
  border-color: transparent;
}
.\!bg-inherit{
  background-color: inherit !important;
}
.bg-blue-100{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}
.bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-gray-200{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.bg-inherit{
  background-color: inherit;
}
.bg-red-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.p-0{
  padding: 0px;
}
.p-0\.5{
  padding: 0.125rem;
}
.p-1{
  padding: 0.25rem;
}
.p-2{
  padding: 0.5rem;
}
.p-3{
  padding: 0.75rem;
}
.p-4{
  padding: 1rem;
}
.p-5{
  padding: 1.25rem;
}
.px-0{
  padding-left: 0px;
  padding-right: 0px;
}
.px-16{
  padding-left: 4rem;
  padding-right: 4rem;
}
.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.py-0{
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.pb-0{
  padding-bottom: 0px;
}
.pb-1{
  padding-bottom: 0.25rem;
}
.pb-2{
  padding-bottom: 0.5rem;
}
.pb-3{
  padding-bottom: 0.75rem;
}
.pb-4{
  padding-bottom: 1rem;
}
.pb-5{
  padding-bottom: 1.25rem;
}
.pb-7{
  padding-bottom: 1.75rem;
}
.pl-0\.5{
  padding-left: 0.125rem;
}
.pl-1{
  padding-left: 0.25rem;
}
.pl-11{
  padding-left: 2.75rem;
}
.pl-2{
  padding-left: 0.5rem;
}
.pl-2\.5{
  padding-left: 0.625rem;
}
.pl-20{
  padding-left: 5rem;
}
.pl-4{
  padding-left: 1rem;
}
.pl-5{
  padding-left: 1.25rem;
}
.pl-8{
  padding-left: 2rem;
}
.pr-11{
  padding-right: 2.75rem;
}
.pr-2{
  padding-right: 0.5rem;
}
.pr-4{
  padding-right: 1rem;
}
.pr-8{
  padding-right: 2rem;
}
.pt-0\.5{
  padding-top: 0.125rem;
}
.pt-1{
  padding-top: 0.25rem;
}
.pt-2{
  padding-top: 0.5rem;
}
.pt-3{
  padding-top: 0.75rem;
}
.pt-4{
  padding-top: 1rem;
}
.pt-5{
  padding-top: 1.25rem;
}
.pt-7{
  padding-top: 1.75rem;
}
.pt-8{
  padding-top: 2rem;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.align-middle{
  vertical-align: middle;
}
.align-bottom{
  vertical-align: bottom;
}
.font-mono{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl{
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-bold{
  font-weight: 700;
}
.font-light{
  font-weight: 300;
}
.font-medium{
  font-weight: 500;
}
.font-normal{
  font-weight: 400;
}
.font-semibold{
  font-weight: 600;
}
.uppercase{
  text-transform: uppercase;
}
.lowercase{
  text-transform: lowercase;
}
.capitalize{
  text-transform: capitalize;
}
.italic{
  font-style: italic;
}
.ordinal{
  --tw-ordinal: ordinal;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.leading-7{
  line-height: 1.75rem;
}
.leading-8{
  line-height: 2rem;
}
.text-blue-500{
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}
.text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-gray-800{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.text-red-500{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-red-600{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.underline{
  text-decoration-line: underline;
}
.overline{
  text-decoration-line: overline;
}
.no-underline{
  text-decoration-line: none;
}
.opacity-0{
  opacity: 0;
}
.opacity-100{
  opacity: 1;
}
.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline{
  outline-style: solid;
}
.outline-2{
  outline-width: 2px;
}
.outline-red-500{
  outline-color: #ef4444;
}
.ring{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.blur{
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.\!transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[transform\]{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[width\]{
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.text-main {
    color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  }
.whitespace-nowrap {
    white-space: nowrap;
  }
.text-med {
    font-size: 16px;
  }
.text-13 {
    font-size: 13px;
  }
.shadow {
    --tw-shadow:
        0 1px 3px 0 hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.8)), 0 1px 2px -1px hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.8));
    box-shadow: var(--tw-ring-offset-shadow, 0 0 hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.8))), var(--tw-ring-shadow, 0 0 hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.8))), var(--tw-shadow);
  }
.highlighttable .code {
  padding-left: 4px;
}
.highlighttable .linenos {
  background-color: #e8e8e8;
  font-size: 14px;
  line-height: 118%;
  padding: 0 4px;
}

.highlight pre {
  font-size: 14px !important;
  line-height: 118%;
  white-space: pre;
}
.highlight .hll {
  background-color: #ffffff;
}
.highlight .w {
  color: #5c5c5c;
}
.highlight .k {
  color: #0000aa;
}
.highlight .kc {
  color: #0000aa;
}
.highlight .kd {
  color: #0000aa;
}
.highlight .kn {
  color: #0000aa;
}
.highlight .kp {
  color: #0000aa;
}
.highlight .kr {
  color: #0000aa;
}
.highlight .kt {
  color: #006464;
}
.highlight .n {
  color: #000000;
}
.highlight .na {
  color: #0000aa;
}
.highlight .nb {
  color: #006464;
}
.highlight .bp {
  color: #006464;
}
.highlight .nc {
  color: #006900;
}
.highlight .no {
  color: #a00000;
}
.highlight .nd {
  color: #5c5c5c;
}
.highlight .ni {
  color: #a00000;
  font-weight: bold;
}
.highlight .ne {
  color: #a00000;
  font-weight: bold;
}
.highlight .nf {
  color: #000000;
}
.highlight .fm {
  color: #006900;
}
.highlight .nl {
  color: #006900;
}
.highlight .nn {
  color: #006464;
}
.highlight .nt {
  color: #0000aa;
  font-weight: bold;
}
.highlight .nv {
  color: #a00000;
}
.highlight .vc {
  color: #a00000;
}
.highlight .vg {
  color: #a00000;
}
.highlight .vi {
  color: #a00000;
}
.highlight .vm {
  color: #a00000;
}
.highlight .s {
  color: #914700;
}
.highlight .sa {
  color: #914700;
}
.highlight .sb {
  color: #914700;
}
.highlight .sc {
  color: #914700;
}
.highlight .dl {
  color: #914700;
}
.highlight .sd {
  color: #914700;
}
.highlight .s2 {
  color: #914700;
}
.highlight .se {
  color: #914700;
}
.highlight .sh {
  color: #914700;
}
.highlight .si {
  color: #914700;
}
.highlight .sx {
  color: #914700;
}
.highlight .sr {
  color: #006464;
}
.highlight .s1 {
  color: #914700;
}
.highlight .ss {
  color: #0000aa;
}
.highlight .m {
  color: #006464;
}
.highlight .mb {
  color: #006464;
}
.highlight .mf {
  color: #006464;
}
.highlight .mh {
  color: #006464;
}
.highlight .mi {
  color: #006464;
}
.highlight .il {
  color: #006464;
}
.highlight .mo {
  color: #006464;
}
.highlight .o {
  color: #006900;
}
.highlight .ow {
  color: #0000aa;
}
.highlight .p {
  color: #006900;
}
.highlight .c {
  color: #5c5c5c;
  font-style: italic;
}
.highlight .ch {
  color: #5c5c5c;
  font-style: italic;
}
.highlight .cm {
  color: #5c5c5c;
  font-style: italic;
}
.highlight .cp {
  color: #006900;
}
.highlight .cpf {
  color: #5c5c5c;
  font-style: italic;
}
.highlight .c1 {
  color: #5c5c5c;
  font-style: italic;
}
.highlight .cs {
  color: #0000aa;
  font-style: italic;
}
.highlight .gd {
  color: #a00000;
}
.highlight .ge {
  font-style: italic;
}
.highlight .gr {
  color: #a00000;
}
.highlight .gh {
  color: #0000aa;
  font-weight: bold;
}
.highlight .gi {
  color: #006900;
}
.highlight .go {
  color: #5c5c5c;
}
.highlight .gp {
  color: #5c5c5c;
}
.highlight .gs {
  font-weight: bold;
}
.highlight .gu {
  color: #800080;
  font-weight: bold;
}
.highlight .gt {
  color: #a00000;
}

.no-box .highlight .hll {
  background-color: #bdbdbd;
}
.no-box .highlight .n {
  color: #000000;
}
.no-box .highlight .nf {
  color: #000000;
}

.input .highlight {
  display: inline-block;
}
.input .highlight .hll {
  background-color: #bdbdbd;
}
.input .highlight .n {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}
.input .highlight .nf {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}

.animation-canvas .highlight pre {
  font-size: unset !important;
  line-height: unset !important;
}

.hljs-keyword {
  color: hsl(calc(var(--zb-semantic-color-code-blue-h) + 0deg), calc(var(--zb-semantic-color-code-blue-s) + 0%), calc(var(--zb-semantic-color-code-blue-l) + 0%), calc(var(--zb-semantic-color-code-blue-a) + 0));
}

.hljs-built_in {
  color: hsl(calc(var(--zb-semantic-color-code-teal-h) + 0deg), calc(var(--zb-semantic-color-code-teal-s) + 0%), calc(var(--zb-semantic-color-code-teal-l) + 0%), calc(var(--zb-semantic-color-code-teal-a) + 0));
}

.hljs-number {
  color: hsl(calc(var(--zb-semantic-color-code-teal-h) + 0deg), calc(var(--zb-semantic-color-code-teal-s) + 0%), calc(var(--zb-semantic-color-code-teal-l) + 0%), calc(var(--zb-semantic-color-code-teal-a) + 0));
}

.hljs-operator {
  color: hsl(calc(var(--zb-semantic-color-code-green-h) + 0deg), calc(var(--zb-semantic-color-code-green-s) + 0%), calc(var(--zb-semantic-color-code-green-l) + 0%), calc(var(--zb-semantic-color-code-green-a) + 0));
}

.hljs-punctuation {
  color: hsl(calc(var(--zb-semantic-color-code-green-h) + 0deg), calc(var(--zb-semantic-color-code-green-s) + 0%), calc(var(--zb-semantic-color-code-green-l) + 0%), calc(var(--zb-semantic-color-code-green-a) + 0));
}

.hljs-string {
  color: hsl(calc(var(--zb-semantic-color-code-amber-h) + 0deg), calc(var(--zb-semantic-color-code-amber-s) + 0%), calc(var(--zb-semantic-color-code-amber-l) + 0%), calc(var(--zb-semantic-color-code-amber-a) + 0));
}

.hljs-function {
  color: hsl(calc(var(--zb-semantic-color-code-red-h) + 0deg), calc(var(--zb-semantic-color-code-red-s) + 0%), calc(var(--zb-semantic-color-code-red-l) + 0%), calc(var(--zb-semantic-color-code-red-a) + 0));
}

.hljs-title {
  color: hsl(calc(var(--zb-semantic-color-code-green-h) + 0deg), calc(var(--zb-semantic-color-code-green-s) + 0%), calc(var(--zb-semantic-color-code-green-l) + 0%), calc(var(--zb-semantic-color-code-green-a) + 0));
  font-weight: 300;
}

.hljs-params {
  color: hsl(calc(var(--zb-semantic-color-code-black-h) + 0deg), calc(var(--zb-semantic-color-code-black-s) + 0%), calc(var(--zb-semantic-color-code-black-l) + 0%), calc(var(--zb-semantic-color-code-black-a) + 0));
}

.hljs-comment {
  color: hsl(calc(var(--zb-semantic-color-code-grey-h) + 0deg), calc(var(--zb-semantic-color-code-grey-s) + 0%), calc(var(--zb-semantic-color-code-grey-l) + 0%), calc(var(--zb-semantic-color-code-grey-a) + 0));
}

.hljs-meta-keyword {
  color: hsl(calc(var(--zb-semantic-color-code-teal-h) + 0deg), calc(var(--zb-semantic-color-code-teal-s) + 0%), calc(var(--zb-semantic-color-code-teal-l) + 0%), calc(var(--zb-semantic-color-code-teal-a) + 0));
  font-weight: 300;
}

.hljs-meta-string {
  color: hsl(calc(var(--zb-semantic-color-code-purple-h) + 0deg), calc(var(--zb-semantic-color-code-purple-s) + 0%), calc(var(--zb-semantic-color-code-purple-l) + 0%), calc(var(--zb-semantic-color-code-purple-a) + 0));
}

.ace-zyautumn {
  background-color: #ffffff;
  color: #000000;
}
.ace-zyautumn .ace_gutter {
  background: #eeeeee;
  color: #333333;
}
.ace-zyautumn .ace_print-margin {
  background: #e8e8e8;
  width: 1px;
}
.ace-zyautumn .ace_fold {
  background-color: #757ad8;
}
.ace-zyautumn .ace_cursor {
  color: #000000;
}
.ace-zyautumn .ace_invisible {
  color: #5c5c5c;
}
.ace-zyautumn .ace_storage,
.ace-zyautumn .ace_keyword {
  color: #0000aa;
}
.ace-zyautumn .ace_storage.ace_type {
  color: #006464;
}
.ace-zyautumn .ace_constant.ace_buildin {
  color: #0000aa;
}
.ace-zyautumn .ace_constant.ace_language {
  color: #914700;
}
.ace-zyautumn .ace_constant.ace_library {
  color: #006900;
}
.ace-zyautumn .ace_invalid {
  background-color: #a00000;
  color: #ffffff;
}
.ace-zyautumn .ace_support.ace_function {
  color: #006464 !important;
}
.ace-zyautumn .ace_identifier {
  color: #000000;
}
.ace-zyautumn .ace_variable.ace_language {
  color: #006464;
}
.ace-zyautumn .ace_paren {
  color: #006900;
}
.ace-zyautumn .ace_punctuation {
  color: #006900;
}
.ace-zyautumn .ace_punctuation.ace_operator {
  color: #006900;
}
.ace-zyautumn .ace_support.ace_constant {
  color: #006900;
}
.ace-zyautumn .ace_support.ace_type,
.ace-zyautumn .ace_support.ace_class {
  color: #006464;
}
.ace-zyautumn .ace_support.ace_php_tag {
  color: #a00000;
}
.ace-zyautumn .ace_keyword.ace_operator {
  color: #006900;
}
.ace-zyautumn .ace_string {
  color: #914700;
}
.ace-zyautumn .ace_comment {
  color: #5c5c5c;
  font-style: italic;
}
.ace-zyautumn .ace_comment.ace_doc {
  color: #0000aa;
}
.ace-zyautumn .ace_comment.ace_doc.ace_tag {
  color: #80a0bf;
}
.ace-zyautumn .ace_constant.ace_numeric {
  color: #006900;
}
.ace-zyautumn .ace_variable {
  color: #0000aa;
}
.ace-zyautumn .ace_xml-pe {
  color: #5c5c5c;
}
.ace-zyautumn .ace_entity.ace_name.ace_function {
  color: #0000aa;
}
.ace-zyautumn .ace_heading {
  color: #0000aa;
}
.ace-zyautumn .ace_list {
  color: #800080;
}
.ace-zyautumn .ace_marker-layer .ace_selection {
  background: #b5d5ff;
}
.ace-zyautumn .ace_marker-layer .ace_step {
  background: #ffff00;
}
.ace-zyautumn .ace_marker-layer .ace_stack {
  background: #a5e565;
}
.ace-zyautumn .ace_marker-layer .ace_bracket {
  border: 1px solid #c0c0c0;
  margin: -1px 0 0 -1px;
}
.ace-zyautumn .ace_marker-layer .ace_active-line {
  background: #000000;
  opacity: 0.07;
}
.ace-zyautumn .ace_gutter-active-line {
  background-color: #dcdcdc;
}
.ace-zyautumn .ace_marker-layer .ace_selected-word {
  background: #fafaff;
  border: 1px solid #c8c8fa;
}
.ace-zyautumn .ace_meta.ace_tag {
  color: #0000aa;
}
.ace-zyautumn .ace_meta.ace_tag.ace_anchor {
  color: #006900;
}
.ace-zyautumn .ace_meta.ace_tag.ace_form {
  color: #914700;
}
.ace-zyautumn .ace_meta.ace_tag.ace_image {
  color: #800080;
}
.ace-zyautumn .ace_meta.ace_tag.ace_script {
  color: #a00000;
}
.ace-zyautumn .ace_meta.ace_tag.ace_style {
  color: #800080;
}
.ace-zyautumn .ace_meta.ace_tag.ace_table {
  color: #006464;
}
.ace-zyautumn .ace_string.ace_regex {
  color: #a00000;
}
.ace-zyautumn .ace_support.ace_function.ace_c99,
.ace-zyautumn .ace_support.ace_function.ace_c {
  color: #006900;
}
.ace-zyautumn .ace_indent-guide {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAE0lEQVQImWP4////f4bLly//BwAmVgd1/w11/gAAAABJRU5ErkJggg==") right repeat-y;
}

.ace-zyautumn-dark {
  background-color: #f5f5f5;
  color: #000000;
}
.ace-zyautumn-dark .ace_gutter {
  background: #9e9e9e;
  color: #ffffff;
}
.ace-zyautumn-dark .ace_print-margin {
  background: #e8e8e8;
  width: 1px;
}
.ace-zyautumn-dark .ace_fold {
  background-color: #757ad8;
}
.ace-zyautumn-dark .ace_cursor {
  color: #000000;
}
.ace-zyautumn-dark .ace_invisible {
  color: #5c5c5c;
}
.ace-zyautumn-dark .ace_storage,
.ace-zyautumn-dark .ace_keyword {
  color: #0000aa;
}
.ace-zyautumn-dark .ace_storage.ace_type {
  color: #006464;
}
.ace-zyautumn-dark .ace_constant.ace_buildin {
  color: #0000aa;
}
.ace-zyautumn-dark .ace_constant.ace_language {
  color: #914700;
}
.ace-zyautumn-dark .ace_constant.ace_library {
  color: #006900;
}
.ace-zyautumn-dark .ace_invalid {
  background-color: #a00000;
  color: #ffffff;
}
.ace-zyautumn-dark .ace_support.ace_function {
  color: #006464 !important;
}
.ace-zyautumn-dark .ace_identifier {
  color: #000000;
}
.ace-zyautumn-dark .ace_variable.ace_language {
  color: #006464;
}
.ace-zyautumn-dark .ace_paren {
  color: #006900;
}
.ace-zyautumn-dark .ace_punctuation {
  color: #006900;
}
.ace-zyautumn-dark .ace_punctuation.ace_operator {
  color: #006900;
}
.ace-zyautumn-dark .ace_support.ace_constant {
  color: #006900;
}
.ace-zyautumn-dark .ace_support.ace_type,
.ace-zyautumn-dark .ace_support.ace_class {
  color: #006464;
}
.ace-zyautumn-dark .ace_support.ace_php_tag {
  color: #a00000;
}
.ace-zyautumn-dark .ace_keyword.ace_operator {
  color: #006900;
}
.ace-zyautumn-dark .ace_string {
  color: #914700;
}
.ace-zyautumn-dark .ace_comment {
  color: #5c5c5c;
  font-style: italic;
}
.ace-zyautumn-dark .ace_comment.ace_doc {
  color: #0000aa;
}
.ace-zyautumn-dark .ace_comment.ace_doc.ace_tag {
  color: #80a0bf;
}
.ace-zyautumn-dark .ace_constant.ace_numeric {
  color: #006900;
}
.ace-zyautumn-dark .ace_variable {
  color: #0000aa;
}
.ace-zyautumn-dark .ace_xml-pe {
  color: #5c5c5c;
}
.ace-zyautumn-dark .ace_entity.ace_name.ace_function {
  color: #0000aa;
}
.ace-zyautumn-dark .ace_heading {
  color: #0000aa;
}
.ace-zyautumn-dark .ace_list {
  color: #800080;
}
.ace-zyautumn-dark .ace_marker-layer .ace_selection {
  background: #b5d5ff;
}
.ace-zyautumn-dark .ace_marker-layer .ace_step {
  background: #ffff00;
}
.ace-zyautumn-dark .ace_marker-layer .ace_stack {
  background: #a5e565;
}
.ace-zyautumn-dark .ace_marker-layer .ace_bracket {
  border: 1px solid #c0c0c0;
  margin: -1px 0 0 -1px;
}
.ace-zyautumn-dark .ace_marker-layer .ace_active-line {
  background: #000000;
  opacity: 0.07;
}
.ace-zyautumn-dark .ace_gutter-active-line {
  background-color: #dcdcdc;
  color: #000000;
}
.ace-zyautumn-dark .ace_marker-layer .ace_selected-word {
  background: #fafaff;
  border: 1px solid #c8c8fa;
}
.ace-zyautumn-dark .ace_meta.ace_tag {
  color: #0000aa;
}
.ace-zyautumn-dark .ace_meta.ace_tag.ace_anchor {
  color: #006900;
}
.ace-zyautumn-dark .ace_meta.ace_tag.ace_form {
  color: #914700;
}
.ace-zyautumn-dark .ace_meta.ace_tag.ace_image {
  color: #800080;
}
.ace-zyautumn-dark .ace_meta.ace_tag.ace_script {
  color: #a00000;
}
.ace-zyautumn-dark .ace_meta.ace_tag.ace_style {
  color: #800080;
}
.ace-zyautumn-dark .ace_meta.ace_tag.ace_table {
  color: #006464;
}
.ace-zyautumn-dark .ace_string.ace_regex {
  color: #a00000;
}
.ace-zyautumn-dark .ace_support.ace_function.ace_c99,
.ace-zyautumn-dark .ace_support.ace_function.ace_c {
  color: #006900;
}
.ace-zyautumn-dark .ace_indent-guide {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAE0lEQVQImWP4////f4bLly//BwAmVgd1/w11/gAAAABJRU5ErkJggg==") right repeat-y;
}

.flex-row,
.alert-app-error {
  display: flex;
}
.flex-row.flex-wrap,
.flex-wrap.alert-app-error {
  flex-wrap: wrap;
}
.flex-row.justify-content-flex-start,
.justify-content-flex-start.alert-app-error {
  justify-content: flex-start;
}
.flex-row.justify-content-flex-end,
.justify-content-flex-end.alert-app-error {
  justify-content: flex-end;
}
.flex-row.justify-content-center,
.justify-content-center.alert-app-error {
  justify-content: center;
}
.flex-row.justify-content-space-between,
.justify-content-space-between.alert-app-error {
  justify-content: space-between;
}
.flex-row.justify-content-space-around,
.justify-content-space-around.alert-app-error {
  justify-content: space-around;
}
.flex-row.align-items-flex-start,
.align-items-flex-start.alert-app-error {
  align-items: flex-start;
}
.flex-row.align-items-flex-end,
.align-items-flex-end.alert-app-error {
  align-items: flex-end;
}
.flex-row.align-items-center,
.align-items-center.alert-app-error {
  align-items: center;
}
.flex-row.align-items-stretch,
.align-items-stretch.alert-app-error {
  align-items: stretch;
}
.flex-row.align-items-baseline,
.align-items-baseline.alert-app-error {
  align-items: baseline;
}

.flex-column {
  display: flex;
}
.flex-column.flex-wrap {
  flex-wrap: wrap;
}
.flex-column.justify-content-flex-start {
  justify-content: flex-start;
}
.flex-column.justify-content-flex-end {
  justify-content: flex-end;
}
.flex-column.justify-content-center {
  justify-content: center;
}
.flex-column.justify-content-space-between {
  justify-content: space-between;
}
.flex-column.justify-content-space-around {
  justify-content: space-around;
}
.flex-column.align-items-flex-start {
  align-items: flex-start;
}
.flex-column.align-items-flex-end {
  align-items: flex-end;
}
.flex-column.align-items-center {
  align-items: center;
}
.flex-column.align-items-stretch {
  align-items: stretch;
}
.flex-column.align-items-baseline {
  align-items: baseline;
}
.flex-column {
  flex-direction: column;
}

.xterm-container {
  height: 18rem;
  min-height: 18rem;
  overflow: auto;
  position: relative;
  resize: vertical;
}
.xterm-container.error &gt; :first-child {
  border-left: 4px solid hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.xterm-container.green &gt; :first-child {
  border-left: 4px solid hsl(calc(var(--zb-semantic-color-success-h) + 0deg), calc(var(--zb-semantic-color-success-s) + 0%), calc(var(--zb-semantic-color-success-l) + 0%), calc(var(--zb-semantic-color-success-a) + 0));
}

.xterm {
  cursor: text;
  padding: 10px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.xterm.focus,
.xterm:focus {
  outline: none;
}

.xterm .xterm-helpers {
  position: absolute;
  top: 0;
  z-index: 5;
}

.xterm .xterm-helper-textarea {
  border: 0;
  height: 0;
  left: -9999em;
  margin: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  resize: none;
  top: 0;
  white-space: nowrap;
  width: 0;
  z-index: -5;
}

.xterm .composition-view {
  background: hsl(calc(var(--zb-semantic-color-black-h) + 0deg), calc(var(--zb-semantic-color-black-s) + 0%), calc(var(--zb-semantic-color-black-l) + 0%), calc(var(--zb-semantic-color-black-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
  display: none;
  position: absolute;
  white-space: nowrap;
  z-index: 1;
}

.xterm .composition-view.active {
  display: block;
}

.xterm .xterm-viewport {
  background-color: hsl(calc(var(--zb-semantic-color-black-h) + 0deg), calc(var(--zb-semantic-color-black-s) + 0%), calc(var(--zb-semantic-color-black-l) + 0%), calc(var(--zb-semantic-color-black-a) + 0));
  cursor: default;
  inset: 0;
  overflow-y: scroll;
  position: absolute;
}

.xterm .xterm-viewport::-webkit-scrollbar {
  width: 10px;
}

.xterm .xterm-viewport::-webkit-scrollbar-track {
  background: #303030;
}

.xterm .xterm-viewport::-webkit-scrollbar-thumb {
  background: #f1f1f1;
}

.xterm .xterm-screen {
  position: relative;
}

.xterm .xterm-screen canvas {
  left: 0;
  position: absolute;
  top: 0;
}

.xterm .xterm-scroll-area {
  visibility: hidden;
}

.xterm-char-measure-element {
  display: inline-block;
  left: -9999em;
  line-height: normal;
  position: absolute;
  top: 0;
  visibility: hidden;
}

.xterm.enable-mouse-events {
  cursor: default;
}

.xterm.xterm-cursor-pointer,
.xterm .xterm-cursor-pointer {
  cursor: pointer;
}

.xterm.column-select.focus {
  cursor: crosshair;
}

.xterm .xterm-accessibility,
.xterm .xterm-message {
  color: transparent;
  inset: 0;
  position: absolute;
  z-index: 10;
}

.xterm .live-region {
  height: 1px;
  left: -9999px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

.xterm-dim {
  opacity: 0.5;
}

.xterm-underline-1 {
  text-decoration: underline;
}

.xterm-underline-2 {
  -webkit-text-decoration: double underline;
          text-decoration: double underline;
}

.xterm-underline-3 {
  -webkit-text-decoration: wavy underline;
          text-decoration: wavy underline;
}

.xterm-underline-4 {
  -webkit-text-decoration: dotted underline;
          text-decoration: dotted underline;
}

.xterm-underline-5 {
  -webkit-text-decoration: dashed underline;
          text-decoration: dashed underline;
}

.xterm-strikethrough {
  text-decoration: line-through;
}

.xterm-screen .xterm-decoration-container .xterm-decoration {
  position: absolute;
  z-index: 6;
}

.xterm-decoration-overview-ruler {
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 7;
}

.xterm-decoration-top {
  position: relative;
  z-index: 2;
}

.zb-chevron {
  align-items: center;
  color: hsl(calc(var(--zb-semantic-color-icon-h) + 0deg), calc(var(--zb-semantic-color-icon-s) + 0%), calc(var(--zb-semantic-color-icon-l) + 0%), calc(var(--zb-semantic-color-icon-a) + 0));
  display: flex;
  font-weight: bold;
  justify-content: center;
  position: relative;
}
.zb-chevron.extra-small {
  font-size: 10px;
  height: 12px;
  width: 12px;
}
.zb-chevron.extra-small::before {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: "";
  display: block;
  height: 0;
  left: 0;
  position: absolute;
  top: 12px;
  width: 0;
}
.zb-chevron.small {
  font-size: 12px;
  height: 15px;
  width: 15px;
}
.zb-chevron.small::before {
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  content: "";
  display: block;
  height: 0;
  left: 0;
  position: absolute;
  top: 15px;
  width: 0;
}
.zb-chevron.medium {
  font-size: 13px;
  height: 18px;
  width: 18px;
}
.zb-chevron.medium::before {
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  content: "";
  display: block;
  height: 0;
  left: 0;
  position: absolute;
  top: 18px;
  width: 0;
}
.zb-chevron.large {
  font-size: 18px;
  height: 32px;
  width: 32px;
}
.zb-chevron.large::before {
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  content: "";
  display: block;
  height: 0;
  left: 0;
  position: absolute;
  top: 32px;
  width: 0;
}
.zb-chevron.check.extra-small::after {
  border: solid hsl(calc(var(--zb-semantic-color-icon-h) + 0deg), calc(var(--zb-semantic-color-icon-s) + 0%), calc(var(--zb-semantic-color-icon-l) + 0%), calc(var(--zb-semantic-color-icon-a) + 0));
  border-width: 0 2px 2px 0;
  content: "";
  display: block;
  height: 6px;
  left: 3.5px;
  position: absolute;
  top: 2.5px;
  transform: rotate(45deg);
  width: 3px;
}
.zb-chevron.check.small::after {
  border: solid hsl(calc(var(--zb-semantic-color-icon-h) + 0deg), calc(var(--zb-semantic-color-icon-s) + 0%), calc(var(--zb-semantic-color-icon-l) + 0%), calc(var(--zb-semantic-color-icon-a) + 0));
  border-width: 0 2px 2px 0;
  content: "";
  display: block;
  height: 7.5px;
  left: 4.625px;
  position: absolute;
  top: 2.875px;
  transform: rotate(45deg);
  width: 3.75px;
}
.zb-chevron.check.medium::after {
  border: solid hsl(calc(var(--zb-semantic-color-icon-h) + 0deg), calc(var(--zb-semantic-color-icon-s) + 0%), calc(var(--zb-semantic-color-icon-l) + 0%), calc(var(--zb-semantic-color-icon-a) + 0));
  border-width: 0 2px 2px 0;
  content: "";
  display: block;
  height: 9px;
  left: 5.75px;
  position: absolute;
  top: 3.25px;
  transform: rotate(45deg);
  width: 4.5px;
}
.zb-chevron.check.large::after {
  border: solid hsl(calc(var(--zb-semantic-color-icon-h) + 0deg), calc(var(--zb-semantic-color-icon-s) + 0%), calc(var(--zb-semantic-color-icon-l) + 0%), calc(var(--zb-semantic-color-icon-a) + 0));
  border-width: 0 3px 3px 0;
  content: "";
  display: block;
  height: 16px;
  left: 11px;
  position: absolute;
  top: 5px;
  transform: rotate(45deg);
  width: 8px;
}
.zb-chevron.filled.extra-small.red {
  background-color: hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + 0));
}
.zb-chevron.filled.extra-small.red::before {
  border-top: 1.8749971682px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + 0));
}
.zb-chevron.filled.fade.extra-small.red {
  background-color: hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + -0.6));
}
.zb-chevron.filled.fade.extra-small.red::before {
  border-top: 1.8749971682px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + -0.6));
}
.zb-chevron.filled.extra-small.orange {
  background-color: hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + 0));
}
.zb-chevron.filled.extra-small.orange::before {
  border-top: 1.8749971682px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + 0));
}
.zb-chevron.filled.fade.extra-small.orange {
  background-color: hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + -0.6));
}
.zb-chevron.filled.fade.extra-small.orange::before {
  border-top: 1.8749971682px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + -0.6));
}
.zb-chevron.filled.extra-small.yellow {
  background-color: hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + 0));
}
.zb-chevron.filled.extra-small.yellow::before {
  border-top: 1.8749971682px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + 0));
}
.zb-chevron.filled.fade.extra-small.yellow {
  background-color: hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + -0.6));
}
.zb-chevron.filled.fade.extra-small.yellow::before {
  border-top: 1.8749971682px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + -0.6));
}
.zb-chevron.filled.extra-small.green {
  background-color: hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + 0));
}
.zb-chevron.filled.extra-small.green::before {
  border-top: 1.8749971682px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + 0));
}
.zb-chevron.filled.fade.extra-small.green {
  background-color: hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + -0.6));
}
.zb-chevron.filled.fade.extra-small.green::before {
  border-top: 1.8749971682px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + -0.6));
}
.zb-chevron.filled.extra-small.light-blue {
  background-color: hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + 0));
}
.zb-chevron.filled.extra-small.light-blue::before {
  border-top: 1.8749971682px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + 0));
}
.zb-chevron.filled.fade.extra-small.light-blue {
  background-color: hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + -0.6));
}
.zb-chevron.filled.fade.extra-small.light-blue::before {
  border-top: 1.8749971682px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + -0.6));
}
.zb-chevron.filled.extra-small.blue {
  background-color: hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + 0));
}
.zb-chevron.filled.extra-small.blue::before {
  border-top: 1.8749971682px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + 0));
}
.zb-chevron.filled.fade.extra-small.blue {
  background-color: hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + -0.6));
}
.zb-chevron.filled.fade.extra-small.blue::before {
  border-top: 1.8749971682px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + -0.6));
}
.zb-chevron.filled.extra-small.blue-grey {
  background-color: hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + 0));
}
.zb-chevron.filled.extra-small.blue-grey::before {
  border-top: 1.8749971682px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + 0));
}
.zb-chevron.filled.fade.extra-small.blue-grey {
  background-color: hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + -0.6));
}
.zb-chevron.filled.fade.extra-small.blue-grey::before {
  border-top: 1.8749971682px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + -0.6));
}
.zb-chevron.filled.extra-small.grey {
  background-color: hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + 0));
}
.zb-chevron.filled.extra-small.grey::before {
  border-top: 1.8749971682px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + 0));
}
.zb-chevron.filled.fade.extra-small.grey {
  background-color: hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + -0.6));
}
.zb-chevron.filled.fade.extra-small.grey::before {
  border-top: 1.8749971682px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + -0.6));
}
.zb-chevron.filled.extra-small.dark-grey {
  background-color: hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + 0));
}
.zb-chevron.filled.extra-small.dark-grey::before {
  border-top: 1.8749971682px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + 0));
}
.zb-chevron.filled.fade.extra-small.dark-grey {
  background-color: hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + -0.6));
}
.zb-chevron.filled.fade.extra-small.dark-grey::before {
  border-top: 1.8749971682px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + -0.6));
}
.zb-chevron.filled.extra-small.white {
  background-color: hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + 0));
}
.zb-chevron.filled.extra-small.white::before {
  border-top: 1.8749971682px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + 0));
}
.zb-chevron.filled.fade.extra-small.white {
  background-color: hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + -0.6));
}
.zb-chevron.filled.fade.extra-small.white::before {
  border-top: 1.8749971682px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + -0.6));
}
.zb-chevron.filled.extra-small.indigo {
  background-color: hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + 0));
}
.zb-chevron.filled.extra-small.indigo::before {
  border-top: 1.8749971682px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + 0));
}
.zb-chevron.filled.fade.extra-small.indigo {
  background-color: hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + -0.6));
}
.zb-chevron.filled.fade.extra-small.indigo::before {
  border-top: 1.8749971682px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + -0.6));
}
.zb-chevron.filled.extra-small.purple {
  background-color: hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + 0));
}
.zb-chevron.filled.extra-small.purple::before {
  border-top: 1.8749971682px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + 0));
}
.zb-chevron.filled.fade.extra-small.purple {
  background-color: hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + -0.6));
}
.zb-chevron.filled.fade.extra-small.purple::before {
  border-top: 1.8749971682px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + -0.6));
}
.zb-chevron.filled.extra-small.disabled {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-chevron.filled.extra-small.disabled::before {
  border-top: 1.8749971682px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-chevron.filled.fade.extra-small.disabled {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + -0.6));
}
.zb-chevron.filled.fade.extra-small.disabled::before {
  border-top: 1.8749971682px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + -0.6));
}
.zb-chevron.filled.extra-small.primary {
  background-color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
}
.zb-chevron.filled.extra-small.primary::before {
  border-top: 1.8749971682px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
}
.zb-chevron.filled.fade.extra-small.primary {
  background-color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + -0.6));
}
.zb-chevron.filled.fade.extra-small.primary::before {
  border-top: 1.8749971682px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + -0.6));
}
.zb-chevron.filled.extra-small.secondary {
  background-color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
}
.zb-chevron.filled.extra-small.secondary::before {
  border-top: 1.8749971682px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
}
.zb-chevron.filled.fade.extra-small.secondary {
  background-color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + -0.6));
}
.zb-chevron.filled.fade.extra-small.secondary::before {
  border-top: 1.8749971682px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + -0.6));
}
.zb-chevron.filled.extra-small.warning {
  background-color: hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
}
.zb-chevron.filled.extra-small.warning::before {
  border-top: 1.8749971682px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
}
.zb-chevron.filled.fade.extra-small.warning {
  background-color: hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + -0.6));
}
.zb-chevron.filled.fade.extra-small.warning::before {
  border-top: 1.8749971682px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + -0.6));
}
.zb-chevron.filled.small.red {
  background-color: hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + 0));
}
.zb-chevron.filled.small.red::before {
  border-top: 2.3437464602px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + 0));
}
.zb-chevron.filled.fade.small.red {
  background-color: hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + -0.6));
}
.zb-chevron.filled.fade.small.red::before {
  border-top: 2.3437464602px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + -0.6));
}
.zb-chevron.filled.small.orange {
  background-color: hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + 0));
}
.zb-chevron.filled.small.orange::before {
  border-top: 2.3437464602px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + 0));
}
.zb-chevron.filled.fade.small.orange {
  background-color: hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + -0.6));
}
.zb-chevron.filled.fade.small.orange::before {
  border-top: 2.3437464602px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + -0.6));
}
.zb-chevron.filled.small.yellow {
  background-color: hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + 0));
}
.zb-chevron.filled.small.yellow::before {
  border-top: 2.3437464602px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + 0));
}
.zb-chevron.filled.fade.small.yellow {
  background-color: hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + -0.6));
}
.zb-chevron.filled.fade.small.yellow::before {
  border-top: 2.3437464602px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + -0.6));
}
.zb-chevron.filled.small.green {
  background-color: hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + 0));
}
.zb-chevron.filled.small.green::before {
  border-top: 2.3437464602px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + 0));
}
.zb-chevron.filled.fade.small.green {
  background-color: hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + -0.6));
}
.zb-chevron.filled.fade.small.green::before {
  border-top: 2.3437464602px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + -0.6));
}
.zb-chevron.filled.small.light-blue {
  background-color: hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + 0));
}
.zb-chevron.filled.small.light-blue::before {
  border-top: 2.3437464602px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + 0));
}
.zb-chevron.filled.fade.small.light-blue {
  background-color: hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + -0.6));
}
.zb-chevron.filled.fade.small.light-blue::before {
  border-top: 2.3437464602px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + -0.6));
}
.zb-chevron.filled.small.blue {
  background-color: hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + 0));
}
.zb-chevron.filled.small.blue::before {
  border-top: 2.3437464602px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + 0));
}
.zb-chevron.filled.fade.small.blue {
  background-color: hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + -0.6));
}
.zb-chevron.filled.fade.small.blue::before {
  border-top: 2.3437464602px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + -0.6));
}
.zb-chevron.filled.small.blue-grey {
  background-color: hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + 0));
}
.zb-chevron.filled.small.blue-grey::before {
  border-top: 2.3437464602px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + 0));
}
.zb-chevron.filled.fade.small.blue-grey {
  background-color: hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + -0.6));
}
.zb-chevron.filled.fade.small.blue-grey::before {
  border-top: 2.3437464602px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + -0.6));
}
.zb-chevron.filled.small.grey {
  background-color: hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + 0));
}
.zb-chevron.filled.small.grey::before {
  border-top: 2.3437464602px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + 0));
}
.zb-chevron.filled.fade.small.grey {
  background-color: hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + -0.6));
}
.zb-chevron.filled.fade.small.grey::before {
  border-top: 2.3437464602px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + -0.6));
}
.zb-chevron.filled.small.dark-grey {
  background-color: hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + 0));
}
.zb-chevron.filled.small.dark-grey::before {
  border-top: 2.3437464602px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + 0));
}
.zb-chevron.filled.fade.small.dark-grey {
  background-color: hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + -0.6));
}
.zb-chevron.filled.fade.small.dark-grey::before {
  border-top: 2.3437464602px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + -0.6));
}
.zb-chevron.filled.small.white {
  background-color: hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + 0));
}
.zb-chevron.filled.small.white::before {
  border-top: 2.3437464602px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + 0));
}
.zb-chevron.filled.fade.small.white {
  background-color: hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + -0.6));
}
.zb-chevron.filled.fade.small.white::before {
  border-top: 2.3437464602px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + -0.6));
}
.zb-chevron.filled.small.indigo {
  background-color: hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + 0));
}
.zb-chevron.filled.small.indigo::before {
  border-top: 2.3437464602px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + 0));
}
.zb-chevron.filled.fade.small.indigo {
  background-color: hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + -0.6));
}
.zb-chevron.filled.fade.small.indigo::before {
  border-top: 2.3437464602px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + -0.6));
}
.zb-chevron.filled.small.purple {
  background-color: hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + 0));
}
.zb-chevron.filled.small.purple::before {
  border-top: 2.3437464602px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + 0));
}
.zb-chevron.filled.fade.small.purple {
  background-color: hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + -0.6));
}
.zb-chevron.filled.fade.small.purple::before {
  border-top: 2.3437464602px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + -0.6));
}
.zb-chevron.filled.small.disabled {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-chevron.filled.small.disabled::before {
  border-top: 2.3437464602px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-chevron.filled.fade.small.disabled {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + -0.6));
}
.zb-chevron.filled.fade.small.disabled::before {
  border-top: 2.3437464602px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + -0.6));
}
.zb-chevron.filled.small.primary {
  background-color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
}
.zb-chevron.filled.small.primary::before {
  border-top: 2.3437464602px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
}
.zb-chevron.filled.fade.small.primary {
  background-color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + -0.6));
}
.zb-chevron.filled.fade.small.primary::before {
  border-top: 2.3437464602px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + -0.6));
}
.zb-chevron.filled.small.secondary {
  background-color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
}
.zb-chevron.filled.small.secondary::before {
  border-top: 2.3437464602px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
}
.zb-chevron.filled.fade.small.secondary {
  background-color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + -0.6));
}
.zb-chevron.filled.fade.small.secondary::before {
  border-top: 2.3437464602px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + -0.6));
}
.zb-chevron.filled.small.warning {
  background-color: hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
}
.zb-chevron.filled.small.warning::before {
  border-top: 2.3437464602px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
}
.zb-chevron.filled.fade.small.warning {
  background-color: hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + -0.6));
}
.zb-chevron.filled.fade.small.warning::before {
  border-top: 2.3437464602px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + -0.6));
}
.zb-chevron.filled.medium.red {
  background-color: hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + 0));
}
.zb-chevron.filled.medium.red::before {
  border-top: 2.8124957522px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + 0));
}
.zb-chevron.filled.fade.medium.red {
  background-color: hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + -0.6));
}
.zb-chevron.filled.fade.medium.red::before {
  border-top: 2.8124957522px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + -0.6));
}
.zb-chevron.filled.medium.orange {
  background-color: hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + 0));
}
.zb-chevron.filled.medium.orange::before {
  border-top: 2.8124957522px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + 0));
}
.zb-chevron.filled.fade.medium.orange {
  background-color: hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + -0.6));
}
.zb-chevron.filled.fade.medium.orange::before {
  border-top: 2.8124957522px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + -0.6));
}
.zb-chevron.filled.medium.yellow {
  background-color: hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + 0));
}
.zb-chevron.filled.medium.yellow::before {
  border-top: 2.8124957522px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + 0));
}
.zb-chevron.filled.fade.medium.yellow {
  background-color: hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + -0.6));
}
.zb-chevron.filled.fade.medium.yellow::before {
  border-top: 2.8124957522px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + -0.6));
}
.zb-chevron.filled.medium.green {
  background-color: hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + 0));
}
.zb-chevron.filled.medium.green::before {
  border-top: 2.8124957522px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + 0));
}
.zb-chevron.filled.fade.medium.green {
  background-color: hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + -0.6));
}
.zb-chevron.filled.fade.medium.green::before {
  border-top: 2.8124957522px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + -0.6));
}
.zb-chevron.filled.medium.light-blue {
  background-color: hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + 0));
}
.zb-chevron.filled.medium.light-blue::before {
  border-top: 2.8124957522px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + 0));
}
.zb-chevron.filled.fade.medium.light-blue {
  background-color: hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + -0.6));
}
.zb-chevron.filled.fade.medium.light-blue::before {
  border-top: 2.8124957522px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + -0.6));
}
.zb-chevron.filled.medium.blue {
  background-color: hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + 0));
}
.zb-chevron.filled.medium.blue::before {
  border-top: 2.8124957522px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + 0));
}
.zb-chevron.filled.fade.medium.blue {
  background-color: hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + -0.6));
}
.zb-chevron.filled.fade.medium.blue::before {
  border-top: 2.8124957522px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + -0.6));
}
.zb-chevron.filled.medium.blue-grey {
  background-color: hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + 0));
}
.zb-chevron.filled.medium.blue-grey::before {
  border-top: 2.8124957522px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + 0));
}
.zb-chevron.filled.fade.medium.blue-grey {
  background-color: hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + -0.6));
}
.zb-chevron.filled.fade.medium.blue-grey::before {
  border-top: 2.8124957522px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + -0.6));
}
.zb-chevron.filled.medium.grey {
  background-color: hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + 0));
}
.zb-chevron.filled.medium.grey::before {
  border-top: 2.8124957522px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + 0));
}
.zb-chevron.filled.fade.medium.grey {
  background-color: hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + -0.6));
}
.zb-chevron.filled.fade.medium.grey::before {
  border-top: 2.8124957522px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + -0.6));
}
.zb-chevron.filled.medium.dark-grey {
  background-color: hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + 0));
}
.zb-chevron.filled.medium.dark-grey::before {
  border-top: 2.8124957522px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + 0));
}
.zb-chevron.filled.fade.medium.dark-grey {
  background-color: hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + -0.6));
}
.zb-chevron.filled.fade.medium.dark-grey::before {
  border-top: 2.8124957522px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + -0.6));
}
.zb-chevron.filled.medium.white {
  background-color: hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + 0));
}
.zb-chevron.filled.medium.white::before {
  border-top: 2.8124957522px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + 0));
}
.zb-chevron.filled.fade.medium.white {
  background-color: hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + -0.6));
}
.zb-chevron.filled.fade.medium.white::before {
  border-top: 2.8124957522px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + -0.6));
}
.zb-chevron.filled.medium.indigo {
  background-color: hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + 0));
}
.zb-chevron.filled.medium.indigo::before {
  border-top: 2.8124957522px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + 0));
}
.zb-chevron.filled.fade.medium.indigo {
  background-color: hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + -0.6));
}
.zb-chevron.filled.fade.medium.indigo::before {
  border-top: 2.8124957522px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + -0.6));
}
.zb-chevron.filled.medium.purple {
  background-color: hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + 0));
}
.zb-chevron.filled.medium.purple::before {
  border-top: 2.8124957522px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + 0));
}
.zb-chevron.filled.fade.medium.purple {
  background-color: hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + -0.6));
}
.zb-chevron.filled.fade.medium.purple::before {
  border-top: 2.8124957522px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + -0.6));
}
.zb-chevron.filled.medium.disabled {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-chevron.filled.medium.disabled::before {
  border-top: 2.8124957522px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-chevron.filled.fade.medium.disabled {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + -0.6));
}
.zb-chevron.filled.fade.medium.disabled::before {
  border-top: 2.8124957522px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + -0.6));
}
.zb-chevron.filled.medium.primary {
  background-color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
}
.zb-chevron.filled.medium.primary::before {
  border-top: 2.8124957522px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
}
.zb-chevron.filled.fade.medium.primary {
  background-color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + -0.6));
}
.zb-chevron.filled.fade.medium.primary::before {
  border-top: 2.8124957522px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + -0.6));
}
.zb-chevron.filled.medium.secondary {
  background-color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
}
.zb-chevron.filled.medium.secondary::before {
  border-top: 2.8124957522px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
}
.zb-chevron.filled.fade.medium.secondary {
  background-color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + -0.6));
}
.zb-chevron.filled.fade.medium.secondary::before {
  border-top: 2.8124957522px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + -0.6));
}
.zb-chevron.filled.medium.warning {
  background-color: hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
}
.zb-chevron.filled.medium.warning::before {
  border-top: 2.8124957522px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
}
.zb-chevron.filled.fade.medium.warning {
  background-color: hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + -0.6));
}
.zb-chevron.filled.fade.medium.warning::before {
  border-top: 2.8124957522px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + -0.6));
}
.zb-chevron.filled.large.red {
  background-color: hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + 0));
}
.zb-chevron.filled.large.red::before {
  border-top: 4.9999924484px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + 0));
}
.zb-chevron.filled.fade.large.red {
  background-color: hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + -0.6));
}
.zb-chevron.filled.fade.large.red::before {
  border-top: 4.9999924484px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + -0.6));
}
.zb-chevron.filled.large.orange {
  background-color: hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + 0));
}
.zb-chevron.filled.large.orange::before {
  border-top: 4.9999924484px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + 0));
}
.zb-chevron.filled.fade.large.orange {
  background-color: hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + -0.6));
}
.zb-chevron.filled.fade.large.orange::before {
  border-top: 4.9999924484px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + -0.6));
}
.zb-chevron.filled.large.yellow {
  background-color: hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + 0));
}
.zb-chevron.filled.large.yellow::before {
  border-top: 4.9999924484px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + 0));
}
.zb-chevron.filled.fade.large.yellow {
  background-color: hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + -0.6));
}
.zb-chevron.filled.fade.large.yellow::before {
  border-top: 4.9999924484px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + -0.6));
}
.zb-chevron.filled.large.green {
  background-color: hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + 0));
}
.zb-chevron.filled.large.green::before {
  border-top: 4.9999924484px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + 0));
}
.zb-chevron.filled.fade.large.green {
  background-color: hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + -0.6));
}
.zb-chevron.filled.fade.large.green::before {
  border-top: 4.9999924484px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + -0.6));
}
.zb-chevron.filled.large.light-blue {
  background-color: hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + 0));
}
.zb-chevron.filled.large.light-blue::before {
  border-top: 4.9999924484px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + 0));
}
.zb-chevron.filled.fade.large.light-blue {
  background-color: hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + -0.6));
}
.zb-chevron.filled.fade.large.light-blue::before {
  border-top: 4.9999924484px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + -0.6));
}
.zb-chevron.filled.large.blue {
  background-color: hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + 0));
}
.zb-chevron.filled.large.blue::before {
  border-top: 4.9999924484px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + 0));
}
.zb-chevron.filled.fade.large.blue {
  background-color: hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + -0.6));
}
.zb-chevron.filled.fade.large.blue::before {
  border-top: 4.9999924484px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + -0.6));
}
.zb-chevron.filled.large.blue-grey {
  background-color: hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + 0));
}
.zb-chevron.filled.large.blue-grey::before {
  border-top: 4.9999924484px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + 0));
}
.zb-chevron.filled.fade.large.blue-grey {
  background-color: hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + -0.6));
}
.zb-chevron.filled.fade.large.blue-grey::before {
  border-top: 4.9999924484px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + -0.6));
}
.zb-chevron.filled.large.grey {
  background-color: hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + 0));
}
.zb-chevron.filled.large.grey::before {
  border-top: 4.9999924484px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + 0));
}
.zb-chevron.filled.fade.large.grey {
  background-color: hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + -0.6));
}
.zb-chevron.filled.fade.large.grey::before {
  border-top: 4.9999924484px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + -0.6));
}
.zb-chevron.filled.large.dark-grey {
  background-color: hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + 0));
}
.zb-chevron.filled.large.dark-grey::before {
  border-top: 4.9999924484px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + 0));
}
.zb-chevron.filled.fade.large.dark-grey {
  background-color: hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + -0.6));
}
.zb-chevron.filled.fade.large.dark-grey::before {
  border-top: 4.9999924484px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + -0.6));
}
.zb-chevron.filled.large.white {
  background-color: hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + 0));
}
.zb-chevron.filled.large.white::before {
  border-top: 4.9999924484px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + 0));
}
.zb-chevron.filled.fade.large.white {
  background-color: hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + -0.6));
}
.zb-chevron.filled.fade.large.white::before {
  border-top: 4.9999924484px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + -0.6));
}
.zb-chevron.filled.large.indigo {
  background-color: hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + 0));
}
.zb-chevron.filled.large.indigo::before {
  border-top: 4.9999924484px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + 0));
}
.zb-chevron.filled.fade.large.indigo {
  background-color: hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + -0.6));
}
.zb-chevron.filled.fade.large.indigo::before {
  border-top: 4.9999924484px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + -0.6));
}
.zb-chevron.filled.large.purple {
  background-color: hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + 0));
}
.zb-chevron.filled.large.purple::before {
  border-top: 4.9999924484px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + 0));
}
.zb-chevron.filled.fade.large.purple {
  background-color: hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + -0.6));
}
.zb-chevron.filled.fade.large.purple::before {
  border-top: 4.9999924484px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + -0.6));
}
.zb-chevron.filled.large.disabled {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-chevron.filled.large.disabled::before {
  border-top: 4.9999924484px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-chevron.filled.fade.large.disabled {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + -0.6));
}
.zb-chevron.filled.fade.large.disabled::before {
  border-top: 4.9999924484px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + -0.6));
}
.zb-chevron.filled.large.primary {
  background-color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
}
.zb-chevron.filled.large.primary::before {
  border-top: 4.9999924484px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
}
.zb-chevron.filled.fade.large.primary {
  background-color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + -0.6));
}
.zb-chevron.filled.fade.large.primary::before {
  border-top: 4.9999924484px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + -0.6));
}
.zb-chevron.filled.large.secondary {
  background-color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
}
.zb-chevron.filled.large.secondary::before {
  border-top: 4.9999924484px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
}
.zb-chevron.filled.fade.large.secondary {
  background-color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + -0.6));
}
.zb-chevron.filled.fade.large.secondary::before {
  border-top: 4.9999924484px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + -0.6));
}
.zb-chevron.filled.large.warning {
  background-color: hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
}
.zb-chevron.filled.large.warning::before {
  border-top: 4.9999924484px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
}
.zb-chevron.filled.fade.large.warning {
  background-color: hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + -0.6));
}
.zb-chevron.filled.fade.large.warning::before {
  border-top: 4.9999924484px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + -0.6));
}
.zb-chevron.chevron-outline.extra-small.red {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.extra-small.red::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 10px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 6.2861446357px;
}
.zb-chevron.chevron-outline.extra-small.red::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 10px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 6.2861446357px;
}
.zb-chevron.chevron-outline.extra-small.orange {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.extra-small.orange::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 10px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 6.2861446357px;
}
.zb-chevron.chevron-outline.extra-small.orange::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 10px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 6.2861446357px;
}
.zb-chevron.chevron-outline.extra-small.yellow {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.extra-small.yellow::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 10px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 6.2861446357px;
}
.zb-chevron.chevron-outline.extra-small.yellow::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 10px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 6.2861446357px;
}
.zb-chevron.chevron-outline.extra-small.green {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.extra-small.green::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 10px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 6.2861446357px;
}
.zb-chevron.chevron-outline.extra-small.green::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 10px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 6.2861446357px;
}
.zb-chevron.chevron-outline.extra-small.light-blue {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.extra-small.light-blue::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 10px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 6.2861446357px;
}
.zb-chevron.chevron-outline.extra-small.light-blue::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 10px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 6.2861446357px;
}
.zb-chevron.chevron-outline.extra-small.blue {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.extra-small.blue::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 10px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 6.2861446357px;
}
.zb-chevron.chevron-outline.extra-small.blue::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 10px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 6.2861446357px;
}
.zb-chevron.chevron-outline.extra-small.blue-grey {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.extra-small.blue-grey::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 10px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 6.2861446357px;
}
.zb-chevron.chevron-outline.extra-small.blue-grey::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 10px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 6.2861446357px;
}
.zb-chevron.chevron-outline.extra-small.grey {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.extra-small.grey::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 10px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 6.2861446357px;
}
.zb-chevron.chevron-outline.extra-small.grey::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 10px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 6.2861446357px;
}
.zb-chevron.chevron-outline.extra-small.dark-grey {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.extra-small.dark-grey::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 10px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 6.2861446357px;
}
.zb-chevron.chevron-outline.extra-small.dark-grey::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 10px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 6.2861446357px;
}
.zb-chevron.chevron-outline.extra-small.white {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.extra-small.white::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 10px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 6.2861446357px;
}
.zb-chevron.chevron-outline.extra-small.white::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 10px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 6.2861446357px;
}
.zb-chevron.chevron-outline.extra-small.indigo {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.extra-small.indigo::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 10px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 6.2861446357px;
}
.zb-chevron.chevron-outline.extra-small.indigo::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 10px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 6.2861446357px;
}
.zb-chevron.chevron-outline.extra-small.purple {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.extra-small.purple::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 10px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 6.2861446357px;
}
.zb-chevron.chevron-outline.extra-small.purple::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 10px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 6.2861446357px;
}
.zb-chevron.chevron-outline.extra-small.disabled {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.extra-small.disabled::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 10px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 6.2861446357px;
}
.zb-chevron.chevron-outline.extra-small.disabled::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 10px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 6.2861446357px;
}
.zb-chevron.chevron-outline.extra-small.primary {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.extra-small.primary::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 10px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 6.2861446357px;
}
.zb-chevron.chevron-outline.extra-small.primary::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 10px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 6.2861446357px;
}
.zb-chevron.chevron-outline.extra-small.secondary {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.extra-small.secondary::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 10px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 6.2861446357px;
}
.zb-chevron.chevron-outline.extra-small.secondary::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 10px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 6.2861446357px;
}
.zb-chevron.chevron-outline.extra-small.warning {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.extra-small.warning::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 10px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 6.2861446357px;
}
.zb-chevron.chevron-outline.extra-small.warning::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 10px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 6.2861446357px;
}
.zb-chevron.chevron-outline.small.red {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.small.red::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 13px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 7.8576807946px;
}
.zb-chevron.chevron-outline.small.red::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 13px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 7.8576807946px;
}
.zb-chevron.chevron-outline.small.orange {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.small.orange::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 13px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 7.8576807946px;
}
.zb-chevron.chevron-outline.small.orange::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 13px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 7.8576807946px;
}
.zb-chevron.chevron-outline.small.yellow {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.small.yellow::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 13px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 7.8576807946px;
}
.zb-chevron.chevron-outline.small.yellow::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 13px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 7.8576807946px;
}
.zb-chevron.chevron-outline.small.green {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.small.green::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 13px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 7.8576807946px;
}
.zb-chevron.chevron-outline.small.green::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 13px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 7.8576807946px;
}
.zb-chevron.chevron-outline.small.light-blue {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.small.light-blue::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 13px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 7.8576807946px;
}
.zb-chevron.chevron-outline.small.light-blue::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 13px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 7.8576807946px;
}
.zb-chevron.chevron-outline.small.blue {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.small.blue::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 13px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 7.8576807946px;
}
.zb-chevron.chevron-outline.small.blue::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 13px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 7.8576807946px;
}
.zb-chevron.chevron-outline.small.blue-grey {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.small.blue-grey::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 13px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 7.8576807946px;
}
.zb-chevron.chevron-outline.small.blue-grey::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 13px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 7.8576807946px;
}
.zb-chevron.chevron-outline.small.grey {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.small.grey::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 13px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 7.8576807946px;
}
.zb-chevron.chevron-outline.small.grey::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 13px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 7.8576807946px;
}
.zb-chevron.chevron-outline.small.dark-grey {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.small.dark-grey::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 13px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 7.8576807946px;
}
.zb-chevron.chevron-outline.small.dark-grey::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 13px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 7.8576807946px;
}
.zb-chevron.chevron-outline.small.white {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.small.white::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 13px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 7.8576807946px;
}
.zb-chevron.chevron-outline.small.white::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 13px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 7.8576807946px;
}
.zb-chevron.chevron-outline.small.indigo {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.small.indigo::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 13px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 7.8576807946px;
}
.zb-chevron.chevron-outline.small.indigo::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 13px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 7.8576807946px;
}
.zb-chevron.chevron-outline.small.purple {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.small.purple::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 13px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 7.8576807946px;
}
.zb-chevron.chevron-outline.small.purple::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 13px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 7.8576807946px;
}
.zb-chevron.chevron-outline.small.disabled {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.small.disabled::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 13px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 7.8576807946px;
}
.zb-chevron.chevron-outline.small.disabled::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 13px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 7.8576807946px;
}
.zb-chevron.chevron-outline.small.primary {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.small.primary::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 13px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 7.8576807946px;
}
.zb-chevron.chevron-outline.small.primary::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 13px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 7.8576807946px;
}
.zb-chevron.chevron-outline.small.secondary {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.small.secondary::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 13px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 7.8576807946px;
}
.zb-chevron.chevron-outline.small.secondary::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 13px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 7.8576807946px;
}
.zb-chevron.chevron-outline.small.warning {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.small.warning::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 13px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 7.8576807946px;
}
.zb-chevron.chevron-outline.small.warning::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 13px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 7.8576807946px;
}
.zb-chevron.chevron-outline.medium.red {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.medium.red::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 16px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 9.4292169535px;
}
.zb-chevron.chevron-outline.medium.red::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 16px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 9.4292169535px;
}
.zb-chevron.chevron-outline.medium.orange {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.medium.orange::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 16px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 9.4292169535px;
}
.zb-chevron.chevron-outline.medium.orange::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 16px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 9.4292169535px;
}
.zb-chevron.chevron-outline.medium.yellow {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.medium.yellow::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 16px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 9.4292169535px;
}
.zb-chevron.chevron-outline.medium.yellow::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 16px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 9.4292169535px;
}
.zb-chevron.chevron-outline.medium.green {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.medium.green::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 16px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 9.4292169535px;
}
.zb-chevron.chevron-outline.medium.green::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 16px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 9.4292169535px;
}
.zb-chevron.chevron-outline.medium.light-blue {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.medium.light-blue::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 16px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 9.4292169535px;
}
.zb-chevron.chevron-outline.medium.light-blue::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 16px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 9.4292169535px;
}
.zb-chevron.chevron-outline.medium.blue {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.medium.blue::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 16px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 9.4292169535px;
}
.zb-chevron.chevron-outline.medium.blue::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 16px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 9.4292169535px;
}
.zb-chevron.chevron-outline.medium.blue-grey {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.medium.blue-grey::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 16px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 9.4292169535px;
}
.zb-chevron.chevron-outline.medium.blue-grey::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 16px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 9.4292169535px;
}
.zb-chevron.chevron-outline.medium.grey {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.medium.grey::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 16px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 9.4292169535px;
}
.zb-chevron.chevron-outline.medium.grey::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 16px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 9.4292169535px;
}
.zb-chevron.chevron-outline.medium.dark-grey {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.medium.dark-grey::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 16px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 9.4292169535px;
}
.zb-chevron.chevron-outline.medium.dark-grey::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 16px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 9.4292169535px;
}
.zb-chevron.chevron-outline.medium.white {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.medium.white::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 16px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 9.4292169535px;
}
.zb-chevron.chevron-outline.medium.white::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 16px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 9.4292169535px;
}
.zb-chevron.chevron-outline.medium.indigo {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.medium.indigo::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 16px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 9.4292169535px;
}
.zb-chevron.chevron-outline.medium.indigo::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 16px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 9.4292169535px;
}
.zb-chevron.chevron-outline.medium.purple {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.medium.purple::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 16px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 9.4292169535px;
}
.zb-chevron.chevron-outline.medium.purple::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 16px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 9.4292169535px;
}
.zb-chevron.chevron-outline.medium.disabled {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.medium.disabled::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 16px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 9.4292169535px;
}
.zb-chevron.chevron-outline.medium.disabled::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 16px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 9.4292169535px;
}
.zb-chevron.chevron-outline.medium.primary {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.medium.primary::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 16px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 9.4292169535px;
}
.zb-chevron.chevron-outline.medium.primary::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 16px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 9.4292169535px;
}
.zb-chevron.chevron-outline.medium.secondary {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.medium.secondary::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 16px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 9.4292169535px;
}
.zb-chevron.chevron-outline.medium.secondary::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 16px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 9.4292169535px;
}
.zb-chevron.chevron-outline.medium.warning {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.medium.warning::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 16px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 9.4292169535px;
}
.zb-chevron.chevron-outline.medium.warning::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 16px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 9.4292169535px;
}
.zb-chevron.chevron-outline.large.red {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.large.red::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 30px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 16.7630523618px;
}
.zb-chevron.chevron-outline.large.red::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 30px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 16.7630523618px;
}
.zb-chevron.chevron-outline.large.orange {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.large.orange::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 30px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 16.7630523618px;
}
.zb-chevron.chevron-outline.large.orange::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 30px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 16.7630523618px;
}
.zb-chevron.chevron-outline.large.yellow {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.large.yellow::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 30px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 16.7630523618px;
}
.zb-chevron.chevron-outline.large.yellow::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 30px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 16.7630523618px;
}
.zb-chevron.chevron-outline.large.green {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.large.green::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 30px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 16.7630523618px;
}
.zb-chevron.chevron-outline.large.green::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 30px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 16.7630523618px;
}
.zb-chevron.chevron-outline.large.light-blue {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.large.light-blue::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 30px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 16.7630523618px;
}
.zb-chevron.chevron-outline.large.light-blue::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 30px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 16.7630523618px;
}
.zb-chevron.chevron-outline.large.blue {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.large.blue::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 30px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 16.7630523618px;
}
.zb-chevron.chevron-outline.large.blue::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 30px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 16.7630523618px;
}
.zb-chevron.chevron-outline.large.blue-grey {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.large.blue-grey::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 30px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 16.7630523618px;
}
.zb-chevron.chevron-outline.large.blue-grey::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 30px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 16.7630523618px;
}
.zb-chevron.chevron-outline.large.grey {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.large.grey::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 30px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 16.7630523618px;
}
.zb-chevron.chevron-outline.large.grey::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 30px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 16.7630523618px;
}
.zb-chevron.chevron-outline.large.dark-grey {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.large.dark-grey::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 30px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 16.7630523618px;
}
.zb-chevron.chevron-outline.large.dark-grey::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 30px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 16.7630523618px;
}
.zb-chevron.chevron-outline.large.white {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.large.white::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 30px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 16.7630523618px;
}
.zb-chevron.chevron-outline.large.white::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 30px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 16.7630523618px;
}
.zb-chevron.chevron-outline.large.indigo {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.large.indigo::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 30px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 16.7630523618px;
}
.zb-chevron.chevron-outline.large.indigo::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 30px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 16.7630523618px;
}
.zb-chevron.chevron-outline.large.purple {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.large.purple::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 30px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 16.7630523618px;
}
.zb-chevron.chevron-outline.large.purple::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 30px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 16.7630523618px;
}
.zb-chevron.chevron-outline.large.disabled {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.large.disabled::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 30px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 16.7630523618px;
}
.zb-chevron.chevron-outline.large.disabled::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 30px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 16.7630523618px;
}
.zb-chevron.chevron-outline.large.primary {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.large.primary::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 30px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 16.7630523618px;
}
.zb-chevron.chevron-outline.large.primary::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 30px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 16.7630523618px;
}
.zb-chevron.chevron-outline.large.secondary {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.large.secondary::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 30px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 16.7630523618px;
}
.zb-chevron.chevron-outline.large.secondary::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 30px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 16.7630523618px;
}
.zb-chevron.chevron-outline.large.warning {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.88));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
  box-sizing: border-box;
}
.zb-chevron.chevron-outline.large.warning::before {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 30px;
  transform: rotate(17.354deg);
  transform-origin: bottom left;
  width: 16.7630523618px;
}
.zb-chevron.chevron-outline.large.warning::after {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 0;
  left: initial;
  position: absolute;
  right: -1px;
  top: 30px;
  transform: rotate(-17.354deg);
  transform-origin: bottom right;
  width: 16.7630523618px;
}

.chevron-container {
  align-items: center;
  min-width: 50px;
  width: 50px;
}

.completion-text {
  font-size: 9px;
  margin: 8px 0;
  text-align: center;
}

.content-label,
.content-label-subject,
.chapter-item .chapter-item-controls .chapter-info .chapter-labels .chapter-label-subject,
.content-label-optional,
.section-assignment-details .assignment-choices-container .button-chevron-container .section-label-optional,
.section-activity-details .activity-group-list .activity-list-item .resource-badge-optional,
.columnar-scores .chapter-label-optional,
.section-item .section-title-link .section-info .section-title-info .section-label-optional,
.section-item .section-title-link .section-info .section-labels .section-label-optional,
.chapter-item .chapter-item-controls .chapter-info .chapter-labels .chapter-label-optional,
.assignment-details .section-optional-badge,
.assignment-section-summary .assignment-section-header .section-label-optional,
.assignment-section-summary .assignment-section-content .assignment-section-activity-info .activity-type-info-container .activity-list .section-label-optional,
.zybook-chapter-section-page .assignment-section-announcement .section-announcement-block-content .section-label-optional,
.zybook-chapter-section-page-docked .section-container .zb-split-view .zybook-section-split-view-right .zystudio-payload .zystudio-container .activity-title-bar .activity-description .resource-optional-badge,
.interactive-activity-container .activity-title-bar .activity-description .resource-optional-badge,
.section-reporting-expand-button .columnar-scores .section-label-optional,
.content-label-new,
.section-item .section-title-link .section-info .section-title-info .section-label-new,
.section-item .section-title-link .section-info .section-labels .section-label-new,
.chapter-item .chapter-item-controls .chapter-info .chapter-labels .chapter-label-new,
.content-label-lab,
.section-item .section-title-link .section-info .section-title-info .section-label-lab,
.section-item .section-title-link .section-info .section-labels .section-label-lab,
.chapter-item .chapter-item-controls .chapter-info .chapter-labels .chapter-label-lab,
.content-label-exam,
.section-item .section-title-link .section-info .section-title-info .section-label-exam,
.section-item .section-title-link .section-info .section-labels .section-label-exam,
.zybook-content-explorer-page .section-label-exam,
.zybook-content-explorer-printable-page .section-label-exam,
.content-label-hidden,
.section-item .section-title-link .section-info .section-title-info .section-label-hidden,
.section-item .section-title-link .section-info .section-labels .section-label-hidden,
.chapter-item .chapter-item-controls .chapter-info .chapter-labels .chapter-label-hidden,
.content-label-empty,
.chapter-item .chapter-item-controls .chapter-info .chapter-labels .chapter-label-empty {
  align-items: center;
  background-color: hsl(calc(var(--zb-semantic-color-zybook-content-label-background-h) + 0deg), calc(var(--zb-semantic-color-zybook-content-label-background-s) + 0%), calc(var(--zb-semantic-color-zybook-content-label-background-l) + 0%), calc(var(--zb-semantic-color-zybook-content-label-background-a) + 0));
  border-radius: 2px;
  box-sizing: border-box;
  color: hsl(calc(var(--zb-semantic-color-zybook-content-label-h) + 0deg), calc(var(--zb-semantic-color-zybook-content-label-s) + 0%), calc(var(--zb-semantic-color-zybook-content-label-l) + 0%), calc(var(--zb-semantic-color-zybook-content-label-a) + 0));
  font-size: 12px;
  font-weight: 300;
  height: 22px;
  margin: 0 2px;
  padding: 4px;
  white-space: nowrap;
}

.content-label-empty,
.chapter-item .chapter-item-controls .chapter-info .chapter-labels .chapter-label-empty {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-empty-h) + 0deg), calc(var(--zb-semantic-color-zybook-empty-s) + 0%), calc(var(--zb-semantic-color-zybook-empty-l) + 0%), calc(var(--zb-semantic-color-zybook-empty-a) + 0));
}

.content-label-hidden,
.section-item .section-title-link .section-info .section-title-info .section-label-hidden,
.section-item .section-title-link .section-info .section-labels .section-label-hidden,
.chapter-item .chapter-item-controls .chapter-info .chapter-labels .chapter-label-hidden {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-hidden-h) + 0deg), calc(var(--zb-semantic-color-zybook-hidden-s) + 0%), calc(var(--zb-semantic-color-zybook-hidden-l) + 0%), calc(var(--zb-semantic-color-zybook-hidden-a) + 0));
}

.content-label-exam,
.section-item .section-title-link .section-info .section-title-info .section-label-exam,
.section-item .section-title-link .section-info .section-labels .section-label-exam,
.zybook-content-explorer-page .section-label-exam,
.zybook-content-explorer-printable-page .section-label-exam {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-exam-h) + 0deg), calc(var(--zb-semantic-color-zybook-exam-s) + 0%), calc(var(--zb-semantic-color-zybook-exam-l) + 0%), calc(var(--zb-semantic-color-zybook-exam-a) + 0));
}

.content-label-lab,
.section-item .section-title-link .section-info .section-title-info .section-label-lab,
.section-item .section-title-link .section-info .section-labels .section-label-lab,
.chapter-item .chapter-item-controls .chapter-info .chapter-labels .chapter-label-lab {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-lab-h) + 0deg), calc(var(--zb-semantic-color-zybook-lab-s) + 0%), calc(var(--zb-semantic-color-zybook-lab-l) + 0%), calc(var(--zb-semantic-color-zybook-lab-a) + 0));
}

.content-label-new,
.section-item .section-title-link .section-info .section-title-info .section-label-new,
.section-item .section-title-link .section-info .section-labels .section-label-new,
.chapter-item .chapter-item-controls .chapter-info .chapter-labels .chapter-label-new {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-new-h) + 0deg), calc(var(--zb-semantic-color-zybook-new-s) + 0%), calc(var(--zb-semantic-color-zybook-new-l) + 0%), calc(var(--zb-semantic-color-zybook-new-a) + 0));
}

.content-label-optional,
.section-assignment-details .assignment-choices-container .button-chevron-container .section-label-optional,
.section-activity-details .activity-group-list .activity-list-item .resource-badge-optional,
.columnar-scores .chapter-label-optional,
.section-item .section-title-link .section-info .section-title-info .section-label-optional,
.section-item .section-title-link .section-info .section-labels .section-label-optional,
.chapter-item .chapter-item-controls .chapter-info .chapter-labels .chapter-label-optional,
.assignment-details .section-optional-badge,
.assignment-section-summary .assignment-section-header .section-label-optional,
.assignment-section-summary .assignment-section-content .assignment-section-activity-info .activity-type-info-container .activity-list .section-label-optional,
.zybook-chapter-section-page .assignment-section-announcement .section-announcement-block-content .section-label-optional,
.zybook-chapter-section-page-docked .section-container .zb-split-view .zybook-section-split-view-right .zystudio-payload .zystudio-container .activity-title-bar .activity-description .resource-optional-badge,
.interactive-activity-container .activity-title-bar .activity-description .resource-optional-badge,
.section-reporting-expand-button .columnar-scores .section-label-optional {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-optional-h) + 0deg), calc(var(--zb-semantic-color-zybook-optional-s) + 0%), calc(var(--zb-semantic-color-zybook-optional-l) + 0%), calc(var(--zb-semantic-color-zybook-optional-a) + 0));
}

.question-set-question code {
  white-space: pre-wrap !important;
}

a,
.link {
  color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  text-decoration: underline;
}

.loading-container {
  height: 100%;
}
.loading-container section {
  display: flex;
  height: 90%;
  place-content: center center;
}
.loading-container section h1 {
  text-align: center;
}

.zb-message-container {
  background-color: hsl(calc(var(--zb-semantic-color-info-h) + 0deg), calc(var(--zb-semantic-color-info-s) + 0%), calc(var(--zb-semantic-color-info-l) + 0%), calc(var(--zb-semantic-color-info-a) + -0.7));
  border-radius: 2px;
  color: hsl(calc(var(--zb-semantic-color-info-h) + 0deg), calc(var(--zb-semantic-color-info-s) + 0%), calc(var(--zb-semantic-color-info-l) + 0%), calc(var(--zb-semantic-color-info-a) + 0));
  padding: 16px 12px;
}
.zb-message-container.error {
  background-color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + -0.7));
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.zb-message-container.error a {
  color: hsl(calc(var(--zb-semantic-color-error-anchor-h) + 0deg), calc(var(--zb-semantic-color-error-anchor-s) + 0%), calc(var(--zb-semantic-color-error-anchor-l) + 0%), calc(var(--zb-semantic-color-error-anchor-a) + 0));
}
.zb-message-container.success {
  background-color: hsl(calc(var(--zb-semantic-color-success-h) + 0deg), calc(var(--zb-semantic-color-success-s) + 0%), calc(var(--zb-semantic-color-success-l) + 0%), calc(var(--zb-semantic-color-success-a) + -0.7));
  color: hsl(calc(var(--zb-semantic-color-success-h) + 0deg), calc(var(--zb-semantic-color-success-s) + 0%), calc(var(--zb-semantic-color-success-l) + 0%), calc(var(--zb-semantic-color-success-a) + 0));
}

.unsubscribed-message {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
  font-size: 13px;
  margin: 20px 16px;
  width: 2000px;
}

.signin-page .zb-message-container {
  margin-bottom: 24px;
}
.signin-page .ancillary-actions-container {
  margin-top: 12px;
}
.signin-page .zb-card {
  min-height: 400px;
}
.signin-page .zb-card .zb-card-content .forgot-password-link {
  padding: 0;
  width: inherit;
}

.forgot-page .zb-card.forgot-password-card {
  max-width: 348px;
  min-height: 222px;
}
.forgot-page .zb-card.forgot-password-card .disclaimer-text {
  margin-top: 0;
}
.forgot-page .zb-card.forgot-password-card p {
  font-size: 80%;
  margin-top: 0;
}
.forgot-page .zb-card.forgot-password-card p .link {
  color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
}

.reset-page .zb-card.reset-card {
  max-width: 395px;
  min-height: 312px;
}
.reset-page .zb-card.reset-card .zb-card-content {
  max-width: inherit;
}

.string-diff {
  padding: 2px 0;
}
.string-diff.unrendered-character::before {
  content: "�";
}
.string-diff.newline::before {
  content: "↵";
}
.string-diff.string-diff-highlight {
  background-color: hsl(calc(var(--zb-semantic-color-highlight-h) + 0deg), calc(var(--zb-semantic-color-highlight-s) + 0%), calc(var(--zb-semantic-color-highlight-l) + 0%), calc(var(--zb-semantic-color-highlight-a) + 0));
}
.string-diff.tab {
  display: inline-block;
  margin: 0;
  padding: 0;
  white-space: pre-line;
}
.string-diff.tab::before {
  content: "⇥";
}

.zybook-section.instructor-created-zybook-section h1,
.zybook-section.instructor-created-zybook-section pre {
  color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
}
.zybook-section.instructor-created-zybook-section h1 code,
.zybook-section.instructor-created-zybook-section pre code {
  margin: 8px 0;
}
.zybook-section.instructor-created-zybook-section .fr-view pre code {
  margin: 8px 0;
}

.content-tools-app p,
.zybook-section p,
.test-question p,
.unique p {
  margin: 0 0 10px;
}
.content-tools-app .code,
.content-tools-app .console,
.zybook-section .code,
.zybook-section .console,
.test-question .code,
.test-question .console,
.unique .code,
.unique .console {
  text-align: left;
}
.content-tools-app a.common_error,
.content-tools-app a.good_practice,
.zybook-section a.common_error,
.zybook-section a.good_practice,
.test-question a.common_error,
.test-question a.good_practice,
.unique a.common_error,
.unique a.good_practice {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}
.content-tools-app a.common_error span.common_error,
.content-tools-app a.common_error span.good_practice,
.content-tools-app a.good_practice span.common_error,
.content-tools-app a.good_practice span.good_practice,
.zybook-section a.common_error span.common_error,
.zybook-section a.common_error span.good_practice,
.zybook-section a.good_practice span.common_error,
.zybook-section a.good_practice span.good_practice,
.test-question a.common_error span.common_error,
.test-question a.common_error span.good_practice,
.test-question a.good_practice span.common_error,
.test-question a.good_practice span.good_practice,
.unique a.common_error span.common_error,
.unique a.common_error span.good_practice,
.unique a.good_practice span.common_error,
.unique a.good_practice span.good_practice {
  text-decoration: underline;
}
.content-tools-app a.term,
.zybook-section a.term,
.test-question a.term,
.unique a.term {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  font-style: italic;
  font-weight: bold;
  text-decoration: none;
}
.content-tools-app .common-error,
.content-tools-app .good-practice,
.zybook-section .common-error,
.zybook-section .good-practice,
.test-question .common-error,
.test-question .good-practice,
.unique .common-error,
.unique .good-practice {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  font-style: italic;
}
.content-tools-app .common-error-term,
.content-tools-app .good-practice-term,
.zybook-section .common-error-term,
.zybook-section .good-practice-term,
.test-question .common-error-term,
.test-question .good-practice-term,
.unique .common-error-term,
.unique .good-practice-term {
  font-style: italic;
}
.content-tools-app .term,
.zybook-section .term,
.test-question .term,
.unique .term {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  font-style: italic;
  font-weight: bold;
  text-decoration: none;
}
.content-tools-app .explore,
.zybook-section .explore,
.test-question .explore,
.unique .explore {
  display: inline-block;
  float: left;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 15px;
}
.content-tools-app .explore p:first-child,
.zybook-section .explore p:first-child,
.test-question .explore p:first-child,
.unique .explore p:first-child {
  padding-top: 10px;
}
.content-tools-app .explore ul li,
.zybook-section .explore ul li,
.test-question .explore ul li,
.unique .explore ul li {
  margin: 5px 0 !important;
  width: 100%;
}
.content-tools-app .pull-left,
.zybook-section .pull-left,
.test-question .pull-left,
.unique .pull-left {
  float: left;
  margin-bottom: 15px;
  margin-right: 15px;
}
.content-tools-app .pull-right,
.zybook-section .pull-right,
.test-question .pull-right,
.unique .pull-right {
  float: right;
  margin-bottom: 15px;
  margin-left: 15px;
}
.content-tools-app h1,
.zybook-section h1,
.test-question h1,
.unique h1 {
  color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  margin-left: 0;
}
.content-tools-app .centered-image,
.zybook-section .centered-image,
.test-question .centered-image,
.unique .centered-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.content-tools-app pre,
.zybook-section pre,
.test-question pre,
.unique pre {
  border: 0;
  font-style: normal;
  white-space: pre-wrap;
}
.content-tools-app pre .zb-text-area,
.zybook-section pre .zb-text-area,
.test-question pre .zb-text-area,
.unique pre .zb-text-area {
  vertical-align: top;
}
.content-tools-app div.code,
.content-tools-app div.code-number,
.content-tools-app div.console,
.content-tools-app div.construct,
.zybook-section div.code,
.zybook-section div.code-number,
.zybook-section div.console,
.zybook-section div.construct,
.test-question div.code,
.test-question div.code-number,
.test-question div.console,
.test-question div.construct,
.unique div.code,
.unique div.code-number,
.unique div.console,
.unique div.construct {
  display: inline-block;
  font-family: "Courier", monospace, sans-serif;
  font-size: 12px;
  line-height: 118%;
  padding: 5px;
  vertical-align: middle;
  white-space: pre;
}
.content-tools-app div.code pre,
.content-tools-app div.code-number pre,
.content-tools-app div.console pre,
.content-tools-app div.construct pre,
.zybook-section div.code pre,
.zybook-section div.code-number pre,
.zybook-section div.console pre,
.zybook-section div.construct pre,
.test-question div.code pre,
.test-question div.code-number pre,
.test-question div.console pre,
.test-question div.construct pre,
.unique div.code pre,
.unique div.code-number pre,
.unique div.console pre,
.unique div.construct pre {
  margin: 0;
}
.content-tools-app div.code td,
.content-tools-app div.code-number td,
.content-tools-app div.console td,
.content-tools-app div.construct td,
.zybook-section div.code td,
.zybook-section div.code-number td,
.zybook-section div.console td,
.zybook-section div.construct td,
.test-question div.code td,
.test-question div.code-number td,
.test-question div.console td,
.test-question div.construct td,
.unique div.code td,
.unique div.code-number td,
.unique div.console td,
.unique div.construct td {
  white-space: normal;
}
.content-tools-app div.output,
.zybook-section div.output,
.test-question div.output,
.unique div.output {
  line-height: 20px;
}
.content-tools-app .MathJax_Display,
.content-tools-app .MathJax_SVG_Display,
.content-tools-app mjx-container[jax=SVG][display=true],
.zybook-section .MathJax_Display,
.zybook-section .MathJax_SVG_Display,
.zybook-section mjx-container[jax=SVG][display=true],
.test-question .MathJax_Display,
.test-question .MathJax_SVG_Display,
.test-question mjx-container[jax=SVG][display=true],
.unique .MathJax_Display,
.unique .MathJax_SVG_Display,
.unique mjx-container[jax=SVG][display=true] {
  margin: 0 0 10px;
  padding: 8px;
}
.content-tools-app .question-choices .MathJax_Display,
.content-tools-app .question-choices .MathJax_SVG_Display,
.content-tools-app .question-choices mjx-container[jax=SVG][display=true],
.zybook-section .question-choices .MathJax_Display,
.zybook-section .question-choices .MathJax_SVG_Display,
.zybook-section .question-choices mjx-container[jax=SVG][display=true],
.test-question .question-choices .MathJax_Display,
.test-question .question-choices .MathJax_SVG_Display,
.test-question .question-choices mjx-container[jax=SVG][display=true],
.unique .question-choices .MathJax_Display,
.unique .question-choices .MathJax_SVG_Display,
.unique .question-choices mjx-container[jax=SVG][display=true] {
  margin: 0;
}
.content-tools-app div.code,
.content-tools-app .code,
.content-tools-app .zyblock,
.zybook-section div.code,
.zybook-section .code,
.zybook-section .zyblock,
.test-question div.code,
.test-question .code,
.test-question .zyblock,
.unique div.code,
.unique .code,
.unique .zyblock {
  background-color: hsl(calc(var(--zb-semantic-color-code-background-h) + 0deg), calc(var(--zb-semantic-color-code-background-s) + 0%), calc(var(--zb-semantic-color-code-background-l) + 0%), calc(var(--zb-semantic-color-code-background-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-code-h) + 0deg), calc(var(--zb-semantic-color-code-s) + 0%), calc(var(--zb-semantic-color-code-l) + 0%), calc(var(--zb-semantic-color-code-a) + 0));
}
.content-tools-app div.code.no-box,
.content-tools-app .code.no-box,
.content-tools-app .zyblock.no-box,
.zybook-section div.code.no-box,
.zybook-section .code.no-box,
.zybook-section .zyblock.no-box,
.test-question div.code.no-box,
.test-question .code.no-box,
.test-question .zyblock.no-box,
.unique div.code.no-box,
.unique .code.no-box,
.unique .zyblock.no-box {
  background-color: hsl(calc(var(--zb-semantic-color-code-no-box-background-h) + 0deg), calc(var(--zb-semantic-color-code-no-box-background-s) + 0%), calc(var(--zb-semantic-color-code-no-box-background-l) + 0%), calc(var(--zb-semantic-color-code-no-box-background-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-code-h) + 0deg), calc(var(--zb-semantic-color-code-s) + 0%), calc(var(--zb-semantic-color-code-l) + 0%), calc(var(--zb-semantic-color-code-a) + 0));
}
.content-tools-app div.code.inline div,
.content-tools-app .code.inline div,
.content-tools-app .zyblock.inline div,
.zybook-section div.code.inline div,
.zybook-section .code.inline div,
.zybook-section .zyblock.inline div,
.test-question div.code.inline div,
.test-question .code.inline div,
.test-question .zyblock.inline div,
.unique div.code.inline div,
.unique .code.inline div,
.unique .zyblock.inline div {
  display: inline-block;
}
.content-tools-app .zyblock,
.zybook-section .zyblock,
.test-question .zyblock,
.unique .zyblock {
  display: inline-block;
  margin-bottom: 20px;
  padding: 10px;
  text-align: left;
}
.content-tools-app span.zyLn,
.zybook-section span.zyLn,
.test-question span.zyLn,
.unique span.zyLn {
  background-color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  display: block;
  height: 1px;
  margin: 0;
  position: relative;
  width: 100%;
}
.content-tools-app .console,
.zybook-section .console,
.test-question .console,
.unique .console {
  background: rgb(243, 243, 243);
  border: 1px solid hsl(calc(var(--zb-semantic-color-black-h) + 0deg), calc(var(--zb-semantic-color-black-s) + 0%), calc(var(--zb-semantic-color-black-l) + 0%), calc(var(--zb-semantic-color-black-a) + 0));
  border-radius: 5px;
  color: #000000;
  padding: 8px;
}
.content-tools-app span.codehighlight,
.zybook-section span.codehighlight,
.test-question span.codehighlight,
.unique span.codehighlight {
  background: rgb(255, 255, 0);
}
.content-tools-app span.zyline,
.zybook-section span.zyline,
.test-question span.zyline,
.unique span.zyline {
  background-color: hsl(calc(var(--zb-semantic-color-grey-600-h) + 0deg), calc(var(--zb-semantic-color-grey-600-s) + 0%), calc(var(--zb-semantic-color-grey-600-l) + 0%), calc(var(--zb-semantic-color-grey-600-a) + 0));
  display: block;
  height: 1px;
  margin: 0;
  position: relative;
  width: 100%;
}
.content-tools-app .table-header table,
.zybook-section .table-header table,
.test-question .table-header table,
.unique .table-header table {
  width: 100%;
}
.content-tools-app sup,
.zybook-section sup,
.test-question sup,
.unique sup {
  line-height: inherit;
}
.content-tools-app img,
.zybook-section img,
.test-question img,
.unique img {
  max-height: 100%;
  max-width: 100%;
}
.content-tools-app .show-advanced-zylab-experience-modal,
.zybook-section .show-advanced-zylab-experience-modal,
.test-question .show-advanced-zylab-experience-modal,
.unique .show-advanced-zylab-experience-modal {
  padding: 1.25rem;
  width: 480px;
}
.content-tools-app .show-upgrade-classic-with-submissions-modal,
.zybook-section .show-upgrade-classic-with-submissions-modal,
.test-question .show-upgrade-classic-with-submissions-modal,
.unique .show-upgrade-classic-with-submissions-modal {
  padding: 1.25rem;
  width: 480px;
}

blockquote {
  background-color: hsl(calc(var(--zb-semantic-color-background-h) + 0deg), calc(var(--zb-semantic-color-background-s) + 0%), calc(var(--zb-semantic-color-background-l) + 0%), calc(var(--zb-semantic-color-background-a) + 0));
  border-left: 10px solid hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
  margin: 1.5em 10px;
  padding: 0.75em 10px;
  quotes: "“" "”";
}
blockquote p {
  display: inline;
}

blockquote::before {
  color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}

.custom-resource-payload input:not([type=range], [type=radio], [type=checkbox]), .zb-textarea,
.zb-text-area,
.markdown-to-html,
.contact-information .additional-comments-text-area,
.zylabs-edit .lab-spec .markdown-text-area,
.test-results-modal .markdown-to-html,
.zylabs-edit-lite-component .markdown-to-html,
.ace-editor-container .accessible-editor,
.ace-editor-container .accessible-restricted-editor {
  border: 1px solid hsl(calc(var(--zb-semantic-color-input-border-h) + 0deg), calc(var(--zb-semantic-color-input-border-s) + 0%), calc(var(--zb-semantic-color-input-border-l) + 0%), calc(var(--zb-semantic-color-input-border-a) + 0));
  box-sizing: border-box;
  padding: 4px;
}
.custom-resource-payload input:focus:not([type=range], [type=radio], [type=checkbox]), .zb-textarea:focus,
.zb-text-area:focus,
.markdown-to-html:focus,
.contact-information .additional-comments-text-area:focus,
.zylabs-edit .lab-spec .markdown-text-area:focus,
.ace-editor-container .accessible-editor:focus,
.ace-editor-container .accessible-restricted-editor:focus, .custom-resource-payload input.focus:not([type=range], [type=radio], [type=checkbox]), .focus.zb-textarea,
.focus.zb-text-area,
.focus.markdown-to-html,
.contact-information .focus.additional-comments-text-area,
.zylabs-edit .lab-spec .focus.markdown-text-area,
.ace-editor-container .focus.accessible-editor,
.ace-editor-container .focus.accessible-restricted-editor {
  border: 1px solid hsl(calc(var(--zb-semantic-color-info-h) + 0deg), calc(var(--zb-semantic-color-info-s) + 0%), calc(var(--zb-semantic-color-info-l) + 0%), calc(var(--zb-semantic-color-info-a) + 0));
}
.custom-resource-payload input[disabled]:not([type=range], [type=radio], [type=checkbox]), [disabled].zb-textarea,
[disabled].zb-text-area,
[disabled].markdown-to-html,
.contact-information [disabled].additional-comments-text-area,
.zylabs-edit .lab-spec [disabled].markdown-text-area,
.ace-editor-container [disabled].accessible-editor,
.ace-editor-container [disabled].accessible-restricted-editor, .custom-resource-payload input[readonly]:not([type=range], [type=radio], [type=checkbox]), [readonly].zb-textarea,
[readonly].zb-text-area,
[readonly].markdown-to-html,
.contact-information [readonly].additional-comments-text-area,
.zylabs-edit .lab-spec [readonly].markdown-text-area,
.ace-editor-container [readonly].accessible-editor,
.ace-editor-container [readonly].accessible-restricted-editor {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-background-h) + 0deg), calc(var(--zb-semantic-color-disabled-background-s) + 0%), calc(var(--zb-semantic-color-disabled-background-l) + 0%), calc(var(--zb-semantic-color-disabled-background-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}

.zb-textarea,
.zb-text-area,
.markdown-to-html,
.contact-information .additional-comments-text-area,
.zylabs-edit .lab-spec .markdown-text-area,
.test-results-modal .markdown-to-html,
.zylabs-edit-lite-component .markdown-to-html,
.ace-editor-container .accessible-editor,
.ace-editor-container .accessible-restricted-editor {
  min-height: 28px;
  min-width: -moz-min-content;
  min-width: min-content;
  resize: vertical;
}
.zb-textarea.clear-margin,
.zb-text-area.clear-margin,
.clear-margin.markdown-to-html,
.contact-information .clear-margin.additional-comments-text-area,
.zylabs-edit .lab-spec .clear-margin.markdown-text-area,
.ace-editor-container .clear-margin.accessible-editor,
.ace-editor-container .clear-margin.accessible-restricted-editor {
  margin-right: -23px;
  padding: 4px 25px 4px 4px;
}
.zb-textarea.icon-margin,
.zb-text-area.icon-margin,
.icon-margin.markdown-to-html,
.contact-information .icon-margin.additional-comments-text-area,
.zylabs-edit .lab-spec .icon-margin.markdown-text-area,
.ace-editor-container .icon-margin.accessible-editor,
.ace-editor-container .icon-margin.accessible-restricted-editor {
  margin-left: -23px;
  padding: 4px 4px 4px 25px;
}

.zb-textarea-container label {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  display: block;
}
.zb-textarea-container &gt; .zb-icon {
  vertical-align: top;
}
.zb-textarea-container &gt; .zb-icon.sm {
  left: 4px;
  margin: 0;
  position: relative;
  top: 4px;
}
.zb-textarea-container &gt; .zb-button {
  height: 25px;
  margin: 0;
  padding: 0;
  position: relative;
  right: 5px;
  top: 0;
  vertical-align: top;
  width: 25px;
}
.zb-textarea-container.message-present.error .zb-textarea {
  border: 1px solid hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.zb-textarea-container.message-present.error .zb-textarea:focus, .zb-textarea-container.message-present.error .zb-textarea.focus {
  border: 2px solid hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.zb-textarea-container &gt; .clear-button {
  display: none;
}
.zb-textarea-container:has(textarea:not(:-moz-placeholder)) &gt; .clear-button {
  display: inline-block;
}
.zb-textarea-container:has(textarea:not(:placeholder-shown)) &gt; .clear-button {
  display: inline-block;
}

.zb-textarea-container.top-label textarea {
  display: block;
}

.button:hover:not(.disabled) {
  background-color: #ab4600;
}

.button {
  background-color: #cc6600;
  border-width: 0;
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
  cursor: pointer;
  display: inline-block;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", helvetica, arial, "Lucida Grande", sans-serif;
  padding: 12px 20px;
  text-align: center;
}
.button.disabled {
  opacity: 0.5;
}

button,
.button {
  font-size: 15px;
}
button.compact,
.button.compact {
  height: auto;
  padding: 3px 6px;
}

.md-action-button {
  background-color: #576e91;
  border-radius: 2px;
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
}
.md-action-button.no-text-transform {
  text-transform: none;
}
.md-action-button.orange {
  background-color: #cc6600;
}
.md-action-button:disabled, .md-action-button[aria-disabled=true] {
  background-color: #888888;
  cursor: not-allowed;
}

.md-button-no-color,
.md-button,
.md-action-button {
  border: none;
  cursor: pointer;
  display: inline-block;
  font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", helvetica, arial, "Lucida Grande", sans-serif;
  font-size: 14px;
  height: 38px;
  overflow: hidden;
  padding: 8px 20px;
  text-align: center;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.md-button {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  color: #576e91;
}

.md-button:disabled,
.md-button[aria-disabled=true] {
  color: #888888 !important;
  cursor: not-allowed;
}

.md-button:active:enabled {
  box-shadow: 5px #aaaaaa;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.gripper {
  cursor: pointer;
  height: 20px;
  width: 20px;
}
.gripper .gripper-line {
  background-color: hsl(calc(var(--zb-semantic-color-grey-400-h) + 0deg), calc(var(--zb-semantic-color-grey-400-s) + 0%), calc(var(--zb-semantic-color-grey-400-l) + 0%), calc(var(--zb-semantic-color-grey-400-a) + 0));
  height: 1px;
  margin-bottom: 3px;
  width: 15px;
}

.animation-controls {
  z-index: 1;
}
.animation-controls .back-to-start-button,
.animation-controls .normalize-controls,
.animation-controls .pause-button,
.animation-controls .play-button,
.animation-controls .speed-control,
.animation-controls .start-button,
.animation-controls .step {
  z-index: 1;
}

.zb-menu {
  z-index: 5000;
}

.zb-toolbar {
  z-index: 5010;
}

.top-toolbar {
  z-index: 5015;
}

.zb-modal {
  z-index: 5020;
}
.zb-modal .zb-menu {
  z-index: 5030;
}

.modal-on-modal {
  z-index: 5025;
}

.ember-basic-dropdown-content.ember-power-select-dropdown {
  z-index: 5040;
}

.modify-section .zb-modal,
.modify-section .announcement-container,
.modify-section .toolbar-container {
  z-index: 5012;
}
.modify-section .fr-toolbar {
  z-index: 5013 !important;
}
.modify-section .insert-content {
  z-index: 5000;
}

.zybook-edit-section-page .zb-modal {
  z-index: 5015;
}

.basicLightbox {
  z-index: 5000000 !important;
}

body {
  --keyboard-zindex: 5000;
}

.zybook-section .instructor-note .instructor-note-content h1,
.zybook-section .instructor-note .markdown-preview h1, .zylabs-edit .lab-spec .preview-modal .section-card h1, .zybook-section &gt; .zb-card-content &gt; .section-content-resources-container .markdown-content-resource h1,
.lab-spec h1, .vm-it-lab-content-resource .vm-it-lab-markdown h1,
.zybook-section .instructor-note .instructor-note-content h2,
.zybook-section .instructor-note .markdown-preview h2,
.zylabs-edit .lab-spec .preview-modal .section-card h2,
.zybook-section &gt; .zb-card-content &gt; .section-content-resources-container .markdown-content-resource h2,
.lab-spec h2,
.vm-it-lab-content-resource .vm-it-lab-markdown h2,
.zybook-section .instructor-note .instructor-note-content h3,
.zybook-section .instructor-note .markdown-preview h3,
.zylabs-edit .lab-spec .preview-modal .section-card h3,
.zybook-section &gt; .zb-card-content &gt; .section-content-resources-container .markdown-content-resource h3,
.lab-spec h3,
.vm-it-lab-content-resource .vm-it-lab-markdown h3,
.zybook-section .instructor-note .instructor-note-content h4,
.zybook-section .instructor-note .markdown-preview h4,
.zylabs-edit .lab-spec .preview-modal .section-card h4,
.zybook-section &gt; .zb-card-content &gt; .section-content-resources-container .markdown-content-resource h4,
.lab-spec h4,
.vm-it-lab-content-resource .vm-it-lab-markdown h4,
.markdown-headers h1,
.markdown-headers h2,
.markdown-headers h3,
.markdown-headers h4 {
  color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
}
.zybook-section .instructor-note .instructor-note-content h1,
.zybook-section .instructor-note .markdown-preview h1, .zylabs-edit .lab-spec .preview-modal .section-card h1, .zybook-section &gt; .zb-card-content &gt; .section-content-resources-container .markdown-content-resource h1,
.lab-spec h1, .vm-it-lab-content-resource .vm-it-lab-markdown h1,
.zybook-section .instructor-note .instructor-note-content h2,
.zybook-section .instructor-note .markdown-preview h2,
.zylabs-edit .lab-spec .preview-modal .section-card h2,
.zybook-section &gt; .zb-card-content &gt; .section-content-resources-container .markdown-content-resource h2,
.lab-spec h2,
.vm-it-lab-content-resource .vm-it-lab-markdown h2,
.markdown-headers h1,
.markdown-headers h2 {
  font-size: 22px;
  padding-top: 0;
}
.zybook-section .instructor-note .instructor-note-content h3,
.zybook-section .instructor-note .markdown-preview h3, .zylabs-edit .lab-spec .preview-modal .section-card h3, .zybook-section &gt; .zb-card-content &gt; .section-content-resources-container .markdown-content-resource h3,
.lab-spec h3, .vm-it-lab-content-resource .vm-it-lab-markdown h3,
.markdown-headers h3 {
  font-size: 20px;
}
.zybook-section .instructor-note .instructor-note-content h4,
.zybook-section .instructor-note .markdown-preview h4, .zylabs-edit .lab-spec .preview-modal .section-card h4, .zybook-section &gt; .zb-card-content &gt; .section-content-resources-container .markdown-content-resource h4,
.lab-spec h4, .vm-it-lab-content-resource .vm-it-lab-markdown h4,
.markdown-headers h4 {
  font-size: 15px;
}
.zybook-section .instructor-note .instructor-note-content h5,
.zybook-section .instructor-note .markdown-preview h5, .zylabs-edit .lab-spec .preview-modal .section-card h5, .zybook-section &gt; .zb-card-content &gt; .section-content-resources-container .markdown-content-resource h5,
.lab-spec h5, .vm-it-lab-content-resource .vm-it-lab-markdown h5,
.markdown-headers h5 {
  font-size: 12px;
}
.zybook-section .instructor-note .instructor-note-content h6,
.zybook-section .instructor-note .markdown-preview h6, .zylabs-edit .lab-spec .preview-modal .section-card h6, .zybook-section &gt; .zb-card-content &gt; .section-content-resources-container .markdown-content-resource h6,
.lab-spec h6, .vm-it-lab-content-resource .vm-it-lab-markdown h6,
.markdown-headers h6 {
  font-size: 10px;
}

.zb-explanation {
  flex-grow: 1;
  font-size: 14px;
  height: 100%;
  margin-bottom: auto;
  margin-left: 24px;
  margin-right: 12px;
  max-width: 350px;
  padding-left: 16px;
  position: relative;
}
.zb-explanation.margin-for-chevron {
  margin-right: 20px;
}
.zb-explanation.has-explanation::after {
  border: 2px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  bottom: -8px;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 0;
}
.zb-explanation .placeholder {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  margin: 16px 0;
}
.zb-explanation .message {
  font-size: inherit;
  font-weight: bold;
  margin: 16px 0 8px;
}
.zb-explanation .answers {
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 8px;
}
.zb-explanation .answers span {
  margin: 0 4px;
}
.zb-explanation .answers .forfeit-answer {
  display: inline-block;
  font-family: "Roboto", sans-serif;
}
.zb-explanation .answers .forfeit-answer.obey-linear {
  white-space: normal;
}
.zb-explanation .correct-choice-select-row .zb-radio-button {
  margin-left: 16px;
  margin-top: 12px;
}
.zb-explanation .explanation-input {
  margin-left: 16px;
  margin-top: 8px;
}
.zb-explanation .explanation-input input {
  border-bottom: 0;
}
.zb-explanation .show-again {
  color: hsl(calc(var(--zb-semantic-color-info-h) + 0deg), calc(var(--zb-semantic-color-info-s) + 0%), calc(var(--zb-semantic-color-info-l) + 0%), calc(var(--zb-semantic-color-info-a) + 0));
}
.zb-explanation.correct {
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-success-h) + 0deg), calc(var(--zb-semantic-color-success-s) + 0%), calc(var(--zb-semantic-color-success-l) + 0%), calc(var(--zb-semantic-color-success-a) + 0));
}
.zb-explanation.correct .message {
  color: hsl(calc(var(--zb-semantic-color-success-h) + 0deg), calc(var(--zb-semantic-color-success-s) + 0%), calc(var(--zb-semantic-color-success-l) + 0%), calc(var(--zb-semantic-color-success-a) + 0));
}
.zb-explanation.correct::after {
  border: 4px solid hsl(calc(var(--zb-semantic-color-success-h) + 0deg), calc(var(--zb-semantic-color-success-s) + 0%), calc(var(--zb-semantic-color-success-l) + 0%), calc(var(--zb-semantic-color-success-a) + 0));
}
.zb-explanation.incorrect {
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.zb-explanation.incorrect .message {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.zb-explanation.incorrect::after {
  border: 4px solid hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.zb-explanation.warn {
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-info-h) + 0deg), calc(var(--zb-semantic-color-info-s) + 0%), calc(var(--zb-semantic-color-info-l) + 0%), calc(var(--zb-semantic-color-info-a) + 0));
}
.zb-explanation.warn .message {
  color: hsl(calc(var(--zb-semantic-color-info-h) + 0deg), calc(var(--zb-semantic-color-info-s) + 0%), calc(var(--zb-semantic-color-info-l) + 0%), calc(var(--zb-semantic-color-info-a) + 0));
}
.zb-explanation.warn::after {
  border: 4px solid hsl(calc(var(--zb-semantic-color-info-h) + 0deg), calc(var(--zb-semantic-color-info-s) + 0%), calc(var(--zb-semantic-color-info-l) + 0%), calc(var(--zb-semantic-color-info-a) + 0));
}
.zb-explanation.forfeit {
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-info-h) + 0deg), calc(var(--zb-semantic-color-info-s) + 0%), calc(var(--zb-semantic-color-info-l) + 0%), calc(var(--zb-semantic-color-info-a) + 0));
}
.zb-explanation.forfeit .message {
  color: hsl(calc(var(--zb-semantic-color-info-h) + 0deg), calc(var(--zb-semantic-color-info-s) + 0%), calc(var(--zb-semantic-color-info-l) + 0%), calc(var(--zb-semantic-color-info-a) + 0));
}
.zb-explanation.forfeit::after {
  border: 4px solid hsl(calc(var(--zb-semantic-color-info-h) + 0deg), calc(var(--zb-semantic-color-info-s) + 0%), calc(var(--zb-semantic-color-info-l) + 0%), calc(var(--zb-semantic-color-info-a) + 0));
}
.zb-explanation.secondary {
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
}
.zb-explanation.secondary .message {
  color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
}
.zb-explanation.secondary::after {
  border: 4px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
}

.ace-editor-container {
  max-width: 100%;
  min-height: 300px;
  position: relative;
  width: 100%;
}
.ace-editor-container .accessible-editor,
.ace-editor-container .ace-editor {
  inset: 0;
  min-height: 300px;
  position: absolute;
  width: 100%;
}
.ace-editor-container .accessible-editor .disabled-filter,
.ace-editor-container .ace-editor .disabled-filter {
  background-color: rgba(0, 0, 0, 0.4);
  inset: 0;
  min-height: 300px;
  position: absolute;
  width: 100%;
  z-index: 5;
}
.ace-editor-container .accessible-editor.resizable,
.ace-editor-container .ace-editor.resizable {
  bottom: 16px;
}
.ace-editor-container .drop-file-here {
  background-color: hsl(calc(var(--zb-semantic-color-blue-grey-800-h) + 0deg), calc(var(--zb-semantic-color-blue-grey-800-s) + 0%), calc(var(--zb-semantic-color-blue-grey-800-l) + 0%), calc(var(--zb-semantic-color-blue-grey-800-a) + 0));
  height: 100%;
  opacity: 0.1;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 1000;
}
.ace-editor-container .drop-file-message {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  font-size: 20px;
  font-style: italic;
  left: calc(50% - 50px);
  position: absolute;
  top: 150px;
}
.ace-editor-container .accessible-editor,
.ace-editor-container .accessible-restricted-editor {
  font-family: "Courier", monospace, sans-serif;
  line-height: normal;
  overflow-y: auto;
  padding: 0;
  resize: none;
  white-space: pre;
  width: 100%;
}
.ace-editor-container .accessible-editor textarea,
.ace-editor-container .accessible-restricted-editor textarea {
  font-family: "Courier", monospace, sans-serif;
  max-height: 100%;
  max-width: 100%;
  padding: 0;
  width: 80%;
}
.ace-editor-container .resizable-handle {
  display: block;
  font-size: 0.1px;
  position: absolute;
  touch-action: none;
}
.ace-editor-container .resizable-b {
  bottom: -5px;
  cursor: s-resize;
  height: 7px;
  left: 0;
  width: 100%;
}
.ace-editor-container .resizable-b::before {
  background: url("/zycommon-web/assets/img/ui-icons_757575_256x240.png") -80px 16px;
  bottom: 5px;
  content: "";
  cursor: se-resize;
  height: 16px;
  position: absolute;
  right: 0;
  width: 16px;
}
.ace-editor-container .ace-editor-red-highlighting {
  background: #fc5457;
  opacity: 0.2;
  position: absolute;
  z-index: 6;
}
.ace-editor-container .ace-editor-red-highlighting.selected {
  opacity: 0.6;
}
.ace-editor-container .ace-editor-green-highlighting {
  background: #56b157;
  opacity: 0.2;
  position: absolute;
  z-index: 6;
}
.ace-editor-container .ace-editor-green-highlighting.selected {
  opacity: 0.6;
}
.ace-editor-container .ace-editor-orange-highlighting {
  background: #f4892f;
  opacity: 0.2;
  position: absolute;
  z-index: 6;
}
.ace-editor-container .ace-editor-orange-highlighting.selected {
  opacity: 0.6;
}
.ace-editor-container .ace-editor-yellow-highlighting {
  background: hsl(calc(var(--zb-semantic-color-highlight-h) + 0deg), calc(var(--zb-semantic-color-highlight-s) + 0%), calc(var(--zb-semantic-color-highlight-l) + 0%), calc(var(--zb-semantic-color-highlight-a) + 0));
  opacity: 0.2;
  position: absolute;
  z-index: 6;
}
.ace-editor-container .ace-editor-yellow-highlighting.selected {
  opacity: 0.6;
}

.access-controls-options .access-controls-row {
  flex-wrap: wrap;
  height: 30px;
  margin: 16px 0 16px 24px;
}
.access-controls-options .access-controls-row.group {
  height: auto;
}
.access-controls-options .access-controls-row .duration-dropdown {
  width: 150px;
}
.access-controls-options .access-controls-row .duration-trigger {
  max-width: 132px;
  min-width: 50px;
}
.access-controls-options .access-controls-row input:disabled {
  cursor: default;
}
.access-controls-options .access-controls-row .zb-input-container {
  height: auto;
}
.access-controls-options .access-controls-row .zb-input-container input {
  background-color: hsl(calc(var(--zb-semantic-color-input-background-h) + 0deg), calc(var(--zb-semantic-color-input-background-s) + 0%), calc(var(--zb-semantic-color-input-background-l) + 0%), calc(var(--zb-semantic-color-input-background-a) + 0));
  border: 1px solid hsl(calc(var(--zb-semantic-color-input-border-h) + 0deg), calc(var(--zb-semantic-color-input-border-s) + 0%), calc(var(--zb-semantic-color-input-border-l) + 0%), calc(var(--zb-semantic-color-input-border-a) + 0));
  border-radius: 2px;
  width: 50px;
}
.access-controls-options .access-controls-row .zb-input-container input[disabled] {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-background-h) + 0deg), calc(var(--zb-semantic-color-disabled-background-s) + 0%), calc(var(--zb-semantic-color-disabled-background-l) + 0%), calc(var(--zb-semantic-color-disabled-background-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.access-controls-options .access-controls-row .zb-input-container input ::-moz-placeholder {
  color: hsl(calc(var(--zb-semantic-color-input-placeholder-h) + 0deg), calc(var(--zb-semantic-color-input-placeholder-s) + 0%), calc(var(--zb-semantic-color-input-placeholder-l) + 0%), calc(var(--zb-semantic-color-input-placeholder-a) + 0));
}
.access-controls-options .access-controls-row .zb-input-container input ::placeholder {
  color: hsl(calc(var(--zb-semantic-color-input-placeholder-h) + 0deg), calc(var(--zb-semantic-color-input-placeholder-s) + 0%), calc(var(--zb-semantic-color-input-placeholder-l) + 0%), calc(var(--zb-semantic-color-input-placeholder-a) + 0));
}
.access-controls-options .access-controls-row .zb-select-container {
  border-radius: 2px;
}
.access-controls-options .access-controls-row .zb-select-container .select {
  border-bottom: none;
  padding: 4px;
}
.access-controls-options .access-controls-row .message-container {
  width: 220px;
}
.access-controls-options .access-controls-row .enter-password input {
  box-sizing: border-box;
  height: 32px;
  padding: 4px 8px;
  width: 168px;
}
.access-controls-options .access-controls-row .time-gate-date-row {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 30px;
}
.access-controls-options .access-controls-row .time-gate-date-row .date-time-picker {
  margin: 0;
}
.access-controls-options .message-text {
  font-size: 14px;
  margin: 0 4px;
}
.access-controls-options .attempt-limit-group-select {
  width: 200px;
}
.access-controls-options .validation {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.access-controls-options .attempt-limit {
  align-items: center;
  display: flex;
  height: auto;
  margin-bottom: 24px;
}
.access-controls-options .attempt-limit .validation {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.access-controls-options .attempt-limit .attempt-limit-row {
  align-items: center;
  display: flex;
  height: 30px;
  position: relative;
}
.access-controls-options .attempt-limit .attempt-limit-row .date-time-picker {
  margin: 0;
  width: 250px;
}
.access-controls-options .user-select {
  min-height: 29px;
  width: 240px;
}

.ai-zylab-helper {
  display: flex;
  flex-direction: column;
}
.ai-zylab-helper .ai-drop-down {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-size: 14px;
}
.ai-zylab-helper .ai-drop-down .expand-button {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  font-weight: bold;
  margin-left: 4px;
}
.ai-zylab-helper .ai-conversation-container {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  border-color: hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  border-style: solid;
  border-width: 1px;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 300px;
  min-height: 100px;
  overflow-y: auto;
  width: 100%;
}
.ai-zylab-helper .ai-conversation-container .ai-message-container {
  display: flex;
  flex-direction: column;
  font-size: 14px;
}
.ai-zylab-helper .ai-conversation-container .ai-message-container hr {
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-grey-300-h) + 0deg), calc(var(--zb-semantic-color-grey-300-s) + 0%), calc(var(--zb-semantic-color-grey-300-l) + 0%), calc(var(--zb-semantic-color-grey-300-a) + 0));
  margin: 0 16px;
  width: 50%;
}
.ai-zylab-helper .ai-conversation-container .ai-message-container .ai-message {
  background-color: hsl(calc(var(--zb-semantic-color-background-h) + 0deg), calc(var(--zb-semantic-color-background-s) + 0%), calc(var(--zb-semantic-color-background-l) + 0%), calc(var(--zb-semantic-color-background-a) + 0));
  border-radius: 3pt;
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  display: flex;
  font-size: 14px;
  margin: 16px;
  padding: 4px 10px;
  width: 85%;
}
.ai-zylab-helper .ai-conversation-container .ai-message-container .thumb-border {
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-grey-300-h) + 0deg), calc(var(--zb-semantic-color-grey-300-s) + 0%), calc(var(--zb-semantic-color-grey-300-l) + 0%), calc(var(--zb-semantic-color-grey-300-a) + 0));
}
.ai-zylab-helper .ai-conversation-container .ai-message-container .student-response {
  border-color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  border-radius: 3pt;
  border-style: solid;
  border-width: 1px;
  font-size: 14px;
  height: 20px;
  margin-right: 8px;
  padding: 4px;
}
.ai-zylab-helper .ai-conversation-container .ai-message-container .student-response:hover {
  border-color: #37474f;
}
.ai-zylab-helper .ai-conversation-container .ai-message-container .student-response-disabled {
  border-color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  border-radius: 3pt;
  border-style: solid;
  border-width: 1px;
  font-size: 14px;
  height: 20px;
  margin-right: 8px;
  padding: 4px;
}

.attributed-string-renderer.link, .attributed-string-renderer.target-missing, .attributed-string-renderer.target-unused {
  height: auto;
  line-height: 20px;
}
.attributed-string-renderer.link .title, .attributed-string-renderer.target-missing .title, .attributed-string-renderer.target-unused .title {
  font-size: 16px;
}
.attributed-string-renderer.link i, .attributed-string-renderer.target-missing i, .attributed-string-renderer.target-unused i {
  margin-right: 3px;
}

.attributed-string-renderer-iframe {
  border: 0;
}

.copy-btn {
  background-color: transparent;
}

.zb-button,
.student-instructions-modal .copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .move-sections-button,
.subscribe-student-panel .already-paid,
.modify-section .toolbar-container .toolbar-card .show-me-how-link,
.instructor-note-container .show-edit-instructor-note-icon,
.assignment-section-summary .next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .exit-button,
.zybook-zylab-similarity-page .zb-toolbar .exit-button,
.view-request-card .back-to-library-link,
.review-adoption .back-to-library-link,
details &gt; summary,
.pythonTutor .ExecutionVisualizer #vcrControls .button,
.definition-match-payload .definition-match-term &gt; div,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .more-info {
  align-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 2px;
  box-sizing: border-box;
  color: hsl(calc(var(--zb-semantic-color-button-default-h) + 0deg), calc(var(--zb-semantic-color-button-default-s) + 0%), calc(var(--zb-semantic-color-button-default-l) + 0%), calc(var(--zb-semantic-color-button-default-a) + 0));
  cursor: pointer;
  display: inline-flex;
  font-size: 1rem;
  height: 36px;
  justify-content: left;
  line-height: 1.1;
  padding: 0 8px;
  position: relative;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
}
.zb-button.raised,
.student-instructions-modal .raised.copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .raised.move-sections-button,
.subscribe-student-panel .raised.already-paid,
.modify-section .toolbar-container .toolbar-card .raised.show-me-how-link,
.instructor-note-container .raised.show-edit-instructor-note-icon,
.assignment-section-summary .raised.next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .raised.exit-button,
.zybook-zylab-similarity-page .zb-toolbar .raised.exit-button,
.view-request-card .raised.back-to-library-link,
.review-adoption .raised.back-to-library-link,
details &gt; summary.raised,
.pythonTutor .ExecutionVisualizer #vcrControls .raised.button,
.definition-match-payload .definition-match-term &gt; div.raised,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .raised.fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .raised.more-info {
  background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-default-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-default-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-default-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-default-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-button-raised-default-h) + 0deg), calc(var(--zb-semantic-color-button-raised-default-s) + 0%), calc(var(--zb-semantic-color-button-raised-default-l) + 0%), calc(var(--zb-semantic-color-button-raised-default-a) + 0));
}
.zb-button[aria-disabled=true], .zb-button[disabled], .zb-button.disabled,
.student-instructions-modal [aria-disabled=true].copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content [aria-disabled=true].move-sections-button,
.subscribe-student-panel [aria-disabled=true].already-paid,
.modify-section .toolbar-container .toolbar-card [aria-disabled=true].show-me-how-link,
.instructor-note-container [aria-disabled=true].show-edit-instructor-note-icon,
.assignment-section-summary [aria-disabled=true].next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar [aria-disabled=true].exit-button,
.zybook-zylab-similarity-page .zb-toolbar [aria-disabled=true].exit-button,
.view-request-card [aria-disabled=true].back-to-library-link,
.review-adoption [aria-disabled=true].back-to-library-link,
details &gt; summary[aria-disabled=true],
.pythonTutor .ExecutionVisualizer #vcrControls [aria-disabled=true].button,
.definition-match-payload .definition-match-term &gt; div[aria-disabled=true],
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar [aria-disabled=true].fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row [aria-disabled=true].more-info,
.student-instructions-modal [disabled].copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content [disabled].move-sections-button,
.subscribe-student-panel [disabled].already-paid,
.modify-section .toolbar-container .toolbar-card [disabled].show-me-how-link,
.instructor-note-container [disabled].show-edit-instructor-note-icon,
.assignment-section-summary [disabled].next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar [disabled].exit-button,
.zybook-zylab-similarity-page .zb-toolbar [disabled].exit-button,
.view-request-card [disabled].back-to-library-link,
.review-adoption [disabled].back-to-library-link,
details &gt; summary[disabled],
.pythonTutor .ExecutionVisualizer #vcrControls [disabled].button,
.definition-match-payload .definition-match-term &gt; div[disabled],
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar [disabled].fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row [disabled].more-info,
.student-instructions-modal .disabled.copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .disabled.move-sections-button,
.subscribe-student-panel .disabled.already-paid,
.modify-section .toolbar-container .toolbar-card .disabled.show-me-how-link,
.instructor-note-container .disabled.show-edit-instructor-note-icon,
.assignment-section-summary .disabled.next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .disabled.exit-button,
.zybook-zylab-similarity-page .zb-toolbar .disabled.exit-button,
.view-request-card .disabled.back-to-library-link,
.review-adoption .disabled.back-to-library-link,
details &gt; summary.disabled,
.pythonTutor .ExecutionVisualizer #vcrControls .disabled.button,
.definition-match-payload .definition-match-term &gt; div.disabled,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .disabled.fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .disabled.more-info {
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  cursor: not-allowed;
}
.zb-button[aria-disabled=true].raised, .zb-button[disabled].raised, .zb-button.disabled.raised,
.student-instructions-modal [aria-disabled=true].raised.copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content [aria-disabled=true].raised.move-sections-button,
.subscribe-student-panel [aria-disabled=true].raised.already-paid,
.modify-section .toolbar-container .toolbar-card [aria-disabled=true].raised.show-me-how-link,
.instructor-note-container [aria-disabled=true].raised.show-edit-instructor-note-icon,
.assignment-section-summary [aria-disabled=true].raised.next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar [aria-disabled=true].raised.exit-button,
.zybook-zylab-similarity-page .zb-toolbar [aria-disabled=true].raised.exit-button,
.view-request-card [aria-disabled=true].raised.back-to-library-link,
.review-adoption [aria-disabled=true].raised.back-to-library-link,
details &gt; summary[aria-disabled=true].raised,
.pythonTutor .ExecutionVisualizer #vcrControls [aria-disabled=true].raised.button,
.definition-match-payload .definition-match-term &gt; div[aria-disabled=true].raised,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar [aria-disabled=true].raised.fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row [aria-disabled=true].raised.more-info,
.student-instructions-modal [disabled].raised.copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content [disabled].raised.move-sections-button,
.subscribe-student-panel [disabled].raised.already-paid,
.modify-section .toolbar-container .toolbar-card [disabled].raised.show-me-how-link,
.instructor-note-container [disabled].raised.show-edit-instructor-note-icon,
.assignment-section-summary [disabled].raised.next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar [disabled].raised.exit-button,
.zybook-zylab-similarity-page .zb-toolbar [disabled].raised.exit-button,
.view-request-card [disabled].raised.back-to-library-link,
.review-adoption [disabled].raised.back-to-library-link,
details &gt; summary[disabled].raised,
.pythonTutor .ExecutionVisualizer #vcrControls [disabled].raised.button,
.definition-match-payload .definition-match-term &gt; div[disabled].raised,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar [disabled].raised.fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row [disabled].raised.more-info,
.student-instructions-modal .disabled.raised.copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .disabled.raised.move-sections-button,
.subscribe-student-panel .disabled.raised.already-paid,
.modify-section .toolbar-container .toolbar-card .disabled.raised.show-me-how-link,
.instructor-note-container .disabled.raised.show-edit-instructor-note-icon,
.assignment-section-summary .disabled.raised.next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .disabled.raised.exit-button,
.zybook-zylab-similarity-page .zb-toolbar .disabled.raised.exit-button,
.view-request-card .disabled.raised.back-to-library-link,
.review-adoption .disabled.raised.back-to-library-link,
details &gt; summary.disabled.raised,
.pythonTutor .ExecutionVisualizer #vcrControls .disabled.raised.button,
.definition-match-payload .definition-match-term &gt; div.disabled.raised,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .disabled.raised.fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .disabled.raised.more-info {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-background-h) + 0deg), calc(var(--zb-semantic-color-disabled-background-s) + 0%), calc(var(--zb-semantic-color-disabled-background-l) + 0%), calc(var(--zb-semantic-color-disabled-background-a) + 0));
}
.zb-button.no-padding,
.student-instructions-modal .no-padding.copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .no-padding.move-sections-button,
.subscribe-student-panel .no-padding.already-paid,
.modify-section .toolbar-container .toolbar-card .no-padding.show-me-how-link,
.instructor-note-container .no-padding.show-edit-instructor-note-icon,
.assignment-section-summary .no-padding.next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .no-padding.exit-button,
.zybook-zylab-similarity-page .zb-toolbar .no-padding.exit-button,
.view-request-card .no-padding.back-to-library-link,
.review-adoption .no-padding.back-to-library-link,
details &gt; summary.no-padding,
.pythonTutor .ExecutionVisualizer #vcrControls .no-padding.button,
.definition-match-payload .definition-match-term &gt; div.no-padding,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .no-padding.fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .no-padding.more-info {
  padding-left: 2px;
  padding-right: 2px;
}
.zb-button.no-padding .title,
.student-instructions-modal .no-padding.copy-instructions-to-clipboard-button .title,
.zybook-configure-panel .panel-content .no-padding.move-sections-button .title,
.subscribe-student-panel .no-padding.already-paid .title,
.modify-section .toolbar-container .toolbar-card .no-padding.show-me-how-link .title,
.instructor-note-container .no-padding.show-edit-instructor-note-icon .title,
.assignment-section-summary .no-padding.next-section-link .title,
.zybook-advanced-zylab-similarity-page .zb-toolbar .no-padding.exit-button .title,
.zybook-zylab-similarity-page .zb-toolbar .no-padding.exit-button .title,
.view-request-card .no-padding.back-to-library-link .title,
.review-adoption .no-padding.back-to-library-link .title,
details &gt; summary.no-padding .title,
.pythonTutor .ExecutionVisualizer #vcrControls .no-padding.button .title,
.definition-match-payload .definition-match-term &gt; div.no-padding .title,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .no-padding.fr-btn:last-child .title,
.zb-feedback .expanded-feedback .zb-control-row .no-padding.more-info .title {
  margin: 0;
}
.zb-button.no-padding.icon-button-with-title.no-margin-icon.left .title,
.student-instructions-modal .no-padding.icon-button-with-title.no-margin-icon.left.copy-instructions-to-clipboard-button .title,
.zybook-configure-panel .panel-content .no-padding.icon-button-with-title.no-margin-icon.left.move-sections-button .title,
.subscribe-student-panel .no-padding.icon-button-with-title.no-margin-icon.left.already-paid .title,
.modify-section .toolbar-container .toolbar-card .no-padding.icon-button-with-title.no-margin-icon.left.show-me-how-link .title,
.instructor-note-container .no-padding.icon-button-with-title.no-margin-icon.left.show-edit-instructor-note-icon .title,
.assignment-section-summary .no-padding.icon-button-with-title.no-margin-icon.left.next-section-link .title,
.zybook-advanced-zylab-similarity-page .zb-toolbar .no-padding.icon-button-with-title.no-margin-icon.left.exit-button .title,
.zybook-zylab-similarity-page .zb-toolbar .no-padding.icon-button-with-title.no-margin-icon.left.exit-button .title,
.view-request-card .no-padding.icon-button-with-title.no-margin-icon.left.back-to-library-link .title,
.review-adoption .no-padding.icon-button-with-title.no-margin-icon.left.back-to-library-link .title,
details &gt; summary.no-padding.icon-button-with-title.no-margin-icon.left .title,
.pythonTutor .ExecutionVisualizer #vcrControls .no-padding.icon-button-with-title.no-margin-icon.left.button .title,
.definition-match-payload .definition-match-term &gt; div.no-padding.icon-button-with-title.no-margin-icon.left .title,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .no-padding.icon-button-with-title.no-margin-icon.left.fr-btn:last-child .title,
.zb-feedback .expanded-feedback .zb-control-row .no-padding.icon-button-with-title.no-margin-icon.left.more-info .title {
  margin-right: 0;
}
.zb-button.no-padding.icon-button-with-title.no-margin-icon.right .title,
.student-instructions-modal .no-padding.icon-button-with-title.no-margin-icon.right.copy-instructions-to-clipboard-button .title,
.zybook-configure-panel .panel-content .no-padding.icon-button-with-title.no-margin-icon.right.move-sections-button .title,
.subscribe-student-panel .no-padding.icon-button-with-title.no-margin-icon.right.already-paid .title,
.modify-section .toolbar-container .toolbar-card .no-padding.icon-button-with-title.no-margin-icon.right.show-me-how-link .title,
.instructor-note-container .no-padding.icon-button-with-title.no-margin-icon.right.show-edit-instructor-note-icon .title,
.assignment-section-summary .no-padding.icon-button-with-title.no-margin-icon.right.next-section-link .title,
.zybook-advanced-zylab-similarity-page .zb-toolbar .no-padding.icon-button-with-title.no-margin-icon.right.exit-button .title,
.zybook-zylab-similarity-page .zb-toolbar .no-padding.icon-button-with-title.no-margin-icon.right.exit-button .title,
.view-request-card .no-padding.icon-button-with-title.no-margin-icon.right.back-to-library-link .title,
.review-adoption .no-padding.icon-button-with-title.no-margin-icon.right.back-to-library-link .title,
details &gt; summary.no-padding.icon-button-with-title.no-margin-icon.right .title,
.pythonTutor .ExecutionVisualizer #vcrControls .no-padding.icon-button-with-title.no-margin-icon.right.button .title,
.definition-match-payload .definition-match-term &gt; div.no-padding.icon-button-with-title.no-margin-icon.right .title,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .no-padding.icon-button-with-title.no-margin-icon.right.fr-btn:last-child .title,
.zb-feedback .expanded-feedback .zb-control-row .no-padding.icon-button-with-title.no-margin-icon.right.more-info .title {
  margin-right: 0;
}
.zb-button.no-padding.icon-button-with-title.left .title,
.student-instructions-modal .no-padding.icon-button-with-title.left.copy-instructions-to-clipboard-button .title,
.zybook-configure-panel .panel-content .no-padding.icon-button-with-title.left.move-sections-button .title,
.subscribe-student-panel .no-padding.icon-button-with-title.left.already-paid .title,
.modify-section .toolbar-container .toolbar-card .no-padding.icon-button-with-title.left.show-me-how-link .title,
.instructor-note-container .no-padding.icon-button-with-title.left.show-edit-instructor-note-icon .title,
.assignment-section-summary .no-padding.icon-button-with-title.left.next-section-link .title,
.zybook-advanced-zylab-similarity-page .zb-toolbar .no-padding.icon-button-with-title.left.exit-button .title,
.zybook-zylab-similarity-page .zb-toolbar .no-padding.icon-button-with-title.left.exit-button .title,
.view-request-card .no-padding.icon-button-with-title.left.back-to-library-link .title,
.review-adoption .no-padding.icon-button-with-title.left.back-to-library-link .title,
details &gt; summary.no-padding.icon-button-with-title.left .title,
.pythonTutor .ExecutionVisualizer #vcrControls .no-padding.icon-button-with-title.left.button .title,
.definition-match-payload .definition-match-term &gt; div.no-padding.icon-button-with-title.left .title,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .no-padding.icon-button-with-title.left.fr-btn:last-child .title,
.zb-feedback .expanded-feedback .zb-control-row .no-padding.icon-button-with-title.left.more-info .title {
  margin-left: 8px;
}
.zb-button.no-padding.icon-button-with-title.right .title,
.student-instructions-modal .no-padding.icon-button-with-title.right.copy-instructions-to-clipboard-button .title,
.zybook-configure-panel .panel-content .no-padding.icon-button-with-title.right.move-sections-button .title,
.subscribe-student-panel .no-padding.icon-button-with-title.right.already-paid .title,
.modify-section .toolbar-container .toolbar-card .no-padding.icon-button-with-title.right.show-me-how-link .title,
.instructor-note-container .no-padding.icon-button-with-title.right.show-edit-instructor-note-icon .title,
.assignment-section-summary .no-padding.icon-button-with-title.right.next-section-link .title,
.zybook-advanced-zylab-similarity-page .zb-toolbar .no-padding.icon-button-with-title.right.exit-button .title,
.zybook-zylab-similarity-page .zb-toolbar .no-padding.icon-button-with-title.right.exit-button .title,
.view-request-card .no-padding.icon-button-with-title.right.back-to-library-link .title,
.review-adoption .no-padding.icon-button-with-title.right.back-to-library-link .title,
details &gt; summary.no-padding.icon-button-with-title.right .title,
.pythonTutor .ExecutionVisualizer #vcrControls .no-padding.icon-button-with-title.right.button .title,
.definition-match-payload .definition-match-term &gt; div.no-padding.icon-button-with-title.right .title,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .no-padding.icon-button-with-title.right.fr-btn:last-child .title,
.zb-feedback .expanded-feedback .zb-control-row .no-padding.icon-button-with-title.right.more-info .title {
  margin-right: 8px;
}
.zb-button.no-padding.has-count.left .count,
.student-instructions-modal .no-padding.has-count.left.copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .no-padding.has-count.left.move-sections-button .count,
.subscribe-student-panel .no-padding.has-count.left.already-paid .count,
.modify-section .toolbar-container .toolbar-card .no-padding.has-count.left.show-me-how-link .count,
.instructor-note-container .no-padding.has-count.left.show-edit-instructor-note-icon .count,
.assignment-section-summary .no-padding.has-count.left.next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .no-padding.has-count.left.exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .no-padding.has-count.left.exit-button .count,
.view-request-card .no-padding.has-count.left.back-to-library-link .count,
.review-adoption .no-padding.has-count.left.back-to-library-link .count,
details &gt; summary.no-padding.has-count.left .count,
.pythonTutor .ExecutionVisualizer #vcrControls .no-padding.has-count.left.button .count,
.definition-match-payload .definition-match-term &gt; div.no-padding.has-count.left .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .no-padding.has-count.left.fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .no-padding.has-count.left.more-info .count {
  margin-left: 8px;
}
.zb-button.thin-title,
.student-instructions-modal .thin-title.copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .thin-title.move-sections-button,
.subscribe-student-panel .thin-title.already-paid,
.modify-section .toolbar-container .toolbar-card .thin-title.show-me-how-link,
.instructor-note-container .thin-title.show-edit-instructor-note-icon,
.assignment-section-summary .thin-title.next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .thin-title.exit-button,
.zybook-zylab-similarity-page .zb-toolbar .thin-title.exit-button,
.view-request-card .thin-title.back-to-library-link,
.review-adoption .thin-title.back-to-library-link,
details &gt; summary.thin-title,
.pythonTutor .ExecutionVisualizer #vcrControls .thin-title.button,
.definition-match-payload .definition-match-term &gt; div.thin-title,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .thin-title.fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .thin-title.more-info {
  font-size: 12px;
}
.zb-button.lighten,
.student-instructions-modal .lighten.copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .lighten.move-sections-button,
.subscribe-student-panel .lighten.already-paid,
.modify-section .toolbar-container .toolbar-card .lighten.show-me-how-link,
.instructor-note-container .lighten.show-edit-instructor-note-icon,
.assignment-section-summary .lighten.next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .lighten.exit-button,
.zybook-zylab-similarity-page .zb-toolbar .lighten.exit-button,
.view-request-card .lighten.back-to-library-link,
.review-adoption .lighten.back-to-library-link,
details &gt; summary.lighten,
.pythonTutor .ExecutionVisualizer #vcrControls .lighten.button,
.definition-match-payload .definition-match-term &gt; div.lighten,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .lighten.fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .lighten.more-info {
  opacity: 0.7;
}
.zb-button.full-width,
.student-instructions-modal .full-width.copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .full-width.move-sections-button,
.subscribe-student-panel .full-width.already-paid,
.modify-section .toolbar-container .toolbar-card .full-width.show-me-how-link,
.instructor-note-container .full-width.show-edit-instructor-note-icon,
.assignment-section-summary .full-width.next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .full-width.exit-button,
.zybook-zylab-similarity-page .zb-toolbar .full-width.exit-button,
.view-request-card .full-width.back-to-library-link,
.review-adoption .full-width.back-to-library-link,
details &gt; summary.full-width,
.pythonTutor .ExecutionVisualizer #vcrControls .full-width.button,
.definition-match-payload .definition-match-term &gt; div.full-width,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .full-width.fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .full-width.more-info {
  width: 100%;
}
.zb-button.full-width span,
.student-instructions-modal .full-width.copy-instructions-to-clipboard-button span,
.zybook-configure-panel .panel-content .full-width.move-sections-button span,
.subscribe-student-panel .full-width.already-paid span,
.modify-section .toolbar-container .toolbar-card .full-width.show-me-how-link span,
.instructor-note-container .full-width.show-edit-instructor-note-icon span,
.assignment-section-summary .full-width.next-section-link span,
.zybook-advanced-zylab-similarity-page .zb-toolbar .full-width.exit-button span,
.zybook-zylab-similarity-page .zb-toolbar .full-width.exit-button span,
.view-request-card .full-width.back-to-library-link span,
.review-adoption .full-width.back-to-library-link span,
details &gt; summary.full-width span,
.pythonTutor .ExecutionVisualizer #vcrControls .full-width.button span,
.definition-match-payload .definition-match-term &gt; div.full-width span,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .full-width.fr-btn:last-child span,
.zb-feedback .expanded-feedback .zb-control-row .full-width.more-info span {
  margin: auto;
}
.zb-button.full-width .running-task,
.student-instructions-modal .full-width.copy-instructions-to-clipboard-button .running-task,
.zybook-configure-panel .panel-content .full-width.move-sections-button .running-task,
.subscribe-student-panel .full-width.already-paid .running-task,
.modify-section .toolbar-container .toolbar-card .full-width.show-me-how-link .running-task,
.instructor-note-container .full-width.show-edit-instructor-note-icon .running-task,
.assignment-section-summary .full-width.next-section-link .running-task,
.zybook-advanced-zylab-similarity-page .zb-toolbar .full-width.exit-button .running-task,
.zybook-zylab-similarity-page .zb-toolbar .full-width.exit-button .running-task,
.view-request-card .full-width.back-to-library-link .running-task,
.review-adoption .full-width.back-to-library-link .running-task,
details &gt; summary.full-width .running-task,
.pythonTutor .ExecutionVisualizer #vcrControls .full-width.button .running-task,
.definition-match-payload .definition-match-term &gt; div.full-width .running-task,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .full-width.fr-btn:last-child .running-task,
.zb-feedback .expanded-feedback .zb-control-row .full-width.more-info .running-task {
  position: absolute;
  right: 8px;
  top: 7px;
}
.zb-button.shadow,
.student-instructions-modal .shadow.copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .shadow.move-sections-button,
.subscribe-student-panel .shadow.already-paid,
.modify-section .toolbar-container .toolbar-card .shadow.show-me-how-link,
.instructor-note-container .shadow.show-edit-instructor-note-icon,
.assignment-section-summary .shadow.next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .shadow.exit-button,
.zybook-zylab-similarity-page .zb-toolbar .shadow.exit-button,
.view-request-card .shadow.back-to-library-link,
.review-adoption .shadow.back-to-library-link,
details &gt; summary.shadow,
.pythonTutor .ExecutionVisualizer #vcrControls .shadow.button,
.definition-match-payload .definition-match-term &gt; div.shadow,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .shadow.fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .shadow.more-info {
  box-shadow: 0 3px 1px -2px hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.86)), 0 2px 2px 0 hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.902)), 0 1px 5px 0 hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.916));
}
.zb-button .title,
.student-instructions-modal .copy-instructions-to-clipboard-button .title,
.zybook-configure-panel .panel-content .move-sections-button .title,
.subscribe-student-panel .already-paid .title,
.modify-section .toolbar-container .toolbar-card .show-me-how-link .title,
.instructor-note-container .show-edit-instructor-note-icon .title,
.assignment-section-summary .next-section-link .title,
.zybook-advanced-zylab-similarity-page .zb-toolbar .exit-button .title,
.zybook-zylab-similarity-page .zb-toolbar .exit-button .title,
.view-request-card .back-to-library-link .title,
.review-adoption .back-to-library-link .title,
details &gt; summary .title,
.pythonTutor .ExecutionVisualizer #vcrControls .button .title,
.definition-match-payload .definition-match-term &gt; div .title,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .fr-btn:last-child .title,
.zb-feedback .expanded-feedback .zb-control-row .more-info .title {
  margin: 0 8px;
}
.zb-button .count,
.student-instructions-modal .copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .move-sections-button .count,
.subscribe-student-panel .already-paid .count,
.modify-section .toolbar-container .toolbar-card .show-me-how-link .count,
.instructor-note-container .show-edit-instructor-note-icon .count,
.assignment-section-summary .next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .exit-button .count,
.view-request-card .back-to-library-link .count,
.review-adoption .back-to-library-link .count,
details &gt; summary .count,
.pythonTutor .ExecutionVisualizer #vcrControls .button .count,
.definition-match-payload .definition-match-term &gt; div .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .more-info .count {
  border-radius: 1em;
  height: 1.5em;
  line-height: 1.5em;
  padding: 0 0.3em;
}
.zb-button.right .count,
.student-instructions-modal .right.copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .right.move-sections-button .count,
.subscribe-student-panel .right.already-paid .count,
.modify-section .toolbar-container .toolbar-card .right.show-me-how-link .count,
.instructor-note-container .right.show-edit-instructor-note-icon .count,
.assignment-section-summary .right.next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .right.exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .right.exit-button .count,
.view-request-card .right.back-to-library-link .count,
.review-adoption .right.back-to-library-link .count,
details &gt; summary.right .count,
.pythonTutor .ExecutionVisualizer #vcrControls .right.button .count,
.definition-match-payload .definition-match-term &gt; div.right .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .right.fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .right.more-info .count {
  margin-right: 8px;
}
.zb-button,
.zb-button i,
.zb-button .count,
.student-instructions-modal .copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .move-sections-button,
.subscribe-student-panel .already-paid,
.modify-section .toolbar-container .toolbar-card .show-me-how-link,
.instructor-note-container .show-edit-instructor-note-icon,
.assignment-section-summary .next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .exit-button,
.zybook-zylab-similarity-page .zb-toolbar .exit-button,
.view-request-card .back-to-library-link,
.review-adoption .back-to-library-link,
details &gt; summary,
.pythonTutor .ExecutionVisualizer #vcrControls .button,
.definition-match-payload .definition-match-term &gt; div,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .more-info,
.student-instructions-modal .copy-instructions-to-clipboard-button i,
.zybook-configure-panel .panel-content .move-sections-button i,
.subscribe-student-panel .already-paid i,
.modify-section .toolbar-container .toolbar-card .show-me-how-link i,
.instructor-note-container .show-edit-instructor-note-icon i,
.assignment-section-summary .next-section-link i,
.zybook-advanced-zylab-similarity-page .zb-toolbar .exit-button i,
.zybook-zylab-similarity-page .zb-toolbar .exit-button i,
.view-request-card .back-to-library-link i,
.review-adoption .back-to-library-link i,
details &gt; summary i,
.pythonTutor .ExecutionVisualizer #vcrControls .button i,
.definition-match-payload .definition-match-term &gt; div i,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .fr-btn:last-child i,
.zb-feedback .expanded-feedback .zb-control-row .more-info i,
.student-instructions-modal .copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .move-sections-button .count,
.subscribe-student-panel .already-paid .count,
.modify-section .toolbar-container .toolbar-card .show-me-how-link .count,
.instructor-note-container .show-edit-instructor-note-icon .count,
.assignment-section-summary .next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .exit-button .count,
.view-request-card .back-to-library-link .count,
.review-adoption .back-to-library-link .count,
details &gt; summary .count,
.pythonTutor .ExecutionVisualizer #vcrControls .button .count,
.definition-match-payload .definition-match-term &gt; div .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .more-info .count {
  transition: background-color 0.1s ease-out, color 0.1s ease-out;
}
.zb-button.icon-button-with-title .title,
.student-instructions-modal .icon-button-with-title.copy-instructions-to-clipboard-button .title,
.zybook-configure-panel .panel-content .icon-button-with-title.move-sections-button .title,
.subscribe-student-panel .icon-button-with-title.already-paid .title,
.modify-section .toolbar-container .toolbar-card .icon-button-with-title.show-me-how-link .title,
.instructor-note-container .icon-button-with-title.show-edit-instructor-note-icon .title,
.assignment-section-summary .icon-button-with-title.next-section-link .title,
.zybook-advanced-zylab-similarity-page .zb-toolbar .icon-button-with-title.exit-button .title,
.zybook-zylab-similarity-page .zb-toolbar .icon-button-with-title.exit-button .title,
.view-request-card .icon-button-with-title.back-to-library-link .title,
.review-adoption .icon-button-with-title.back-to-library-link .title,
details &gt; summary.icon-button-with-title .title,
.pythonTutor .ExecutionVisualizer #vcrControls .icon-button-with-title.button .title,
.definition-match-payload .definition-match-term &gt; div.icon-button-with-title .title,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .icon-button-with-title.fr-btn:last-child .title,
.zb-feedback .expanded-feedback .zb-control-row .icon-button-with-title.more-info .title {
  align-self: center;
}
.zb-button.icon-button-with-title.left div,
.zb-button.icon-button-with-title.left i,
.student-instructions-modal .icon-button-with-title.left.copy-instructions-to-clipboard-button div,
.zybook-configure-panel .panel-content .icon-button-with-title.left.move-sections-button div,
.subscribe-student-panel .icon-button-with-title.left.already-paid div,
.modify-section .toolbar-container .toolbar-card .icon-button-with-title.left.show-me-how-link div,
.instructor-note-container .icon-button-with-title.left.show-edit-instructor-note-icon div,
.assignment-section-summary .icon-button-with-title.left.next-section-link div,
.zybook-advanced-zylab-similarity-page .zb-toolbar .icon-button-with-title.left.exit-button div,
.zybook-zylab-similarity-page .zb-toolbar .icon-button-with-title.left.exit-button div,
.view-request-card .icon-button-with-title.left.back-to-library-link div,
.review-adoption .icon-button-with-title.left.back-to-library-link div,
details &gt; summary.icon-button-with-title.left div,
.pythonTutor .ExecutionVisualizer #vcrControls .icon-button-with-title.left.button div,
.definition-match-payload .definition-match-term &gt; div.icon-button-with-title.left div,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .icon-button-with-title.left.fr-btn:last-child div,
.zb-feedback .expanded-feedback .zb-control-row .icon-button-with-title.left.more-info div,
.student-instructions-modal .icon-button-with-title.left.copy-instructions-to-clipboard-button i,
.zybook-configure-panel .panel-content .icon-button-with-title.left.move-sections-button i,
.subscribe-student-panel .icon-button-with-title.left.already-paid i,
.modify-section .toolbar-container .toolbar-card .icon-button-with-title.left.show-me-how-link i,
.instructor-note-container .icon-button-with-title.left.show-edit-instructor-note-icon i,
.assignment-section-summary .icon-button-with-title.left.next-section-link i,
.zybook-advanced-zylab-similarity-page .zb-toolbar .icon-button-with-title.left.exit-button i,
.zybook-zylab-similarity-page .zb-toolbar .icon-button-with-title.left.exit-button i,
.view-request-card .icon-button-with-title.left.back-to-library-link i,
.review-adoption .icon-button-with-title.left.back-to-library-link i,
details &gt; summary.icon-button-with-title.left i,
.pythonTutor .ExecutionVisualizer #vcrControls .icon-button-with-title.left.button i,
.definition-match-payload .definition-match-term &gt; div.icon-button-with-title.left i,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .icon-button-with-title.left.fr-btn:last-child i,
.zb-feedback .expanded-feedback .zb-control-row .icon-button-with-title.left.more-info i {
  order: 1;
}
.zb-button.icon-button-with-title.left .title,
.student-instructions-modal .icon-button-with-title.left.copy-instructions-to-clipboard-button .title,
.zybook-configure-panel .panel-content .icon-button-with-title.left.move-sections-button .title,
.subscribe-student-panel .icon-button-with-title.left.already-paid .title,
.modify-section .toolbar-container .toolbar-card .icon-button-with-title.left.show-me-how-link .title,
.instructor-note-container .icon-button-with-title.left.show-edit-instructor-note-icon .title,
.assignment-section-summary .icon-button-with-title.left.next-section-link .title,
.zybook-advanced-zylab-similarity-page .zb-toolbar .icon-button-with-title.left.exit-button .title,
.zybook-zylab-similarity-page .zb-toolbar .icon-button-with-title.left.exit-button .title,
.view-request-card .icon-button-with-title.left.back-to-library-link .title,
.review-adoption .icon-button-with-title.left.back-to-library-link .title,
details &gt; summary.icon-button-with-title.left .title,
.pythonTutor .ExecutionVisualizer #vcrControls .icon-button-with-title.left.button .title,
.definition-match-payload .definition-match-term &gt; div.icon-button-with-title.left .title,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .icon-button-with-title.left.fr-btn:last-child .title,
.zb-feedback .expanded-feedback .zb-control-row .icon-button-with-title.left.more-info .title {
  order: 2;
}
.zb-button.icon-button-with-title.left .count,
.student-instructions-modal .icon-button-with-title.left.copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .icon-button-with-title.left.move-sections-button .count,
.subscribe-student-panel .icon-button-with-title.left.already-paid .count,
.modify-section .toolbar-container .toolbar-card .icon-button-with-title.left.show-me-how-link .count,
.instructor-note-container .icon-button-with-title.left.show-edit-instructor-note-icon .count,
.assignment-section-summary .icon-button-with-title.left.next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .icon-button-with-title.left.exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .icon-button-with-title.left.exit-button .count,
.view-request-card .icon-button-with-title.left.back-to-library-link .count,
.review-adoption .icon-button-with-title.left.back-to-library-link .count,
details &gt; summary.icon-button-with-title.left .count,
.pythonTutor .ExecutionVisualizer #vcrControls .icon-button-with-title.left.button .count,
.definition-match-payload .definition-match-term &gt; div.icon-button-with-title.left .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .icon-button-with-title.left.fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .icon-button-with-title.left.more-info .count {
  order: 3;
}
.zb-button.icon-button-with-title.right .title,
.student-instructions-modal .icon-button-with-title.right.copy-instructions-to-clipboard-button .title,
.zybook-configure-panel .panel-content .icon-button-with-title.right.move-sections-button .title,
.subscribe-student-panel .icon-button-with-title.right.already-paid .title,
.modify-section .toolbar-container .toolbar-card .icon-button-with-title.right.show-me-how-link .title,
.instructor-note-container .icon-button-with-title.right.show-edit-instructor-note-icon .title,
.assignment-section-summary .icon-button-with-title.right.next-section-link .title,
.zybook-advanced-zylab-similarity-page .zb-toolbar .icon-button-with-title.right.exit-button .title,
.zybook-zylab-similarity-page .zb-toolbar .icon-button-with-title.right.exit-button .title,
.view-request-card .icon-button-with-title.right.back-to-library-link .title,
.review-adoption .icon-button-with-title.right.back-to-library-link .title,
details &gt; summary.icon-button-with-title.right .title,
.pythonTutor .ExecutionVisualizer #vcrControls .icon-button-with-title.right.button .title,
.definition-match-payload .definition-match-term &gt; div.icon-button-with-title.right .title,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .icon-button-with-title.right.fr-btn:last-child .title,
.zb-feedback .expanded-feedback .zb-control-row .icon-button-with-title.right.more-info .title {
  order: 1;
}
.zb-button.icon-button-with-title.right .count,
.student-instructions-modal .icon-button-with-title.right.copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .icon-button-with-title.right.move-sections-button .count,
.subscribe-student-panel .icon-button-with-title.right.already-paid .count,
.modify-section .toolbar-container .toolbar-card .icon-button-with-title.right.show-me-how-link .count,
.instructor-note-container .icon-button-with-title.right.show-edit-instructor-note-icon .count,
.assignment-section-summary .icon-button-with-title.right.next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .icon-button-with-title.right.exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .icon-button-with-title.right.exit-button .count,
.view-request-card .icon-button-with-title.right.back-to-library-link .count,
.review-adoption .icon-button-with-title.right.back-to-library-link .count,
details &gt; summary.icon-button-with-title.right .count,
.pythonTutor .ExecutionVisualizer #vcrControls .icon-button-with-title.right.button .count,
.definition-match-payload .definition-match-term &gt; div.icon-button-with-title.right .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .icon-button-with-title.right.fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .icon-button-with-title.right.more-info .count {
  order: 2;
}
.zb-button.icon-button-with-title.right div,
.zb-button.icon-button-with-title.right i,
.student-instructions-modal .icon-button-with-title.right.copy-instructions-to-clipboard-button div,
.zybook-configure-panel .panel-content .icon-button-with-title.right.move-sections-button div,
.subscribe-student-panel .icon-button-with-title.right.already-paid div,
.modify-section .toolbar-container .toolbar-card .icon-button-with-title.right.show-me-how-link div,
.instructor-note-container .icon-button-with-title.right.show-edit-instructor-note-icon div,
.assignment-section-summary .icon-button-with-title.right.next-section-link div,
.zybook-advanced-zylab-similarity-page .zb-toolbar .icon-button-with-title.right.exit-button div,
.zybook-zylab-similarity-page .zb-toolbar .icon-button-with-title.right.exit-button div,
.view-request-card .icon-button-with-title.right.back-to-library-link div,
.review-adoption .icon-button-with-title.right.back-to-library-link div,
details &gt; summary.icon-button-with-title.right div,
.pythonTutor .ExecutionVisualizer #vcrControls .icon-button-with-title.right.button div,
.definition-match-payload .definition-match-term &gt; div.icon-button-with-title.right div,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .icon-button-with-title.right.fr-btn:last-child div,
.zb-feedback .expanded-feedback .zb-control-row .icon-button-with-title.right.more-info div,
.student-instructions-modal .icon-button-with-title.right.copy-instructions-to-clipboard-button i,
.zybook-configure-panel .panel-content .icon-button-with-title.right.move-sections-button i,
.subscribe-student-panel .icon-button-with-title.right.already-paid i,
.modify-section .toolbar-container .toolbar-card .icon-button-with-title.right.show-me-how-link i,
.instructor-note-container .icon-button-with-title.right.show-edit-instructor-note-icon i,
.assignment-section-summary .icon-button-with-title.right.next-section-link i,
.zybook-advanced-zylab-similarity-page .zb-toolbar .icon-button-with-title.right.exit-button i,
.zybook-zylab-similarity-page .zb-toolbar .icon-button-with-title.right.exit-button i,
.view-request-card .icon-button-with-title.right.back-to-library-link i,
.review-adoption .icon-button-with-title.right.back-to-library-link i,
details &gt; summary.icon-button-with-title.right i,
.pythonTutor .ExecutionVisualizer #vcrControls .icon-button-with-title.right.button i,
.definition-match-payload .definition-match-term &gt; div.icon-button-with-title.right i,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .icon-button-with-title.right.fr-btn:last-child i,
.zb-feedback .expanded-feedback .zb-control-row .icon-button-with-title.right.more-info i {
  order: 3;
}
.zb-button.has-count.left .title,
.student-instructions-modal .has-count.left.copy-instructions-to-clipboard-button .title,
.zybook-configure-panel .panel-content .has-count.left.move-sections-button .title,
.subscribe-student-panel .has-count.left.already-paid .title,
.modify-section .toolbar-container .toolbar-card .has-count.left.show-me-how-link .title,
.instructor-note-container .has-count.left.show-edit-instructor-note-icon .title,
.assignment-section-summary .has-count.left.next-section-link .title,
.zybook-advanced-zylab-similarity-page .zb-toolbar .has-count.left.exit-button .title,
.zybook-zylab-similarity-page .zb-toolbar .has-count.left.exit-button .title,
.view-request-card .has-count.left.back-to-library-link .title,
.review-adoption .has-count.left.back-to-library-link .title,
details &gt; summary.has-count.left .title,
.pythonTutor .ExecutionVisualizer #vcrControls .has-count.left.button .title,
.definition-match-payload .definition-match-term &gt; div.has-count.left .title,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .has-count.left.fr-btn:last-child .title,
.zb-feedback .expanded-feedback .zb-control-row .has-count.left.more-info .title {
  order: 2;
}
.zb-button.has-count.left .count,
.student-instructions-modal .has-count.left.copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .has-count.left.move-sections-button .count,
.subscribe-student-panel .has-count.left.already-paid .count,
.modify-section .toolbar-container .toolbar-card .has-count.left.show-me-how-link .count,
.instructor-note-container .has-count.left.show-edit-instructor-note-icon .count,
.assignment-section-summary .has-count.left.next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .has-count.left.exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .has-count.left.exit-button .count,
.view-request-card .has-count.left.back-to-library-link .count,
.review-adoption .has-count.left.back-to-library-link .count,
details &gt; summary.has-count.left .count,
.pythonTutor .ExecutionVisualizer #vcrControls .has-count.left.button .count,
.definition-match-payload .definition-match-term &gt; div.has-count.left .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .has-count.left.fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .has-count.left.more-info .count {
  order: 3;
}
.zb-button.has-count.right .title,
.student-instructions-modal .has-count.right.copy-instructions-to-clipboard-button .title,
.zybook-configure-panel .panel-content .has-count.right.move-sections-button .title,
.subscribe-student-panel .has-count.right.already-paid .title,
.modify-section .toolbar-container .toolbar-card .has-count.right.show-me-how-link .title,
.instructor-note-container .has-count.right.show-edit-instructor-note-icon .title,
.assignment-section-summary .has-count.right.next-section-link .title,
.zybook-advanced-zylab-similarity-page .zb-toolbar .has-count.right.exit-button .title,
.zybook-zylab-similarity-page .zb-toolbar .has-count.right.exit-button .title,
.view-request-card .has-count.right.back-to-library-link .title,
.review-adoption .has-count.right.back-to-library-link .title,
details &gt; summary.has-count.right .title,
.pythonTutor .ExecutionVisualizer #vcrControls .has-count.right.button .title,
.definition-match-payload .definition-match-term &gt; div.has-count.right .title,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .has-count.right.fr-btn:last-child .title,
.zb-feedback .expanded-feedback .zb-control-row .has-count.right.more-info .title {
  order: 1;
}
.zb-button.has-count.right .count,
.student-instructions-modal .has-count.right.copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .has-count.right.move-sections-button .count,
.subscribe-student-panel .has-count.right.already-paid .count,
.modify-section .toolbar-container .toolbar-card .has-count.right.show-me-how-link .count,
.instructor-note-container .has-count.right.show-edit-instructor-note-icon .count,
.assignment-section-summary .has-count.right.next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .has-count.right.exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .has-count.right.exit-button .count,
.view-request-card .has-count.right.back-to-library-link .count,
.review-adoption .has-count.right.back-to-library-link .count,
details &gt; summary.has-count.right .count,
.pythonTutor .ExecutionVisualizer #vcrControls .has-count.right.button .count,
.definition-match-payload .definition-match-term &gt; div.has-count.right .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .has-count.right.fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .has-count.right.more-info .count {
  order: 2;
}
.zb-button.has-count.right div,
.zb-button.has-count.right i,
.student-instructions-modal .has-count.right.copy-instructions-to-clipboard-button div,
.zybook-configure-panel .panel-content .has-count.right.move-sections-button div,
.subscribe-student-panel .has-count.right.already-paid div,
.modify-section .toolbar-container .toolbar-card .has-count.right.show-me-how-link div,
.instructor-note-container .has-count.right.show-edit-instructor-note-icon div,
.assignment-section-summary .has-count.right.next-section-link div,
.zybook-advanced-zylab-similarity-page .zb-toolbar .has-count.right.exit-button div,
.zybook-zylab-similarity-page .zb-toolbar .has-count.right.exit-button div,
.view-request-card .has-count.right.back-to-library-link div,
.review-adoption .has-count.right.back-to-library-link div,
details &gt; summary.has-count.right div,
.pythonTutor .ExecutionVisualizer #vcrControls .has-count.right.button div,
.definition-match-payload .definition-match-term &gt; div.has-count.right div,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .has-count.right.fr-btn:last-child div,
.zb-feedback .expanded-feedback .zb-control-row .has-count.right.more-info div,
.student-instructions-modal .has-count.right.copy-instructions-to-clipboard-button i,
.zybook-configure-panel .panel-content .has-count.right.move-sections-button i,
.subscribe-student-panel .has-count.right.already-paid i,
.modify-section .toolbar-container .toolbar-card .has-count.right.show-me-how-link i,
.instructor-note-container .has-count.right.show-edit-instructor-note-icon i,
.assignment-section-summary .has-count.right.next-section-link i,
.zybook-advanced-zylab-similarity-page .zb-toolbar .has-count.right.exit-button i,
.zybook-zylab-similarity-page .zb-toolbar .has-count.right.exit-button i,
.view-request-card .has-count.right.back-to-library-link i,
.review-adoption .has-count.right.back-to-library-link i,
details &gt; summary.has-count.right i,
.pythonTutor .ExecutionVisualizer #vcrControls .has-count.right.button i,
.definition-match-payload .definition-match-term &gt; div.has-count.right i,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .has-count.right.fr-btn:last-child i,
.zb-feedback .expanded-feedback .zb-control-row .has-count.right.more-info i {
  order: 3;
}
.zb-button.primary.raised,
.student-instructions-modal .primary.raised.copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .primary.raised.move-sections-button,
.subscribe-student-panel .primary.raised.already-paid,
.modify-section .toolbar-container .toolbar-card .primary.raised.show-me-how-link,
.instructor-note-container .primary.raised.show-edit-instructor-note-icon,
.assignment-section-summary .primary.raised.next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .primary.raised.exit-button,
.zybook-zylab-similarity-page .zb-toolbar .primary.raised.exit-button,
.view-request-card .primary.raised.back-to-library-link,
.review-adoption .primary.raised.back-to-library-link,
details &gt; summary.primary.raised,
.pythonTutor .ExecutionVisualizer #vcrControls .primary.raised.button,
.definition-match-payload .definition-match-term &gt; div.primary.raised,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.raised.fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .primary.raised.more-info {
  background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-primary-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-primary-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-primary-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-primary-a) + 0));
}
.zb-button.primary.raised[aria-disabled=true], .zb-button.primary.raised[disabled], .zb-button.primary.raised.disabled,
.student-instructions-modal .primary.raised[aria-disabled=true].copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .primary.raised[aria-disabled=true].move-sections-button,
.subscribe-student-panel .primary.raised[aria-disabled=true].already-paid,
.modify-section .toolbar-container .toolbar-card .primary.raised[aria-disabled=true].show-me-how-link,
.instructor-note-container .primary.raised[aria-disabled=true].show-edit-instructor-note-icon,
.assignment-section-summary .primary.raised[aria-disabled=true].next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .primary.raised[aria-disabled=true].exit-button,
.zybook-zylab-similarity-page .zb-toolbar .primary.raised[aria-disabled=true].exit-button,
.view-request-card .primary.raised[aria-disabled=true].back-to-library-link,
.review-adoption .primary.raised[aria-disabled=true].back-to-library-link,
details &gt; summary.primary.raised[aria-disabled=true],
.pythonTutor .ExecutionVisualizer #vcrControls .primary.raised[aria-disabled=true].button,
.definition-match-payload .definition-match-term &gt; div.primary.raised[aria-disabled=true],
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.raised[aria-disabled=true].fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .primary.raised[aria-disabled=true].more-info,
.student-instructions-modal .primary.raised[disabled].copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .primary.raised[disabled].move-sections-button,
.subscribe-student-panel .primary.raised[disabled].already-paid,
.modify-section .toolbar-container .toolbar-card .primary.raised[disabled].show-me-how-link,
.instructor-note-container .primary.raised[disabled].show-edit-instructor-note-icon,
.assignment-section-summary .primary.raised[disabled].next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .primary.raised[disabled].exit-button,
.zybook-zylab-similarity-page .zb-toolbar .primary.raised[disabled].exit-button,
.view-request-card .primary.raised[disabled].back-to-library-link,
.review-adoption .primary.raised[disabled].back-to-library-link,
details &gt; summary.primary.raised[disabled],
.pythonTutor .ExecutionVisualizer #vcrControls .primary.raised[disabled].button,
.definition-match-payload .definition-match-term &gt; div.primary.raised[disabled],
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.raised[disabled].fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .primary.raised[disabled].more-info,
.student-instructions-modal .primary.raised.disabled.copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .primary.raised.disabled.move-sections-button,
.subscribe-student-panel .primary.raised.disabled.already-paid,
.modify-section .toolbar-container .toolbar-card .primary.raised.disabled.show-me-how-link,
.instructor-note-container .primary.raised.disabled.show-edit-instructor-note-icon,
.assignment-section-summary .primary.raised.disabled.next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .primary.raised.disabled.exit-button,
.zybook-zylab-similarity-page .zb-toolbar .primary.raised.disabled.exit-button,
.view-request-card .primary.raised.disabled.back-to-library-link,
.review-adoption .primary.raised.disabled.back-to-library-link,
details &gt; summary.primary.raised.disabled,
.pythonTutor .ExecutionVisualizer #vcrControls .primary.raised.disabled.button,
.definition-match-payload .definition-match-term &gt; div.primary.raised.disabled,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.raised.disabled.fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .primary.raised.disabled.more-info {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-background-h) + 0deg), calc(var(--zb-semantic-color-disabled-background-s) + 0%), calc(var(--zb-semantic-color-disabled-background-l) + 0%), calc(var(--zb-semantic-color-disabled-background-a) + 0));
}
.zb-button.secondary.raised,
.student-instructions-modal .secondary.raised.copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .secondary.raised.move-sections-button,
.subscribe-student-panel .secondary.raised.already-paid,
.modify-section .toolbar-container .toolbar-card .secondary.raised.show-me-how-link,
.instructor-note-container .secondary.raised.show-edit-instructor-note-icon,
.assignment-section-summary .secondary.raised.next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button,
.zybook-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button,
.view-request-card .secondary.raised.back-to-library-link,
.review-adoption .secondary.raised.back-to-library-link,
details &gt; summary.secondary.raised,
.pythonTutor .ExecutionVisualizer #vcrControls .secondary.raised.button,
.definition-match-payload .definition-match-term &gt; div.secondary.raised,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.raised.fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .secondary.raised.more-info {
  background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-secondary-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-secondary-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-secondary-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-secondary-a) + 0));
}
.zb-button.secondary.raised[aria-disabled=true], .zb-button.secondary.raised[disabled], .zb-button.secondary.raised.disabled,
.student-instructions-modal .secondary.raised[aria-disabled=true].copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .secondary.raised[aria-disabled=true].move-sections-button,
.subscribe-student-panel .secondary.raised[aria-disabled=true].already-paid,
.modify-section .toolbar-container .toolbar-card .secondary.raised[aria-disabled=true].show-me-how-link,
.instructor-note-container .secondary.raised[aria-disabled=true].show-edit-instructor-note-icon,
.assignment-section-summary .secondary.raised[aria-disabled=true].next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.raised[aria-disabled=true].exit-button,
.zybook-zylab-similarity-page .zb-toolbar .secondary.raised[aria-disabled=true].exit-button,
.view-request-card .secondary.raised[aria-disabled=true].back-to-library-link,
.review-adoption .secondary.raised[aria-disabled=true].back-to-library-link,
details &gt; summary.secondary.raised[aria-disabled=true],
.pythonTutor .ExecutionVisualizer #vcrControls .secondary.raised[aria-disabled=true].button,
.definition-match-payload .definition-match-term &gt; div.secondary.raised[aria-disabled=true],
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.raised[aria-disabled=true].fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .secondary.raised[aria-disabled=true].more-info,
.student-instructions-modal .secondary.raised[disabled].copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .secondary.raised[disabled].move-sections-button,
.subscribe-student-panel .secondary.raised[disabled].already-paid,
.modify-section .toolbar-container .toolbar-card .secondary.raised[disabled].show-me-how-link,
.instructor-note-container .secondary.raised[disabled].show-edit-instructor-note-icon,
.assignment-section-summary .secondary.raised[disabled].next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.raised[disabled].exit-button,
.zybook-zylab-similarity-page .zb-toolbar .secondary.raised[disabled].exit-button,
.view-request-card .secondary.raised[disabled].back-to-library-link,
.review-adoption .secondary.raised[disabled].back-to-library-link,
details &gt; summary.secondary.raised[disabled],
.pythonTutor .ExecutionVisualizer #vcrControls .secondary.raised[disabled].button,
.definition-match-payload .definition-match-term &gt; div.secondary.raised[disabled],
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.raised[disabled].fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .secondary.raised[disabled].more-info,
.student-instructions-modal .secondary.raised.disabled.copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .secondary.raised.disabled.move-sections-button,
.subscribe-student-panel .secondary.raised.disabled.already-paid,
.modify-section .toolbar-container .toolbar-card .secondary.raised.disabled.show-me-how-link,
.instructor-note-container .secondary.raised.disabled.show-edit-instructor-note-icon,
.assignment-section-summary .secondary.raised.disabled.next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.raised.disabled.exit-button,
.zybook-zylab-similarity-page .zb-toolbar .secondary.raised.disabled.exit-button,
.view-request-card .secondary.raised.disabled.back-to-library-link,
.review-adoption .secondary.raised.disabled.back-to-library-link,
details &gt; summary.secondary.raised.disabled,
.pythonTutor .ExecutionVisualizer #vcrControls .secondary.raised.disabled.button,
.definition-match-payload .definition-match-term &gt; div.secondary.raised.disabled,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.raised.disabled.fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .secondary.raised.disabled.more-info {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-background-h) + 0deg), calc(var(--zb-semantic-color-disabled-background-s) + 0%), calc(var(--zb-semantic-color-disabled-background-l) + 0%), calc(var(--zb-semantic-color-disabled-background-a) + 0));
}
.zb-button.green.raised,
.student-instructions-modal .green.raised.copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .green.raised.move-sections-button,
.subscribe-student-panel .green.raised.already-paid,
.modify-section .toolbar-container .toolbar-card .green.raised.show-me-how-link,
.instructor-note-container .green.raised.show-edit-instructor-note-icon,
.assignment-section-summary .green.raised.next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .green.raised.exit-button,
.zybook-zylab-similarity-page .zb-toolbar .green.raised.exit-button,
.view-request-card .green.raised.back-to-library-link,
.review-adoption .green.raised.back-to-library-link,
details &gt; summary.green.raised,
.pythonTutor .ExecutionVisualizer #vcrControls .green.raised.button,
.definition-match-payload .definition-match-term &gt; div.green.raised,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.raised.fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .green.raised.more-info {
  background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-green-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-green-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-green-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-green-a) + 0));
}
.zb-button.green.raised[aria-disabled=true], .zb-button.green.raised[disabled], .zb-button.green.raised.disabled,
.student-instructions-modal .green.raised[aria-disabled=true].copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .green.raised[aria-disabled=true].move-sections-button,
.subscribe-student-panel .green.raised[aria-disabled=true].already-paid,
.modify-section .toolbar-container .toolbar-card .green.raised[aria-disabled=true].show-me-how-link,
.instructor-note-container .green.raised[aria-disabled=true].show-edit-instructor-note-icon,
.assignment-section-summary .green.raised[aria-disabled=true].next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .green.raised[aria-disabled=true].exit-button,
.zybook-zylab-similarity-page .zb-toolbar .green.raised[aria-disabled=true].exit-button,
.view-request-card .green.raised[aria-disabled=true].back-to-library-link,
.review-adoption .green.raised[aria-disabled=true].back-to-library-link,
details &gt; summary.green.raised[aria-disabled=true],
.pythonTutor .ExecutionVisualizer #vcrControls .green.raised[aria-disabled=true].button,
.definition-match-payload .definition-match-term &gt; div.green.raised[aria-disabled=true],
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.raised[aria-disabled=true].fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .green.raised[aria-disabled=true].more-info,
.student-instructions-modal .green.raised[disabled].copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .green.raised[disabled].move-sections-button,
.subscribe-student-panel .green.raised[disabled].already-paid,
.modify-section .toolbar-container .toolbar-card .green.raised[disabled].show-me-how-link,
.instructor-note-container .green.raised[disabled].show-edit-instructor-note-icon,
.assignment-section-summary .green.raised[disabled].next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .green.raised[disabled].exit-button,
.zybook-zylab-similarity-page .zb-toolbar .green.raised[disabled].exit-button,
.view-request-card .green.raised[disabled].back-to-library-link,
.review-adoption .green.raised[disabled].back-to-library-link,
details &gt; summary.green.raised[disabled],
.pythonTutor .ExecutionVisualizer #vcrControls .green.raised[disabled].button,
.definition-match-payload .definition-match-term &gt; div.green.raised[disabled],
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.raised[disabled].fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .green.raised[disabled].more-info,
.student-instructions-modal .green.raised.disabled.copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .green.raised.disabled.move-sections-button,
.subscribe-student-panel .green.raised.disabled.already-paid,
.modify-section .toolbar-container .toolbar-card .green.raised.disabled.show-me-how-link,
.instructor-note-container .green.raised.disabled.show-edit-instructor-note-icon,
.assignment-section-summary .green.raised.disabled.next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .green.raised.disabled.exit-button,
.zybook-zylab-similarity-page .zb-toolbar .green.raised.disabled.exit-button,
.view-request-card .green.raised.disabled.back-to-library-link,
.review-adoption .green.raised.disabled.back-to-library-link,
details &gt; summary.green.raised.disabled,
.pythonTutor .ExecutionVisualizer #vcrControls .green.raised.disabled.button,
.definition-match-payload .definition-match-term &gt; div.green.raised.disabled,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.raised.disabled.fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .green.raised.disabled.more-info {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-background-h) + 0deg), calc(var(--zb-semantic-color-disabled-background-s) + 0%), calc(var(--zb-semantic-color-disabled-background-l) + 0%), calc(var(--zb-semantic-color-disabled-background-a) + 0));
}
.zb-button.warn.raised,
.student-instructions-modal .warn.raised.copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .warn.raised.move-sections-button,
.subscribe-student-panel .warn.raised.already-paid,
.modify-section .toolbar-container .toolbar-card .warn.raised.show-me-how-link,
.instructor-note-container .warn.raised.show-edit-instructor-note-icon,
.assignment-section-summary .warn.raised.next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .warn.raised.exit-button,
.zybook-zylab-similarity-page .zb-toolbar .warn.raised.exit-button,
.view-request-card .warn.raised.back-to-library-link,
.review-adoption .warn.raised.back-to-library-link,
details &gt; summary.warn.raised,
.pythonTutor .ExecutionVisualizer #vcrControls .warn.raised.button,
.definition-match-payload .definition-match-term &gt; div.warn.raised,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.raised.fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .warn.raised.more-info {
  background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-warn-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-warn-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-warn-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-warn-a) + 0));
}
.zb-button.warn.raised[aria-disabled=true], .zb-button.warn.raised[disabled], .zb-button.warn.raised.disabled,
.student-instructions-modal .warn.raised[aria-disabled=true].copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .warn.raised[aria-disabled=true].move-sections-button,
.subscribe-student-panel .warn.raised[aria-disabled=true].already-paid,
.modify-section .toolbar-container .toolbar-card .warn.raised[aria-disabled=true].show-me-how-link,
.instructor-note-container .warn.raised[aria-disabled=true].show-edit-instructor-note-icon,
.assignment-section-summary .warn.raised[aria-disabled=true].next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .warn.raised[aria-disabled=true].exit-button,
.zybook-zylab-similarity-page .zb-toolbar .warn.raised[aria-disabled=true].exit-button,
.view-request-card .warn.raised[aria-disabled=true].back-to-library-link,
.review-adoption .warn.raised[aria-disabled=true].back-to-library-link,
details &gt; summary.warn.raised[aria-disabled=true],
.pythonTutor .ExecutionVisualizer #vcrControls .warn.raised[aria-disabled=true].button,
.definition-match-payload .definition-match-term &gt; div.warn.raised[aria-disabled=true],
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.raised[aria-disabled=true].fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .warn.raised[aria-disabled=true].more-info,
.student-instructions-modal .warn.raised[disabled].copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .warn.raised[disabled].move-sections-button,
.subscribe-student-panel .warn.raised[disabled].already-paid,
.modify-section .toolbar-container .toolbar-card .warn.raised[disabled].show-me-how-link,
.instructor-note-container .warn.raised[disabled].show-edit-instructor-note-icon,
.assignment-section-summary .warn.raised[disabled].next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .warn.raised[disabled].exit-button,
.zybook-zylab-similarity-page .zb-toolbar .warn.raised[disabled].exit-button,
.view-request-card .warn.raised[disabled].back-to-library-link,
.review-adoption .warn.raised[disabled].back-to-library-link,
details &gt; summary.warn.raised[disabled],
.pythonTutor .ExecutionVisualizer #vcrControls .warn.raised[disabled].button,
.definition-match-payload .definition-match-term &gt; div.warn.raised[disabled],
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.raised[disabled].fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .warn.raised[disabled].more-info,
.student-instructions-modal .warn.raised.disabled.copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .warn.raised.disabled.move-sections-button,
.subscribe-student-panel .warn.raised.disabled.already-paid,
.modify-section .toolbar-container .toolbar-card .warn.raised.disabled.show-me-how-link,
.instructor-note-container .warn.raised.disabled.show-edit-instructor-note-icon,
.assignment-section-summary .warn.raised.disabled.next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .warn.raised.disabled.exit-button,
.zybook-zylab-similarity-page .zb-toolbar .warn.raised.disabled.exit-button,
.view-request-card .warn.raised.disabled.back-to-library-link,
.review-adoption .warn.raised.disabled.back-to-library-link,
details &gt; summary.warn.raised.disabled,
.pythonTutor .ExecutionVisualizer #vcrControls .warn.raised.disabled.button,
.definition-match-payload .definition-match-term &gt; div.warn.raised.disabled,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.raised.disabled.fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .warn.raised.disabled.more-info {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-background-h) + 0deg), calc(var(--zb-semantic-color-disabled-background-s) + 0%), calc(var(--zb-semantic-color-disabled-background-l) + 0%), calc(var(--zb-semantic-color-disabled-background-a) + 0));
}
.zb-button.grey.raised,
.student-instructions-modal .grey.raised.copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .grey.raised.move-sections-button,
.subscribe-student-panel .grey.raised.already-paid,
.modify-section .toolbar-container .toolbar-card .grey.raised.show-me-how-link,
.instructor-note-container .grey.raised.show-edit-instructor-note-icon,
.assignment-section-summary .grey.raised.next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .grey.raised.exit-button,
.zybook-zylab-similarity-page .zb-toolbar .grey.raised.exit-button,
.view-request-card .grey.raised.back-to-library-link,
.review-adoption .grey.raised.back-to-library-link,
details &gt; summary.grey.raised,
.pythonTutor .ExecutionVisualizer #vcrControls .grey.raised.button,
.definition-match-payload .definition-match-term &gt; div.grey.raised,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.raised.fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .grey.raised.more-info {
  background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-grey-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-grey-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-grey-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-grey-a) + 0));
}
.zb-button.grey.raised[aria-disabled=true], .zb-button.grey.raised[disabled], .zb-button.grey.raised.disabled,
.student-instructions-modal .grey.raised[aria-disabled=true].copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .grey.raised[aria-disabled=true].move-sections-button,
.subscribe-student-panel .grey.raised[aria-disabled=true].already-paid,
.modify-section .toolbar-container .toolbar-card .grey.raised[aria-disabled=true].show-me-how-link,
.instructor-note-container .grey.raised[aria-disabled=true].show-edit-instructor-note-icon,
.assignment-section-summary .grey.raised[aria-disabled=true].next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .grey.raised[aria-disabled=true].exit-button,
.zybook-zylab-similarity-page .zb-toolbar .grey.raised[aria-disabled=true].exit-button,
.view-request-card .grey.raised[aria-disabled=true].back-to-library-link,
.review-adoption .grey.raised[aria-disabled=true].back-to-library-link,
details &gt; summary.grey.raised[aria-disabled=true],
.pythonTutor .ExecutionVisualizer #vcrControls .grey.raised[aria-disabled=true].button,
.definition-match-payload .definition-match-term &gt; div.grey.raised[aria-disabled=true],
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.raised[aria-disabled=true].fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .grey.raised[aria-disabled=true].more-info,
.student-instructions-modal .grey.raised[disabled].copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .grey.raised[disabled].move-sections-button,
.subscribe-student-panel .grey.raised[disabled].already-paid,
.modify-section .toolbar-container .toolbar-card .grey.raised[disabled].show-me-how-link,
.instructor-note-container .grey.raised[disabled].show-edit-instructor-note-icon,
.assignment-section-summary .grey.raised[disabled].next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .grey.raised[disabled].exit-button,
.zybook-zylab-similarity-page .zb-toolbar .grey.raised[disabled].exit-button,
.view-request-card .grey.raised[disabled].back-to-library-link,
.review-adoption .grey.raised[disabled].back-to-library-link,
details &gt; summary.grey.raised[disabled],
.pythonTutor .ExecutionVisualizer #vcrControls .grey.raised[disabled].button,
.definition-match-payload .definition-match-term &gt; div.grey.raised[disabled],
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.raised[disabled].fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .grey.raised[disabled].more-info,
.student-instructions-modal .grey.raised.disabled.copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .grey.raised.disabled.move-sections-button,
.subscribe-student-panel .grey.raised.disabled.already-paid,
.modify-section .toolbar-container .toolbar-card .grey.raised.disabled.show-me-how-link,
.instructor-note-container .grey.raised.disabled.show-edit-instructor-note-icon,
.assignment-section-summary .grey.raised.disabled.next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .grey.raised.disabled.exit-button,
.zybook-zylab-similarity-page .zb-toolbar .grey.raised.disabled.exit-button,
.view-request-card .grey.raised.disabled.back-to-library-link,
.review-adoption .grey.raised.disabled.back-to-library-link,
details &gt; summary.grey.raised.disabled,
.pythonTutor .ExecutionVisualizer #vcrControls .grey.raised.disabled.button,
.definition-match-payload .definition-match-term &gt; div.grey.raised.disabled,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.raised.disabled.fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .grey.raised.disabled.more-info {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-background-h) + 0deg), calc(var(--zb-semantic-color-disabled-background-s) + 0%), calc(var(--zb-semantic-color-disabled-background-l) + 0%), calc(var(--zb-semantic-color-disabled-background-a) + 0));
}
.zb-button.primary,
.student-instructions-modal .primary.copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .primary.move-sections-button,
.subscribe-student-panel .primary.already-paid,
.modify-section .toolbar-container .toolbar-card .primary.show-me-how-link,
.instructor-note-container .primary.show-edit-instructor-note-icon,
.assignment-section-summary .primary.next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .primary.exit-button,
.zybook-zylab-similarity-page .zb-toolbar .primary.exit-button,
.view-request-card .primary.back-to-library-link,
.review-adoption .primary.back-to-library-link,
details &gt; summary.primary,
.pythonTutor .ExecutionVisualizer #vcrControls .primary.button,
.definition-match-payload .definition-match-term &gt; div.primary,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .primary.more-info {
  color: hsl(calc(var(--zb-semantic-color-button-primary-h) + 0deg), calc(var(--zb-semantic-color-button-primary-s) + 0%), calc(var(--zb-semantic-color-button-primary-l) + 0%), calc(var(--zb-semantic-color-button-primary-a) + 0));
}
.zb-button.primary[aria-disabled=true], .zb-button.primary[disabled], .zb-button.primary.disabled,
.student-instructions-modal .primary[aria-disabled=true].copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .primary[aria-disabled=true].move-sections-button,
.subscribe-student-panel .primary[aria-disabled=true].already-paid,
.modify-section .toolbar-container .toolbar-card .primary[aria-disabled=true].show-me-how-link,
.instructor-note-container .primary[aria-disabled=true].show-edit-instructor-note-icon,
.assignment-section-summary .primary[aria-disabled=true].next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .primary[aria-disabled=true].exit-button,
.zybook-zylab-similarity-page .zb-toolbar .primary[aria-disabled=true].exit-button,
.view-request-card .primary[aria-disabled=true].back-to-library-link,
.review-adoption .primary[aria-disabled=true].back-to-library-link,
details &gt; summary.primary[aria-disabled=true],
.pythonTutor .ExecutionVisualizer #vcrControls .primary[aria-disabled=true].button,
.definition-match-payload .definition-match-term &gt; div.primary[aria-disabled=true],
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary[aria-disabled=true].fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .primary[aria-disabled=true].more-info,
.student-instructions-modal .primary[disabled].copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .primary[disabled].move-sections-button,
.subscribe-student-panel .primary[disabled].already-paid,
.modify-section .toolbar-container .toolbar-card .primary[disabled].show-me-how-link,
.instructor-note-container .primary[disabled].show-edit-instructor-note-icon,
.assignment-section-summary .primary[disabled].next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .primary[disabled].exit-button,
.zybook-zylab-similarity-page .zb-toolbar .primary[disabled].exit-button,
.view-request-card .primary[disabled].back-to-library-link,
.review-adoption .primary[disabled].back-to-library-link,
details &gt; summary.primary[disabled],
.pythonTutor .ExecutionVisualizer #vcrControls .primary[disabled].button,
.definition-match-payload .definition-match-term &gt; div.primary[disabled],
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary[disabled].fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .primary[disabled].more-info,
.student-instructions-modal .primary.disabled.copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .primary.disabled.move-sections-button,
.subscribe-student-panel .primary.disabled.already-paid,
.modify-section .toolbar-container .toolbar-card .primary.disabled.show-me-how-link,
.instructor-note-container .primary.disabled.show-edit-instructor-note-icon,
.assignment-section-summary .primary.disabled.next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .primary.disabled.exit-button,
.zybook-zylab-similarity-page .zb-toolbar .primary.disabled.exit-button,
.view-request-card .primary.disabled.back-to-library-link,
.review-adoption .primary.disabled.back-to-library-link,
details &gt; summary.primary.disabled,
.pythonTutor .ExecutionVisualizer #vcrControls .primary.disabled.button,
.definition-match-payload .definition-match-term &gt; div.primary.disabled,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.disabled.fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .primary.disabled.more-info {
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-button.secondary,
.student-instructions-modal .secondary.copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .secondary.move-sections-button,
.subscribe-student-panel .secondary.already-paid,
.modify-section .toolbar-container .toolbar-card .secondary.show-me-how-link,
.instructor-note-container .secondary.show-edit-instructor-note-icon,
.assignment-section-summary .secondary.next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.exit-button,
.zybook-zylab-similarity-page .zb-toolbar .secondary.exit-button,
.view-request-card .secondary.back-to-library-link,
.review-adoption .secondary.back-to-library-link,
details &gt; summary.secondary,
.pythonTutor .ExecutionVisualizer #vcrControls .secondary.button,
.definition-match-payload .definition-match-term &gt; div.secondary,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .secondary.more-info {
  color: hsl(calc(var(--zb-semantic-color-button-secondary-h) + 0deg), calc(var(--zb-semantic-color-button-secondary-s) + 0%), calc(var(--zb-semantic-color-button-secondary-l) + 0%), calc(var(--zb-semantic-color-button-secondary-a) + 0));
}
.zb-button.secondary[aria-disabled=true], .zb-button.secondary[disabled], .zb-button.secondary.disabled,
.student-instructions-modal .secondary[aria-disabled=true].copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .secondary[aria-disabled=true].move-sections-button,
.subscribe-student-panel .secondary[aria-disabled=true].already-paid,
.modify-section .toolbar-container .toolbar-card .secondary[aria-disabled=true].show-me-how-link,
.instructor-note-container .secondary[aria-disabled=true].show-edit-instructor-note-icon,
.assignment-section-summary .secondary[aria-disabled=true].next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .secondary[aria-disabled=true].exit-button,
.zybook-zylab-similarity-page .zb-toolbar .secondary[aria-disabled=true].exit-button,
.view-request-card .secondary[aria-disabled=true].back-to-library-link,
.review-adoption .secondary[aria-disabled=true].back-to-library-link,
details &gt; summary.secondary[aria-disabled=true],
.pythonTutor .ExecutionVisualizer #vcrControls .secondary[aria-disabled=true].button,
.definition-match-payload .definition-match-term &gt; div.secondary[aria-disabled=true],
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary[aria-disabled=true].fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .secondary[aria-disabled=true].more-info,
.student-instructions-modal .secondary[disabled].copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .secondary[disabled].move-sections-button,
.subscribe-student-panel .secondary[disabled].already-paid,
.modify-section .toolbar-container .toolbar-card .secondary[disabled].show-me-how-link,
.instructor-note-container .secondary[disabled].show-edit-instructor-note-icon,
.assignment-section-summary .secondary[disabled].next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .secondary[disabled].exit-button,
.zybook-zylab-similarity-page .zb-toolbar .secondary[disabled].exit-button,
.view-request-card .secondary[disabled].back-to-library-link,
.review-adoption .secondary[disabled].back-to-library-link,
details &gt; summary.secondary[disabled],
.pythonTutor .ExecutionVisualizer #vcrControls .secondary[disabled].button,
.definition-match-payload .definition-match-term &gt; div.secondary[disabled],
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary[disabled].fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .secondary[disabled].more-info,
.student-instructions-modal .secondary.disabled.copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .secondary.disabled.move-sections-button,
.subscribe-student-panel .secondary.disabled.already-paid,
.modify-section .toolbar-container .toolbar-card .secondary.disabled.show-me-how-link,
.instructor-note-container .secondary.disabled.show-edit-instructor-note-icon,
.assignment-section-summary .secondary.disabled.next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.disabled.exit-button,
.zybook-zylab-similarity-page .zb-toolbar .secondary.disabled.exit-button,
.view-request-card .secondary.disabled.back-to-library-link,
.review-adoption .secondary.disabled.back-to-library-link,
details &gt; summary.secondary.disabled,
.pythonTutor .ExecutionVisualizer #vcrControls .secondary.disabled.button,
.definition-match-payload .definition-match-term &gt; div.secondary.disabled,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.disabled.fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .secondary.disabled.more-info {
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-button.green,
.student-instructions-modal .green.copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .green.move-sections-button,
.subscribe-student-panel .green.already-paid,
.modify-section .toolbar-container .toolbar-card .green.show-me-how-link,
.instructor-note-container .green.show-edit-instructor-note-icon,
.assignment-section-summary .green.next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .green.exit-button,
.zybook-zylab-similarity-page .zb-toolbar .green.exit-button,
.view-request-card .green.back-to-library-link,
.review-adoption .green.back-to-library-link,
details &gt; summary.green,
.pythonTutor .ExecutionVisualizer #vcrControls .green.button,
.definition-match-payload .definition-match-term &gt; div.green,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .green.more-info {
  color: hsl(calc(var(--zb-semantic-color-button-green-h) + 0deg), calc(var(--zb-semantic-color-button-green-s) + 0%), calc(var(--zb-semantic-color-button-green-l) + 0%), calc(var(--zb-semantic-color-button-green-a) + 0));
}
.zb-button.green[aria-disabled=true], .zb-button.green[disabled], .zb-button.green.disabled,
.student-instructions-modal .green[aria-disabled=true].copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .green[aria-disabled=true].move-sections-button,
.subscribe-student-panel .green[aria-disabled=true].already-paid,
.modify-section .toolbar-container .toolbar-card .green[aria-disabled=true].show-me-how-link,
.instructor-note-container .green[aria-disabled=true].show-edit-instructor-note-icon,
.assignment-section-summary .green[aria-disabled=true].next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .green[aria-disabled=true].exit-button,
.zybook-zylab-similarity-page .zb-toolbar .green[aria-disabled=true].exit-button,
.view-request-card .green[aria-disabled=true].back-to-library-link,
.review-adoption .green[aria-disabled=true].back-to-library-link,
details &gt; summary.green[aria-disabled=true],
.pythonTutor .ExecutionVisualizer #vcrControls .green[aria-disabled=true].button,
.definition-match-payload .definition-match-term &gt; div.green[aria-disabled=true],
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green[aria-disabled=true].fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .green[aria-disabled=true].more-info,
.student-instructions-modal .green[disabled].copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .green[disabled].move-sections-button,
.subscribe-student-panel .green[disabled].already-paid,
.modify-section .toolbar-container .toolbar-card .green[disabled].show-me-how-link,
.instructor-note-container .green[disabled].show-edit-instructor-note-icon,
.assignment-section-summary .green[disabled].next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .green[disabled].exit-button,
.zybook-zylab-similarity-page .zb-toolbar .green[disabled].exit-button,
.view-request-card .green[disabled].back-to-library-link,
.review-adoption .green[disabled].back-to-library-link,
details &gt; summary.green[disabled],
.pythonTutor .ExecutionVisualizer #vcrControls .green[disabled].button,
.definition-match-payload .definition-match-term &gt; div.green[disabled],
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green[disabled].fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .green[disabled].more-info,
.student-instructions-modal .green.disabled.copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .green.disabled.move-sections-button,
.subscribe-student-panel .green.disabled.already-paid,
.modify-section .toolbar-container .toolbar-card .green.disabled.show-me-how-link,
.instructor-note-container .green.disabled.show-edit-instructor-note-icon,
.assignment-section-summary .green.disabled.next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .green.disabled.exit-button,
.zybook-zylab-similarity-page .zb-toolbar .green.disabled.exit-button,
.view-request-card .green.disabled.back-to-library-link,
.review-adoption .green.disabled.back-to-library-link,
details &gt; summary.green.disabled,
.pythonTutor .ExecutionVisualizer #vcrControls .green.disabled.button,
.definition-match-payload .definition-match-term &gt; div.green.disabled,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.disabled.fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .green.disabled.more-info {
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-button.warn,
.student-instructions-modal .warn.copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .warn.move-sections-button,
.subscribe-student-panel .warn.already-paid,
.modify-section .toolbar-container .toolbar-card .warn.show-me-how-link,
.instructor-note-container .warn.show-edit-instructor-note-icon,
.assignment-section-summary .warn.next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .warn.exit-button,
.zybook-zylab-similarity-page .zb-toolbar .warn.exit-button,
.view-request-card .warn.back-to-library-link,
.review-adoption .warn.back-to-library-link,
details &gt; summary.warn,
.pythonTutor .ExecutionVisualizer #vcrControls .warn.button,
.definition-match-payload .definition-match-term &gt; div.warn,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .warn.more-info {
  color: hsl(calc(var(--zb-semantic-color-button-warn-h) + 0deg), calc(var(--zb-semantic-color-button-warn-s) + 0%), calc(var(--zb-semantic-color-button-warn-l) + 0%), calc(var(--zb-semantic-color-button-warn-a) + 0));
}
.zb-button.warn[aria-disabled=true], .zb-button.warn[disabled], .zb-button.warn.disabled,
.student-instructions-modal .warn[aria-disabled=true].copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .warn[aria-disabled=true].move-sections-button,
.subscribe-student-panel .warn[aria-disabled=true].already-paid,
.modify-section .toolbar-container .toolbar-card .warn[aria-disabled=true].show-me-how-link,
.instructor-note-container .warn[aria-disabled=true].show-edit-instructor-note-icon,
.assignment-section-summary .warn[aria-disabled=true].next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .warn[aria-disabled=true].exit-button,
.zybook-zylab-similarity-page .zb-toolbar .warn[aria-disabled=true].exit-button,
.view-request-card .warn[aria-disabled=true].back-to-library-link,
.review-adoption .warn[aria-disabled=true].back-to-library-link,
details &gt; summary.warn[aria-disabled=true],
.pythonTutor .ExecutionVisualizer #vcrControls .warn[aria-disabled=true].button,
.definition-match-payload .definition-match-term &gt; div.warn[aria-disabled=true],
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn[aria-disabled=true].fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .warn[aria-disabled=true].more-info,
.student-instructions-modal .warn[disabled].copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .warn[disabled].move-sections-button,
.subscribe-student-panel .warn[disabled].already-paid,
.modify-section .toolbar-container .toolbar-card .warn[disabled].show-me-how-link,
.instructor-note-container .warn[disabled].show-edit-instructor-note-icon,
.assignment-section-summary .warn[disabled].next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .warn[disabled].exit-button,
.zybook-zylab-similarity-page .zb-toolbar .warn[disabled].exit-button,
.view-request-card .warn[disabled].back-to-library-link,
.review-adoption .warn[disabled].back-to-library-link,
details &gt; summary.warn[disabled],
.pythonTutor .ExecutionVisualizer #vcrControls .warn[disabled].button,
.definition-match-payload .definition-match-term &gt; div.warn[disabled],
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn[disabled].fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .warn[disabled].more-info,
.student-instructions-modal .warn.disabled.copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .warn.disabled.move-sections-button,
.subscribe-student-panel .warn.disabled.already-paid,
.modify-section .toolbar-container .toolbar-card .warn.disabled.show-me-how-link,
.instructor-note-container .warn.disabled.show-edit-instructor-note-icon,
.assignment-section-summary .warn.disabled.next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .warn.disabled.exit-button,
.zybook-zylab-similarity-page .zb-toolbar .warn.disabled.exit-button,
.view-request-card .warn.disabled.back-to-library-link,
.review-adoption .warn.disabled.back-to-library-link,
details &gt; summary.warn.disabled,
.pythonTutor .ExecutionVisualizer #vcrControls .warn.disabled.button,
.definition-match-payload .definition-match-term &gt; div.warn.disabled,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.disabled.fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .warn.disabled.more-info {
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-button.grey,
.student-instructions-modal .grey.copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .grey.move-sections-button,
.subscribe-student-panel .grey.already-paid,
.modify-section .toolbar-container .toolbar-card .grey.show-me-how-link,
.instructor-note-container .grey.show-edit-instructor-note-icon,
.assignment-section-summary .grey.next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .grey.exit-button,
.zybook-zylab-similarity-page .zb-toolbar .grey.exit-button,
.view-request-card .grey.back-to-library-link,
.review-adoption .grey.back-to-library-link,
details &gt; summary.grey,
.pythonTutor .ExecutionVisualizer #vcrControls .grey.button,
.definition-match-payload .definition-match-term &gt; div.grey,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .grey.more-info {
  color: hsl(calc(var(--zb-semantic-color-button-grey-h) + 0deg), calc(var(--zb-semantic-color-button-grey-s) + 0%), calc(var(--zb-semantic-color-button-grey-l) + 0%), calc(var(--zb-semantic-color-button-grey-a) + 0));
}
.zb-button.grey[aria-disabled=true], .zb-button.grey[disabled], .zb-button.grey.disabled,
.student-instructions-modal .grey[aria-disabled=true].copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .grey[aria-disabled=true].move-sections-button,
.subscribe-student-panel .grey[aria-disabled=true].already-paid,
.modify-section .toolbar-container .toolbar-card .grey[aria-disabled=true].show-me-how-link,
.instructor-note-container .grey[aria-disabled=true].show-edit-instructor-note-icon,
.assignment-section-summary .grey[aria-disabled=true].next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .grey[aria-disabled=true].exit-button,
.zybook-zylab-similarity-page .zb-toolbar .grey[aria-disabled=true].exit-button,
.view-request-card .grey[aria-disabled=true].back-to-library-link,
.review-adoption .grey[aria-disabled=true].back-to-library-link,
details &gt; summary.grey[aria-disabled=true],
.pythonTutor .ExecutionVisualizer #vcrControls .grey[aria-disabled=true].button,
.definition-match-payload .definition-match-term &gt; div.grey[aria-disabled=true],
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey[aria-disabled=true].fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .grey[aria-disabled=true].more-info,
.student-instructions-modal .grey[disabled].copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .grey[disabled].move-sections-button,
.subscribe-student-panel .grey[disabled].already-paid,
.modify-section .toolbar-container .toolbar-card .grey[disabled].show-me-how-link,
.instructor-note-container .grey[disabled].show-edit-instructor-note-icon,
.assignment-section-summary .grey[disabled].next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .grey[disabled].exit-button,
.zybook-zylab-similarity-page .zb-toolbar .grey[disabled].exit-button,
.view-request-card .grey[disabled].back-to-library-link,
.review-adoption .grey[disabled].back-to-library-link,
details &gt; summary.grey[disabled],
.pythonTutor .ExecutionVisualizer #vcrControls .grey[disabled].button,
.definition-match-payload .definition-match-term &gt; div.grey[disabled],
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey[disabled].fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .grey[disabled].more-info,
.student-instructions-modal .grey.disabled.copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .grey.disabled.move-sections-button,
.subscribe-student-panel .grey.disabled.already-paid,
.modify-section .toolbar-container .toolbar-card .grey.disabled.show-me-how-link,
.instructor-note-container .grey.disabled.show-edit-instructor-note-icon,
.assignment-section-summary .grey.disabled.next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .grey.disabled.exit-button,
.zybook-zylab-similarity-page .zb-toolbar .grey.disabled.exit-button,
.view-request-card .grey.disabled.back-to-library-link,
.review-adoption .grey.disabled.back-to-library-link,
details &gt; summary.grey.disabled,
.pythonTutor .ExecutionVisualizer #vcrControls .grey.disabled.button,
.definition-match-payload .definition-match-term &gt; div.grey.disabled,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.disabled.fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .grey.disabled.more-info {
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-button.green.raised, .zb-button.green.raised i,
.student-instructions-modal .green.raised.copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .green.raised.move-sections-button,
.subscribe-student-panel .green.raised.already-paid,
.modify-section .toolbar-container .toolbar-card .green.raised.show-me-how-link,
.instructor-note-container .green.raised.show-edit-instructor-note-icon,
.assignment-section-summary .green.raised.next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .green.raised.exit-button,
.zybook-zylab-similarity-page .zb-toolbar .green.raised.exit-button,
.view-request-card .green.raised.back-to-library-link,
.review-adoption .green.raised.back-to-library-link,
details &gt; summary.green.raised,
.pythonTutor .ExecutionVisualizer #vcrControls .green.raised.button,
.definition-match-payload .definition-match-term &gt; div.green.raised,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.raised.fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .green.raised.more-info,
.student-instructions-modal .green.raised.copy-instructions-to-clipboard-button i,
.zybook-configure-panel .panel-content .green.raised.move-sections-button i,
.subscribe-student-panel .green.raised.already-paid i,
.modify-section .toolbar-container .toolbar-card .green.raised.show-me-how-link i,
.instructor-note-container .green.raised.show-edit-instructor-note-icon i,
.assignment-section-summary .green.raised.next-section-link i,
.zybook-advanced-zylab-similarity-page .zb-toolbar .green.raised.exit-button i,
.zybook-zylab-similarity-page .zb-toolbar .green.raised.exit-button i,
.view-request-card .green.raised.back-to-library-link i,
.review-adoption .green.raised.back-to-library-link i,
details &gt; summary.green.raised i,
.pythonTutor .ExecutionVisualizer #vcrControls .green.raised.button i,
.definition-match-payload .definition-match-term &gt; div.green.raised i,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.raised.fr-btn:last-child i,
.zb-feedback .expanded-feedback .zb-control-row .green.raised.more-info i {
  color: hsl(calc(var(--zb-semantic-color-button-raised-h) + 0deg), calc(var(--zb-semantic-color-button-raised-s) + 0%), calc(var(--zb-semantic-color-button-raised-l) + 0%), calc(var(--zb-semantic-color-button-raised-a) + 0));
}
.zb-button.green.raised[aria-disabled=true], .zb-button.green.raised[disabled], .zb-button.green.raised.disabled, .zb-button.green.raised i[aria-disabled=true], .zb-button.green.raised i[disabled], .zb-button.green.raised i.disabled,
.student-instructions-modal .green.raised[aria-disabled=true].copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .green.raised[aria-disabled=true].move-sections-button,
.subscribe-student-panel .green.raised[aria-disabled=true].already-paid,
.modify-section .toolbar-container .toolbar-card .green.raised[aria-disabled=true].show-me-how-link,
.instructor-note-container .green.raised[aria-disabled=true].show-edit-instructor-note-icon,
.assignment-section-summary .green.raised[aria-disabled=true].next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .green.raised[aria-disabled=true].exit-button,
.zybook-zylab-similarity-page .zb-toolbar .green.raised[aria-disabled=true].exit-button,
.view-request-card .green.raised[aria-disabled=true].back-to-library-link,
.review-adoption .green.raised[aria-disabled=true].back-to-library-link,
details &gt; summary.green.raised[aria-disabled=true],
.pythonTutor .ExecutionVisualizer #vcrControls .green.raised[aria-disabled=true].button,
.definition-match-payload .definition-match-term &gt; div.green.raised[aria-disabled=true],
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.raised[aria-disabled=true].fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .green.raised[aria-disabled=true].more-info,
.student-instructions-modal .green.raised[disabled].copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .green.raised[disabled].move-sections-button,
.subscribe-student-panel .green.raised[disabled].already-paid,
.modify-section .toolbar-container .toolbar-card .green.raised[disabled].show-me-how-link,
.instructor-note-container .green.raised[disabled].show-edit-instructor-note-icon,
.assignment-section-summary .green.raised[disabled].next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .green.raised[disabled].exit-button,
.zybook-zylab-similarity-page .zb-toolbar .green.raised[disabled].exit-button,
.view-request-card .green.raised[disabled].back-to-library-link,
.review-adoption .green.raised[disabled].back-to-library-link,
details &gt; summary.green.raised[disabled],
.pythonTutor .ExecutionVisualizer #vcrControls .green.raised[disabled].button,
.definition-match-payload .definition-match-term &gt; div.green.raised[disabled],
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.raised[disabled].fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .green.raised[disabled].more-info,
.student-instructions-modal .green.raised.disabled.copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .green.raised.disabled.move-sections-button,
.subscribe-student-panel .green.raised.disabled.already-paid,
.modify-section .toolbar-container .toolbar-card .green.raised.disabled.show-me-how-link,
.instructor-note-container .green.raised.disabled.show-edit-instructor-note-icon,
.assignment-section-summary .green.raised.disabled.next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .green.raised.disabled.exit-button,
.zybook-zylab-similarity-page .zb-toolbar .green.raised.disabled.exit-button,
.view-request-card .green.raised.disabled.back-to-library-link,
.review-adoption .green.raised.disabled.back-to-library-link,
details &gt; summary.green.raised.disabled,
.pythonTutor .ExecutionVisualizer #vcrControls .green.raised.disabled.button,
.definition-match-payload .definition-match-term &gt; div.green.raised.disabled,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.raised.disabled.fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .green.raised.disabled.more-info,
.student-instructions-modal .green.raised.copy-instructions-to-clipboard-button i[aria-disabled=true],
.zybook-configure-panel .panel-content .green.raised.move-sections-button i[aria-disabled=true],
.subscribe-student-panel .green.raised.already-paid i[aria-disabled=true],
.modify-section .toolbar-container .toolbar-card .green.raised.show-me-how-link i[aria-disabled=true],
.instructor-note-container .green.raised.show-edit-instructor-note-icon i[aria-disabled=true],
.assignment-section-summary .green.raised.next-section-link i[aria-disabled=true],
.zybook-advanced-zylab-similarity-page .zb-toolbar .green.raised.exit-button i[aria-disabled=true],
.zybook-zylab-similarity-page .zb-toolbar .green.raised.exit-button i[aria-disabled=true],
.view-request-card .green.raised.back-to-library-link i[aria-disabled=true],
.review-adoption .green.raised.back-to-library-link i[aria-disabled=true],
details &gt; summary.green.raised i[aria-disabled=true],
.pythonTutor .ExecutionVisualizer #vcrControls .green.raised.button i[aria-disabled=true],
.definition-match-payload .definition-match-term &gt; div.green.raised i[aria-disabled=true],
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.raised.fr-btn:last-child i[aria-disabled=true],
.zb-feedback .expanded-feedback .zb-control-row .green.raised.more-info i[aria-disabled=true],
.student-instructions-modal .green.raised.copy-instructions-to-clipboard-button i[disabled],
.zybook-configure-panel .panel-content .green.raised.move-sections-button i[disabled],
.subscribe-student-panel .green.raised.already-paid i[disabled],
.modify-section .toolbar-container .toolbar-card .green.raised.show-me-how-link i[disabled],
.instructor-note-container .green.raised.show-edit-instructor-note-icon i[disabled],
.assignment-section-summary .green.raised.next-section-link i[disabled],
.zybook-advanced-zylab-similarity-page .zb-toolbar .green.raised.exit-button i[disabled],
.zybook-zylab-similarity-page .zb-toolbar .green.raised.exit-button i[disabled],
.view-request-card .green.raised.back-to-library-link i[disabled],
.review-adoption .green.raised.back-to-library-link i[disabled],
details &gt; summary.green.raised i[disabled],
.pythonTutor .ExecutionVisualizer #vcrControls .green.raised.button i[disabled],
.definition-match-payload .definition-match-term &gt; div.green.raised i[disabled],
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.raised.fr-btn:last-child i[disabled],
.zb-feedback .expanded-feedback .zb-control-row .green.raised.more-info i[disabled],
.student-instructions-modal .green.raised.copy-instructions-to-clipboard-button i.disabled,
.zybook-configure-panel .panel-content .green.raised.move-sections-button i.disabled,
.subscribe-student-panel .green.raised.already-paid i.disabled,
.modify-section .toolbar-container .toolbar-card .green.raised.show-me-how-link i.disabled,
.instructor-note-container .green.raised.show-edit-instructor-note-icon i.disabled,
.assignment-section-summary .green.raised.next-section-link i.disabled,
.zybook-advanced-zylab-similarity-page .zb-toolbar .green.raised.exit-button i.disabled,
.zybook-zylab-similarity-page .zb-toolbar .green.raised.exit-button i.disabled,
.view-request-card .green.raised.back-to-library-link i.disabled,
.review-adoption .green.raised.back-to-library-link i.disabled,
details &gt; summary.green.raised i.disabled,
.pythonTutor .ExecutionVisualizer #vcrControls .green.raised.button i.disabled,
.definition-match-payload .definition-match-term &gt; div.green.raised i.disabled,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.raised.fr-btn:last-child i.disabled,
.zb-feedback .expanded-feedback .zb-control-row .green.raised.more-info i.disabled {
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-button.grey.raised, .zb-button.grey.raised i,
.student-instructions-modal .grey.raised.copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .grey.raised.move-sections-button,
.subscribe-student-panel .grey.raised.already-paid,
.modify-section .toolbar-container .toolbar-card .grey.raised.show-me-how-link,
.instructor-note-container .grey.raised.show-edit-instructor-note-icon,
.assignment-section-summary .grey.raised.next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .grey.raised.exit-button,
.zybook-zylab-similarity-page .zb-toolbar .grey.raised.exit-button,
.view-request-card .grey.raised.back-to-library-link,
.review-adoption .grey.raised.back-to-library-link,
details &gt; summary.grey.raised,
.pythonTutor .ExecutionVisualizer #vcrControls .grey.raised.button,
.definition-match-payload .definition-match-term &gt; div.grey.raised,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.raised.fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .grey.raised.more-info,
.student-instructions-modal .grey.raised.copy-instructions-to-clipboard-button i,
.zybook-configure-panel .panel-content .grey.raised.move-sections-button i,
.subscribe-student-panel .grey.raised.already-paid i,
.modify-section .toolbar-container .toolbar-card .grey.raised.show-me-how-link i,
.instructor-note-container .grey.raised.show-edit-instructor-note-icon i,
.assignment-section-summary .grey.raised.next-section-link i,
.zybook-advanced-zylab-similarity-page .zb-toolbar .grey.raised.exit-button i,
.zybook-zylab-similarity-page .zb-toolbar .grey.raised.exit-button i,
.view-request-card .grey.raised.back-to-library-link i,
.review-adoption .grey.raised.back-to-library-link i,
details &gt; summary.grey.raised i,
.pythonTutor .ExecutionVisualizer #vcrControls .grey.raised.button i,
.definition-match-payload .definition-match-term &gt; div.grey.raised i,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.raised.fr-btn:last-child i,
.zb-feedback .expanded-feedback .zb-control-row .grey.raised.more-info i {
  color: hsl(calc(var(--zb-semantic-color-button-raised-h) + 0deg), calc(var(--zb-semantic-color-button-raised-s) + 0%), calc(var(--zb-semantic-color-button-raised-l) + 0%), calc(var(--zb-semantic-color-button-raised-a) + 0));
}
.zb-button.grey.raised[aria-disabled=true], .zb-button.grey.raised[disabled], .zb-button.grey.raised.disabled, .zb-button.grey.raised i[aria-disabled=true], .zb-button.grey.raised i[disabled], .zb-button.grey.raised i.disabled,
.student-instructions-modal .grey.raised[aria-disabled=true].copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .grey.raised[aria-disabled=true].move-sections-button,
.subscribe-student-panel .grey.raised[aria-disabled=true].already-paid,
.modify-section .toolbar-container .toolbar-card .grey.raised[aria-disabled=true].show-me-how-link,
.instructor-note-container .grey.raised[aria-disabled=true].show-edit-instructor-note-icon,
.assignment-section-summary .grey.raised[aria-disabled=true].next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .grey.raised[aria-disabled=true].exit-button,
.zybook-zylab-similarity-page .zb-toolbar .grey.raised[aria-disabled=true].exit-button,
.view-request-card .grey.raised[aria-disabled=true].back-to-library-link,
.review-adoption .grey.raised[aria-disabled=true].back-to-library-link,
details &gt; summary.grey.raised[aria-disabled=true],
.pythonTutor .ExecutionVisualizer #vcrControls .grey.raised[aria-disabled=true].button,
.definition-match-payload .definition-match-term &gt; div.grey.raised[aria-disabled=true],
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.raised[aria-disabled=true].fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .grey.raised[aria-disabled=true].more-info,
.student-instructions-modal .grey.raised[disabled].copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .grey.raised[disabled].move-sections-button,
.subscribe-student-panel .grey.raised[disabled].already-paid,
.modify-section .toolbar-container .toolbar-card .grey.raised[disabled].show-me-how-link,
.instructor-note-container .grey.raised[disabled].show-edit-instructor-note-icon,
.assignment-section-summary .grey.raised[disabled].next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .grey.raised[disabled].exit-button,
.zybook-zylab-similarity-page .zb-toolbar .grey.raised[disabled].exit-button,
.view-request-card .grey.raised[disabled].back-to-library-link,
.review-adoption .grey.raised[disabled].back-to-library-link,
details &gt; summary.grey.raised[disabled],
.pythonTutor .ExecutionVisualizer #vcrControls .grey.raised[disabled].button,
.definition-match-payload .definition-match-term &gt; div.grey.raised[disabled],
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.raised[disabled].fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .grey.raised[disabled].more-info,
.student-instructions-modal .grey.raised.disabled.copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .grey.raised.disabled.move-sections-button,
.subscribe-student-panel .grey.raised.disabled.already-paid,
.modify-section .toolbar-container .toolbar-card .grey.raised.disabled.show-me-how-link,
.instructor-note-container .grey.raised.disabled.show-edit-instructor-note-icon,
.assignment-section-summary .grey.raised.disabled.next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .grey.raised.disabled.exit-button,
.zybook-zylab-similarity-page .zb-toolbar .grey.raised.disabled.exit-button,
.view-request-card .grey.raised.disabled.back-to-library-link,
.review-adoption .grey.raised.disabled.back-to-library-link,
details &gt; summary.grey.raised.disabled,
.pythonTutor .ExecutionVisualizer #vcrControls .grey.raised.disabled.button,
.definition-match-payload .definition-match-term &gt; div.grey.raised.disabled,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.raised.disabled.fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .grey.raised.disabled.more-info,
.student-instructions-modal .grey.raised.copy-instructions-to-clipboard-button i[aria-disabled=true],
.zybook-configure-panel .panel-content .grey.raised.move-sections-button i[aria-disabled=true],
.subscribe-student-panel .grey.raised.already-paid i[aria-disabled=true],
.modify-section .toolbar-container .toolbar-card .grey.raised.show-me-how-link i[aria-disabled=true],
.instructor-note-container .grey.raised.show-edit-instructor-note-icon i[aria-disabled=true],
.assignment-section-summary .grey.raised.next-section-link i[aria-disabled=true],
.zybook-advanced-zylab-similarity-page .zb-toolbar .grey.raised.exit-button i[aria-disabled=true],
.zybook-zylab-similarity-page .zb-toolbar .grey.raised.exit-button i[aria-disabled=true],
.view-request-card .grey.raised.back-to-library-link i[aria-disabled=true],
.review-adoption .grey.raised.back-to-library-link i[aria-disabled=true],
details &gt; summary.grey.raised i[aria-disabled=true],
.pythonTutor .ExecutionVisualizer #vcrControls .grey.raised.button i[aria-disabled=true],
.definition-match-payload .definition-match-term &gt; div.grey.raised i[aria-disabled=true],
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.raised.fr-btn:last-child i[aria-disabled=true],
.zb-feedback .expanded-feedback .zb-control-row .grey.raised.more-info i[aria-disabled=true],
.student-instructions-modal .grey.raised.copy-instructions-to-clipboard-button i[disabled],
.zybook-configure-panel .panel-content .grey.raised.move-sections-button i[disabled],
.subscribe-student-panel .grey.raised.already-paid i[disabled],
.modify-section .toolbar-container .toolbar-card .grey.raised.show-me-how-link i[disabled],
.instructor-note-container .grey.raised.show-edit-instructor-note-icon i[disabled],
.assignment-section-summary .grey.raised.next-section-link i[disabled],
.zybook-advanced-zylab-similarity-page .zb-toolbar .grey.raised.exit-button i[disabled],
.zybook-zylab-similarity-page .zb-toolbar .grey.raised.exit-button i[disabled],
.view-request-card .grey.raised.back-to-library-link i[disabled],
.review-adoption .grey.raised.back-to-library-link i[disabled],
details &gt; summary.grey.raised i[disabled],
.pythonTutor .ExecutionVisualizer #vcrControls .grey.raised.button i[disabled],
.definition-match-payload .definition-match-term &gt; div.grey.raised i[disabled],
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.raised.fr-btn:last-child i[disabled],
.zb-feedback .expanded-feedback .zb-control-row .grey.raised.more-info i[disabled],
.student-instructions-modal .grey.raised.copy-instructions-to-clipboard-button i.disabled,
.zybook-configure-panel .panel-content .grey.raised.move-sections-button i.disabled,
.subscribe-student-panel .grey.raised.already-paid i.disabled,
.modify-section .toolbar-container .toolbar-card .grey.raised.show-me-how-link i.disabled,
.instructor-note-container .grey.raised.show-edit-instructor-note-icon i.disabled,
.assignment-section-summary .grey.raised.next-section-link i.disabled,
.zybook-advanced-zylab-similarity-page .zb-toolbar .grey.raised.exit-button i.disabled,
.zybook-zylab-similarity-page .zb-toolbar .grey.raised.exit-button i.disabled,
.view-request-card .grey.raised.back-to-library-link i.disabled,
.review-adoption .grey.raised.back-to-library-link i.disabled,
details &gt; summary.grey.raised i.disabled,
.pythonTutor .ExecutionVisualizer #vcrControls .grey.raised.button i.disabled,
.definition-match-payload .definition-match-term &gt; div.grey.raised i.disabled,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.raised.fr-btn:last-child i.disabled,
.zb-feedback .expanded-feedback .zb-control-row .grey.raised.more-info i.disabled {
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-button.primary.raised, .zb-button.primary.raised i,
.student-instructions-modal .primary.raised.copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .primary.raised.move-sections-button,
.subscribe-student-panel .primary.raised.already-paid,
.modify-section .toolbar-container .toolbar-card .primary.raised.show-me-how-link,
.instructor-note-container .primary.raised.show-edit-instructor-note-icon,
.assignment-section-summary .primary.raised.next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .primary.raised.exit-button,
.zybook-zylab-similarity-page .zb-toolbar .primary.raised.exit-button,
.view-request-card .primary.raised.back-to-library-link,
.review-adoption .primary.raised.back-to-library-link,
details &gt; summary.primary.raised,
.pythonTutor .ExecutionVisualizer #vcrControls .primary.raised.button,
.definition-match-payload .definition-match-term &gt; div.primary.raised,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.raised.fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .primary.raised.more-info,
.student-instructions-modal .primary.raised.copy-instructions-to-clipboard-button i,
.zybook-configure-panel .panel-content .primary.raised.move-sections-button i,
.subscribe-student-panel .primary.raised.already-paid i,
.modify-section .toolbar-container .toolbar-card .primary.raised.show-me-how-link i,
.instructor-note-container .primary.raised.show-edit-instructor-note-icon i,
.assignment-section-summary .primary.raised.next-section-link i,
.zybook-advanced-zylab-similarity-page .zb-toolbar .primary.raised.exit-button i,
.zybook-zylab-similarity-page .zb-toolbar .primary.raised.exit-button i,
.view-request-card .primary.raised.back-to-library-link i,
.review-adoption .primary.raised.back-to-library-link i,
details &gt; summary.primary.raised i,
.pythonTutor .ExecutionVisualizer #vcrControls .primary.raised.button i,
.definition-match-payload .definition-match-term &gt; div.primary.raised i,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.raised.fr-btn:last-child i,
.zb-feedback .expanded-feedback .zb-control-row .primary.raised.more-info i {
  color: hsl(calc(var(--zb-semantic-color-button-raised-h) + 0deg), calc(var(--zb-semantic-color-button-raised-s) + 0%), calc(var(--zb-semantic-color-button-raised-l) + 0%), calc(var(--zb-semantic-color-button-raised-a) + 0));
}
.zb-button.primary.raised[aria-disabled=true], .zb-button.primary.raised[disabled], .zb-button.primary.raised.disabled, .zb-button.primary.raised i[aria-disabled=true], .zb-button.primary.raised i[disabled], .zb-button.primary.raised i.disabled,
.student-instructions-modal .primary.raised[aria-disabled=true].copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .primary.raised[aria-disabled=true].move-sections-button,
.subscribe-student-panel .primary.raised[aria-disabled=true].already-paid,
.modify-section .toolbar-container .toolbar-card .primary.raised[aria-disabled=true].show-me-how-link,
.instructor-note-container .primary.raised[aria-disabled=true].show-edit-instructor-note-icon,
.assignment-section-summary .primary.raised[aria-disabled=true].next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .primary.raised[aria-disabled=true].exit-button,
.zybook-zylab-similarity-page .zb-toolbar .primary.raised[aria-disabled=true].exit-button,
.view-request-card .primary.raised[aria-disabled=true].back-to-library-link,
.review-adoption .primary.raised[aria-disabled=true].back-to-library-link,
details &gt; summary.primary.raised[aria-disabled=true],
.pythonTutor .ExecutionVisualizer #vcrControls .primary.raised[aria-disabled=true].button,
.definition-match-payload .definition-match-term &gt; div.primary.raised[aria-disabled=true],
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.raised[aria-disabled=true].fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .primary.raised[aria-disabled=true].more-info,
.student-instructions-modal .primary.raised[disabled].copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .primary.raised[disabled].move-sections-button,
.subscribe-student-panel .primary.raised[disabled].already-paid,
.modify-section .toolbar-container .toolbar-card .primary.raised[disabled].show-me-how-link,
.instructor-note-container .primary.raised[disabled].show-edit-instructor-note-icon,
.assignment-section-summary .primary.raised[disabled].next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .primary.raised[disabled].exit-button,
.zybook-zylab-similarity-page .zb-toolbar .primary.raised[disabled].exit-button,
.view-request-card .primary.raised[disabled].back-to-library-link,
.review-adoption .primary.raised[disabled].back-to-library-link,
details &gt; summary.primary.raised[disabled],
.pythonTutor .ExecutionVisualizer #vcrControls .primary.raised[disabled].button,
.definition-match-payload .definition-match-term &gt; div.primary.raised[disabled],
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.raised[disabled].fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .primary.raised[disabled].more-info,
.student-instructions-modal .primary.raised.disabled.copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .primary.raised.disabled.move-sections-button,
.subscribe-student-panel .primary.raised.disabled.already-paid,
.modify-section .toolbar-container .toolbar-card .primary.raised.disabled.show-me-how-link,
.instructor-note-container .primary.raised.disabled.show-edit-instructor-note-icon,
.assignment-section-summary .primary.raised.disabled.next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .primary.raised.disabled.exit-button,
.zybook-zylab-similarity-page .zb-toolbar .primary.raised.disabled.exit-button,
.view-request-card .primary.raised.disabled.back-to-library-link,
.review-adoption .primary.raised.disabled.back-to-library-link,
details &gt; summary.primary.raised.disabled,
.pythonTutor .ExecutionVisualizer #vcrControls .primary.raised.disabled.button,
.definition-match-payload .definition-match-term &gt; div.primary.raised.disabled,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.raised.disabled.fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .primary.raised.disabled.more-info,
.student-instructions-modal .primary.raised.copy-instructions-to-clipboard-button i[aria-disabled=true],
.zybook-configure-panel .panel-content .primary.raised.move-sections-button i[aria-disabled=true],
.subscribe-student-panel .primary.raised.already-paid i[aria-disabled=true],
.modify-section .toolbar-container .toolbar-card .primary.raised.show-me-how-link i[aria-disabled=true],
.instructor-note-container .primary.raised.show-edit-instructor-note-icon i[aria-disabled=true],
.assignment-section-summary .primary.raised.next-section-link i[aria-disabled=true],
.zybook-advanced-zylab-similarity-page .zb-toolbar .primary.raised.exit-button i[aria-disabled=true],
.zybook-zylab-similarity-page .zb-toolbar .primary.raised.exit-button i[aria-disabled=true],
.view-request-card .primary.raised.back-to-library-link i[aria-disabled=true],
.review-adoption .primary.raised.back-to-library-link i[aria-disabled=true],
details &gt; summary.primary.raised i[aria-disabled=true],
.pythonTutor .ExecutionVisualizer #vcrControls .primary.raised.button i[aria-disabled=true],
.definition-match-payload .definition-match-term &gt; div.primary.raised i[aria-disabled=true],
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.raised.fr-btn:last-child i[aria-disabled=true],
.zb-feedback .expanded-feedback .zb-control-row .primary.raised.more-info i[aria-disabled=true],
.student-instructions-modal .primary.raised.copy-instructions-to-clipboard-button i[disabled],
.zybook-configure-panel .panel-content .primary.raised.move-sections-button i[disabled],
.subscribe-student-panel .primary.raised.already-paid i[disabled],
.modify-section .toolbar-container .toolbar-card .primary.raised.show-me-how-link i[disabled],
.instructor-note-container .primary.raised.show-edit-instructor-note-icon i[disabled],
.assignment-section-summary .primary.raised.next-section-link i[disabled],
.zybook-advanced-zylab-similarity-page .zb-toolbar .primary.raised.exit-button i[disabled],
.zybook-zylab-similarity-page .zb-toolbar .primary.raised.exit-button i[disabled],
.view-request-card .primary.raised.back-to-library-link i[disabled],
.review-adoption .primary.raised.back-to-library-link i[disabled],
details &gt; summary.primary.raised i[disabled],
.pythonTutor .ExecutionVisualizer #vcrControls .primary.raised.button i[disabled],
.definition-match-payload .definition-match-term &gt; div.primary.raised i[disabled],
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.raised.fr-btn:last-child i[disabled],
.zb-feedback .expanded-feedback .zb-control-row .primary.raised.more-info i[disabled],
.student-instructions-modal .primary.raised.copy-instructions-to-clipboard-button i.disabled,
.zybook-configure-panel .panel-content .primary.raised.move-sections-button i.disabled,
.subscribe-student-panel .primary.raised.already-paid i.disabled,
.modify-section .toolbar-container .toolbar-card .primary.raised.show-me-how-link i.disabled,
.instructor-note-container .primary.raised.show-edit-instructor-note-icon i.disabled,
.assignment-section-summary .primary.raised.next-section-link i.disabled,
.zybook-advanced-zylab-similarity-page .zb-toolbar .primary.raised.exit-button i.disabled,
.zybook-zylab-similarity-page .zb-toolbar .primary.raised.exit-button i.disabled,
.view-request-card .primary.raised.back-to-library-link i.disabled,
.review-adoption .primary.raised.back-to-library-link i.disabled,
details &gt; summary.primary.raised i.disabled,
.pythonTutor .ExecutionVisualizer #vcrControls .primary.raised.button i.disabled,
.definition-match-payload .definition-match-term &gt; div.primary.raised i.disabled,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.raised.fr-btn:last-child i.disabled,
.zb-feedback .expanded-feedback .zb-control-row .primary.raised.more-info i.disabled {
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-button.secondary.raised, .zb-button.secondary.raised i,
.student-instructions-modal .secondary.raised.copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .secondary.raised.move-sections-button,
.subscribe-student-panel .secondary.raised.already-paid,
.modify-section .toolbar-container .toolbar-card .secondary.raised.show-me-how-link,
.instructor-note-container .secondary.raised.show-edit-instructor-note-icon,
.assignment-section-summary .secondary.raised.next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button,
.zybook-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button,
.view-request-card .secondary.raised.back-to-library-link,
.review-adoption .secondary.raised.back-to-library-link,
details &gt; summary.secondary.raised,
.pythonTutor .ExecutionVisualizer #vcrControls .secondary.raised.button,
.definition-match-payload .definition-match-term &gt; div.secondary.raised,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.raised.fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .secondary.raised.more-info,
.student-instructions-modal .secondary.raised.copy-instructions-to-clipboard-button i,
.zybook-configure-panel .panel-content .secondary.raised.move-sections-button i,
.subscribe-student-panel .secondary.raised.already-paid i,
.modify-section .toolbar-container .toolbar-card .secondary.raised.show-me-how-link i,
.instructor-note-container .secondary.raised.show-edit-instructor-note-icon i,
.assignment-section-summary .secondary.raised.next-section-link i,
.zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button i,
.zybook-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button i,
.view-request-card .secondary.raised.back-to-library-link i,
.review-adoption .secondary.raised.back-to-library-link i,
details &gt; summary.secondary.raised i,
.pythonTutor .ExecutionVisualizer #vcrControls .secondary.raised.button i,
.definition-match-payload .definition-match-term &gt; div.secondary.raised i,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.raised.fr-btn:last-child i,
.zb-feedback .expanded-feedback .zb-control-row .secondary.raised.more-info i {
  color: hsl(calc(var(--zb-semantic-color-button-raised-h) + 0deg), calc(var(--zb-semantic-color-button-raised-s) + 0%), calc(var(--zb-semantic-color-button-raised-l) + 0%), calc(var(--zb-semantic-color-button-raised-a) + 0));
}
.zb-button.secondary.raised[aria-disabled=true], .zb-button.secondary.raised[disabled], .zb-button.secondary.raised.disabled, .zb-button.secondary.raised i[aria-disabled=true], .zb-button.secondary.raised i[disabled], .zb-button.secondary.raised i.disabled,
.student-instructions-modal .secondary.raised[aria-disabled=true].copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .secondary.raised[aria-disabled=true].move-sections-button,
.subscribe-student-panel .secondary.raised[aria-disabled=true].already-paid,
.modify-section .toolbar-container .toolbar-card .secondary.raised[aria-disabled=true].show-me-how-link,
.instructor-note-container .secondary.raised[aria-disabled=true].show-edit-instructor-note-icon,
.assignment-section-summary .secondary.raised[aria-disabled=true].next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.raised[aria-disabled=true].exit-button,
.zybook-zylab-similarity-page .zb-toolbar .secondary.raised[aria-disabled=true].exit-button,
.view-request-card .secondary.raised[aria-disabled=true].back-to-library-link,
.review-adoption .secondary.raised[aria-disabled=true].back-to-library-link,
details &gt; summary.secondary.raised[aria-disabled=true],
.pythonTutor .ExecutionVisualizer #vcrControls .secondary.raised[aria-disabled=true].button,
.definition-match-payload .definition-match-term &gt; div.secondary.raised[aria-disabled=true],
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.raised[aria-disabled=true].fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .secondary.raised[aria-disabled=true].more-info,
.student-instructions-modal .secondary.raised[disabled].copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .secondary.raised[disabled].move-sections-button,
.subscribe-student-panel .secondary.raised[disabled].already-paid,
.modify-section .toolbar-container .toolbar-card .secondary.raised[disabled].show-me-how-link,
.instructor-note-container .secondary.raised[disabled].show-edit-instructor-note-icon,
.assignment-section-summary .secondary.raised[disabled].next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.raised[disabled].exit-button,
.zybook-zylab-similarity-page .zb-toolbar .secondary.raised[disabled].exit-button,
.view-request-card .secondary.raised[disabled].back-to-library-link,
.review-adoption .secondary.raised[disabled].back-to-library-link,
details &gt; summary.secondary.raised[disabled],
.pythonTutor .ExecutionVisualizer #vcrControls .secondary.raised[disabled].button,
.definition-match-payload .definition-match-term &gt; div.secondary.raised[disabled],
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.raised[disabled].fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .secondary.raised[disabled].more-info,
.student-instructions-modal .secondary.raised.disabled.copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .secondary.raised.disabled.move-sections-button,
.subscribe-student-panel .secondary.raised.disabled.already-paid,
.modify-section .toolbar-container .toolbar-card .secondary.raised.disabled.show-me-how-link,
.instructor-note-container .secondary.raised.disabled.show-edit-instructor-note-icon,
.assignment-section-summary .secondary.raised.disabled.next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.raised.disabled.exit-button,
.zybook-zylab-similarity-page .zb-toolbar .secondary.raised.disabled.exit-button,
.view-request-card .secondary.raised.disabled.back-to-library-link,
.review-adoption .secondary.raised.disabled.back-to-library-link,
details &gt; summary.secondary.raised.disabled,
.pythonTutor .ExecutionVisualizer #vcrControls .secondary.raised.disabled.button,
.definition-match-payload .definition-match-term &gt; div.secondary.raised.disabled,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.raised.disabled.fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .secondary.raised.disabled.more-info,
.student-instructions-modal .secondary.raised.copy-instructions-to-clipboard-button i[aria-disabled=true],
.zybook-configure-panel .panel-content .secondary.raised.move-sections-button i[aria-disabled=true],
.subscribe-student-panel .secondary.raised.already-paid i[aria-disabled=true],
.modify-section .toolbar-container .toolbar-card .secondary.raised.show-me-how-link i[aria-disabled=true],
.instructor-note-container .secondary.raised.show-edit-instructor-note-icon i[aria-disabled=true],
.assignment-section-summary .secondary.raised.next-section-link i[aria-disabled=true],
.zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button i[aria-disabled=true],
.zybook-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button i[aria-disabled=true],
.view-request-card .secondary.raised.back-to-library-link i[aria-disabled=true],
.review-adoption .secondary.raised.back-to-library-link i[aria-disabled=true],
details &gt; summary.secondary.raised i[aria-disabled=true],
.pythonTutor .ExecutionVisualizer #vcrControls .secondary.raised.button i[aria-disabled=true],
.definition-match-payload .definition-match-term &gt; div.secondary.raised i[aria-disabled=true],
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.raised.fr-btn:last-child i[aria-disabled=true],
.zb-feedback .expanded-feedback .zb-control-row .secondary.raised.more-info i[aria-disabled=true],
.student-instructions-modal .secondary.raised.copy-instructions-to-clipboard-button i[disabled],
.zybook-configure-panel .panel-content .secondary.raised.move-sections-button i[disabled],
.subscribe-student-panel .secondary.raised.already-paid i[disabled],
.modify-section .toolbar-container .toolbar-card .secondary.raised.show-me-how-link i[disabled],
.instructor-note-container .secondary.raised.show-edit-instructor-note-icon i[disabled],
.assignment-section-summary .secondary.raised.next-section-link i[disabled],
.zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button i[disabled],
.zybook-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button i[disabled],
.view-request-card .secondary.raised.back-to-library-link i[disabled],
.review-adoption .secondary.raised.back-to-library-link i[disabled],
details &gt; summary.secondary.raised i[disabled],
.pythonTutor .ExecutionVisualizer #vcrControls .secondary.raised.button i[disabled],
.definition-match-payload .definition-match-term &gt; div.secondary.raised i[disabled],
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.raised.fr-btn:last-child i[disabled],
.zb-feedback .expanded-feedback .zb-control-row .secondary.raised.more-info i[disabled],
.student-instructions-modal .secondary.raised.copy-instructions-to-clipboard-button i.disabled,
.zybook-configure-panel .panel-content .secondary.raised.move-sections-button i.disabled,
.subscribe-student-panel .secondary.raised.already-paid i.disabled,
.modify-section .toolbar-container .toolbar-card .secondary.raised.show-me-how-link i.disabled,
.instructor-note-container .secondary.raised.show-edit-instructor-note-icon i.disabled,
.assignment-section-summary .secondary.raised.next-section-link i.disabled,
.zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button i.disabled,
.zybook-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button i.disabled,
.view-request-card .secondary.raised.back-to-library-link i.disabled,
.review-adoption .secondary.raised.back-to-library-link i.disabled,
details &gt; summary.secondary.raised i.disabled,
.pythonTutor .ExecutionVisualizer #vcrControls .secondary.raised.button i.disabled,
.definition-match-payload .definition-match-term &gt; div.secondary.raised i.disabled,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.raised.fr-btn:last-child i.disabled,
.zb-feedback .expanded-feedback .zb-control-row .secondary.raised.more-info i.disabled {
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-button.warn.raised, .zb-button.warn.raised i,
.student-instructions-modal .warn.raised.copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .warn.raised.move-sections-button,
.subscribe-student-panel .warn.raised.already-paid,
.modify-section .toolbar-container .toolbar-card .warn.raised.show-me-how-link,
.instructor-note-container .warn.raised.show-edit-instructor-note-icon,
.assignment-section-summary .warn.raised.next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .warn.raised.exit-button,
.zybook-zylab-similarity-page .zb-toolbar .warn.raised.exit-button,
.view-request-card .warn.raised.back-to-library-link,
.review-adoption .warn.raised.back-to-library-link,
details &gt; summary.warn.raised,
.pythonTutor .ExecutionVisualizer #vcrControls .warn.raised.button,
.definition-match-payload .definition-match-term &gt; div.warn.raised,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.raised.fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .warn.raised.more-info,
.student-instructions-modal .warn.raised.copy-instructions-to-clipboard-button i,
.zybook-configure-panel .panel-content .warn.raised.move-sections-button i,
.subscribe-student-panel .warn.raised.already-paid i,
.modify-section .toolbar-container .toolbar-card .warn.raised.show-me-how-link i,
.instructor-note-container .warn.raised.show-edit-instructor-note-icon i,
.assignment-section-summary .warn.raised.next-section-link i,
.zybook-advanced-zylab-similarity-page .zb-toolbar .warn.raised.exit-button i,
.zybook-zylab-similarity-page .zb-toolbar .warn.raised.exit-button i,
.view-request-card .warn.raised.back-to-library-link i,
.review-adoption .warn.raised.back-to-library-link i,
details &gt; summary.warn.raised i,
.pythonTutor .ExecutionVisualizer #vcrControls .warn.raised.button i,
.definition-match-payload .definition-match-term &gt; div.warn.raised i,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.raised.fr-btn:last-child i,
.zb-feedback .expanded-feedback .zb-control-row .warn.raised.more-info i {
  color: hsl(calc(var(--zb-semantic-color-button-raised-h) + 0deg), calc(var(--zb-semantic-color-button-raised-s) + 0%), calc(var(--zb-semantic-color-button-raised-l) + 0%), calc(var(--zb-semantic-color-button-raised-a) + 0));
}
.zb-button.warn.raised[aria-disabled=true], .zb-button.warn.raised[disabled], .zb-button.warn.raised.disabled, .zb-button.warn.raised i[aria-disabled=true], .zb-button.warn.raised i[disabled], .zb-button.warn.raised i.disabled,
.student-instructions-modal .warn.raised[aria-disabled=true].copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .warn.raised[aria-disabled=true].move-sections-button,
.subscribe-student-panel .warn.raised[aria-disabled=true].already-paid,
.modify-section .toolbar-container .toolbar-card .warn.raised[aria-disabled=true].show-me-how-link,
.instructor-note-container .warn.raised[aria-disabled=true].show-edit-instructor-note-icon,
.assignment-section-summary .warn.raised[aria-disabled=true].next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .warn.raised[aria-disabled=true].exit-button,
.zybook-zylab-similarity-page .zb-toolbar .warn.raised[aria-disabled=true].exit-button,
.view-request-card .warn.raised[aria-disabled=true].back-to-library-link,
.review-adoption .warn.raised[aria-disabled=true].back-to-library-link,
details &gt; summary.warn.raised[aria-disabled=true],
.pythonTutor .ExecutionVisualizer #vcrControls .warn.raised[aria-disabled=true].button,
.definition-match-payload .definition-match-term &gt; div.warn.raised[aria-disabled=true],
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.raised[aria-disabled=true].fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .warn.raised[aria-disabled=true].more-info,
.student-instructions-modal .warn.raised[disabled].copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .warn.raised[disabled].move-sections-button,
.subscribe-student-panel .warn.raised[disabled].already-paid,
.modify-section .toolbar-container .toolbar-card .warn.raised[disabled].show-me-how-link,
.instructor-note-container .warn.raised[disabled].show-edit-instructor-note-icon,
.assignment-section-summary .warn.raised[disabled].next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .warn.raised[disabled].exit-button,
.zybook-zylab-similarity-page .zb-toolbar .warn.raised[disabled].exit-button,
.view-request-card .warn.raised[disabled].back-to-library-link,
.review-adoption .warn.raised[disabled].back-to-library-link,
details &gt; summary.warn.raised[disabled],
.pythonTutor .ExecutionVisualizer #vcrControls .warn.raised[disabled].button,
.definition-match-payload .definition-match-term &gt; div.warn.raised[disabled],
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.raised[disabled].fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .warn.raised[disabled].more-info,
.student-instructions-modal .warn.raised.disabled.copy-instructions-to-clipboard-button,
.zybook-configure-panel .panel-content .warn.raised.disabled.move-sections-button,
.subscribe-student-panel .warn.raised.disabled.already-paid,
.modify-section .toolbar-container .toolbar-card .warn.raised.disabled.show-me-how-link,
.instructor-note-container .warn.raised.disabled.show-edit-instructor-note-icon,
.assignment-section-summary .warn.raised.disabled.next-section-link,
.zybook-advanced-zylab-similarity-page .zb-toolbar .warn.raised.disabled.exit-button,
.zybook-zylab-similarity-page .zb-toolbar .warn.raised.disabled.exit-button,
.view-request-card .warn.raised.disabled.back-to-library-link,
.review-adoption .warn.raised.disabled.back-to-library-link,
details &gt; summary.warn.raised.disabled,
.pythonTutor .ExecutionVisualizer #vcrControls .warn.raised.disabled.button,
.definition-match-payload .definition-match-term &gt; div.warn.raised.disabled,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.raised.disabled.fr-btn:last-child,
.zb-feedback .expanded-feedback .zb-control-row .warn.raised.disabled.more-info,
.student-instructions-modal .warn.raised.copy-instructions-to-clipboard-button i[aria-disabled=true],
.zybook-configure-panel .panel-content .warn.raised.move-sections-button i[aria-disabled=true],
.subscribe-student-panel .warn.raised.already-paid i[aria-disabled=true],
.modify-section .toolbar-container .toolbar-card .warn.raised.show-me-how-link i[aria-disabled=true],
.instructor-note-container .warn.raised.show-edit-instructor-note-icon i[aria-disabled=true],
.assignment-section-summary .warn.raised.next-section-link i[aria-disabled=true],
.zybook-advanced-zylab-similarity-page .zb-toolbar .warn.raised.exit-button i[aria-disabled=true],
.zybook-zylab-similarity-page .zb-toolbar .warn.raised.exit-button i[aria-disabled=true],
.view-request-card .warn.raised.back-to-library-link i[aria-disabled=true],
.review-adoption .warn.raised.back-to-library-link i[aria-disabled=true],
details &gt; summary.warn.raised i[aria-disabled=true],
.pythonTutor .ExecutionVisualizer #vcrControls .warn.raised.button i[aria-disabled=true],
.definition-match-payload .definition-match-term &gt; div.warn.raised i[aria-disabled=true],
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.raised.fr-btn:last-child i[aria-disabled=true],
.zb-feedback .expanded-feedback .zb-control-row .warn.raised.more-info i[aria-disabled=true],
.student-instructions-modal .warn.raised.copy-instructions-to-clipboard-button i[disabled],
.zybook-configure-panel .panel-content .warn.raised.move-sections-button i[disabled],
.subscribe-student-panel .warn.raised.already-paid i[disabled],
.modify-section .toolbar-container .toolbar-card .warn.raised.show-me-how-link i[disabled],
.instructor-note-container .warn.raised.show-edit-instructor-note-icon i[disabled],
.assignment-section-summary .warn.raised.next-section-link i[disabled],
.zybook-advanced-zylab-similarity-page .zb-toolbar .warn.raised.exit-button i[disabled],
.zybook-zylab-similarity-page .zb-toolbar .warn.raised.exit-button i[disabled],
.view-request-card .warn.raised.back-to-library-link i[disabled],
.review-adoption .warn.raised.back-to-library-link i[disabled],
details &gt; summary.warn.raised i[disabled],
.pythonTutor .ExecutionVisualizer #vcrControls .warn.raised.button i[disabled],
.definition-match-payload .definition-match-term &gt; div.warn.raised i[disabled],
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.raised.fr-btn:last-child i[disabled],
.zb-feedback .expanded-feedback .zb-control-row .warn.raised.more-info i[disabled],
.student-instructions-modal .warn.raised.copy-instructions-to-clipboard-button i.disabled,
.zybook-configure-panel .panel-content .warn.raised.move-sections-button i.disabled,
.subscribe-student-panel .warn.raised.already-paid i.disabled,
.modify-section .toolbar-container .toolbar-card .warn.raised.show-me-how-link i.disabled,
.instructor-note-container .warn.raised.show-edit-instructor-note-icon i.disabled,
.assignment-section-summary .warn.raised.next-section-link i.disabled,
.zybook-advanced-zylab-similarity-page .zb-toolbar .warn.raised.exit-button i.disabled,
.zybook-zylab-similarity-page .zb-toolbar .warn.raised.exit-button i.disabled,
.view-request-card .warn.raised.back-to-library-link i.disabled,
.review-adoption .warn.raised.back-to-library-link i.disabled,
details &gt; summary.warn.raised i.disabled,
.pythonTutor .ExecutionVisualizer #vcrControls .warn.raised.button i.disabled,
.definition-match-payload .definition-match-term &gt; div.warn.raised i.disabled,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.raised.fr-btn:last-child i.disabled,
.zb-feedback .expanded-feedback .zb-control-row .warn.raised.more-info i.disabled {
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-button.green .count,
.student-instructions-modal .green.copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .green.move-sections-button .count,
.subscribe-student-panel .green.already-paid .count,
.modify-section .toolbar-container .toolbar-card .green.show-me-how-link .count,
.instructor-note-container .green.show-edit-instructor-note-icon .count,
.assignment-section-summary .green.next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .green.exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .green.exit-button .count,
.view-request-card .green.back-to-library-link .count,
.review-adoption .green.back-to-library-link .count,
details &gt; summary.green .count,
.pythonTutor .ExecutionVisualizer #vcrControls .green.button .count,
.definition-match-payload .definition-match-term &gt; div.green .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .green.more-info .count {
  color: hsl(calc(var(--zb-semantic-color-button-count-h) + 0deg), calc(var(--zb-semantic-color-button-count-s) + 0%), calc(var(--zb-semantic-color-button-count-l) + 0%), calc(var(--zb-semantic-color-button-count-a) + 0));
}
.zb-button.grey .count,
.student-instructions-modal .grey.copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .grey.move-sections-button .count,
.subscribe-student-panel .grey.already-paid .count,
.modify-section .toolbar-container .toolbar-card .grey.show-me-how-link .count,
.instructor-note-container .grey.show-edit-instructor-note-icon .count,
.assignment-section-summary .grey.next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .grey.exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .grey.exit-button .count,
.view-request-card .grey.back-to-library-link .count,
.review-adoption .grey.back-to-library-link .count,
details &gt; summary.grey .count,
.pythonTutor .ExecutionVisualizer #vcrControls .grey.button .count,
.definition-match-payload .definition-match-term &gt; div.grey .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .grey.more-info .count {
  color: hsl(calc(var(--zb-semantic-color-button-count-h) + 0deg), calc(var(--zb-semantic-color-button-count-s) + 0%), calc(var(--zb-semantic-color-button-count-l) + 0%), calc(var(--zb-semantic-color-button-count-a) + 0));
}
.zb-button.primary .count,
.student-instructions-modal .primary.copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .primary.move-sections-button .count,
.subscribe-student-panel .primary.already-paid .count,
.modify-section .toolbar-container .toolbar-card .primary.show-me-how-link .count,
.instructor-note-container .primary.show-edit-instructor-note-icon .count,
.assignment-section-summary .primary.next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .primary.exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .primary.exit-button .count,
.view-request-card .primary.back-to-library-link .count,
.review-adoption .primary.back-to-library-link .count,
details &gt; summary.primary .count,
.pythonTutor .ExecutionVisualizer #vcrControls .primary.button .count,
.definition-match-payload .definition-match-term &gt; div.primary .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .primary.more-info .count {
  color: hsl(calc(var(--zb-semantic-color-button-count-h) + 0deg), calc(var(--zb-semantic-color-button-count-s) + 0%), calc(var(--zb-semantic-color-button-count-l) + 0%), calc(var(--zb-semantic-color-button-count-a) + 0));
}
.zb-button.secondary .count,
.student-instructions-modal .secondary.copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .secondary.move-sections-button .count,
.subscribe-student-panel .secondary.already-paid .count,
.modify-section .toolbar-container .toolbar-card .secondary.show-me-how-link .count,
.instructor-note-container .secondary.show-edit-instructor-note-icon .count,
.assignment-section-summary .secondary.next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .secondary.exit-button .count,
.view-request-card .secondary.back-to-library-link .count,
.review-adoption .secondary.back-to-library-link .count,
details &gt; summary.secondary .count,
.pythonTutor .ExecutionVisualizer #vcrControls .secondary.button .count,
.definition-match-payload .definition-match-term &gt; div.secondary .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .secondary.more-info .count {
  color: hsl(calc(var(--zb-semantic-color-button-count-h) + 0deg), calc(var(--zb-semantic-color-button-count-s) + 0%), calc(var(--zb-semantic-color-button-count-l) + 0%), calc(var(--zb-semantic-color-button-count-a) + 0));
}
.zb-button.warn .count,
.student-instructions-modal .warn.copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .warn.move-sections-button .count,
.subscribe-student-panel .warn.already-paid .count,
.modify-section .toolbar-container .toolbar-card .warn.show-me-how-link .count,
.instructor-note-container .warn.show-edit-instructor-note-icon .count,
.assignment-section-summary .warn.next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .warn.exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .warn.exit-button .count,
.view-request-card .warn.back-to-library-link .count,
.review-adoption .warn.back-to-library-link .count,
details &gt; summary.warn .count,
.pythonTutor .ExecutionVisualizer #vcrControls .warn.button .count,
.definition-match-payload .definition-match-term &gt; div.warn .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .warn.more-info .count {
  color: hsl(calc(var(--zb-semantic-color-button-count-h) + 0deg), calc(var(--zb-semantic-color-button-count-s) + 0%), calc(var(--zb-semantic-color-button-count-l) + 0%), calc(var(--zb-semantic-color-button-count-a) + 0));
}
.zb-button.green.raised .count,
.student-instructions-modal .green.raised.copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .green.raised.move-sections-button .count,
.subscribe-student-panel .green.raised.already-paid .count,
.modify-section .toolbar-container .toolbar-card .green.raised.show-me-how-link .count,
.instructor-note-container .green.raised.show-edit-instructor-note-icon .count,
.assignment-section-summary .green.raised.next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .green.raised.exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .green.raised.exit-button .count,
.view-request-card .green.raised.back-to-library-link .count,
.review-adoption .green.raised.back-to-library-link .count,
details &gt; summary.green.raised .count,
.pythonTutor .ExecutionVisualizer #vcrControls .green.raised.button .count,
.definition-match-payload .definition-match-term &gt; div.green.raised .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.raised.fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .green.raised.more-info .count {
  color: hsl(calc(var(--zb-semantic-color-button-count-raised-h) + 0deg), calc(var(--zb-semantic-color-button-count-raised-s) + 0%), calc(var(--zb-semantic-color-button-count-raised-l) + 0%), calc(var(--zb-semantic-color-button-count-raised-a) + 0));
}
.zb-button.green.raised[aria-disabled=true] .count, .zb-button.green.raised[disabled] .count, .zb-button.green.raised.disabled .count,
.student-instructions-modal .green.raised[aria-disabled=true].copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .green.raised[aria-disabled=true].move-sections-button .count,
.subscribe-student-panel .green.raised[aria-disabled=true].already-paid .count,
.modify-section .toolbar-container .toolbar-card .green.raised[aria-disabled=true].show-me-how-link .count,
.instructor-note-container .green.raised[aria-disabled=true].show-edit-instructor-note-icon .count,
.assignment-section-summary .green.raised[aria-disabled=true].next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .green.raised[aria-disabled=true].exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .green.raised[aria-disabled=true].exit-button .count,
.view-request-card .green.raised[aria-disabled=true].back-to-library-link .count,
.review-adoption .green.raised[aria-disabled=true].back-to-library-link .count,
details &gt; summary.green.raised[aria-disabled=true] .count,
.pythonTutor .ExecutionVisualizer #vcrControls .green.raised[aria-disabled=true].button .count,
.definition-match-payload .definition-match-term &gt; div.green.raised[aria-disabled=true] .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.raised[aria-disabled=true].fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .green.raised[aria-disabled=true].more-info .count,
.student-instructions-modal .green.raised[disabled].copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .green.raised[disabled].move-sections-button .count,
.subscribe-student-panel .green.raised[disabled].already-paid .count,
.modify-section .toolbar-container .toolbar-card .green.raised[disabled].show-me-how-link .count,
.instructor-note-container .green.raised[disabled].show-edit-instructor-note-icon .count,
.assignment-section-summary .green.raised[disabled].next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .green.raised[disabled].exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .green.raised[disabled].exit-button .count,
.view-request-card .green.raised[disabled].back-to-library-link .count,
.review-adoption .green.raised[disabled].back-to-library-link .count,
details &gt; summary.green.raised[disabled] .count,
.pythonTutor .ExecutionVisualizer #vcrControls .green.raised[disabled].button .count,
.definition-match-payload .definition-match-term &gt; div.green.raised[disabled] .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.raised[disabled].fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .green.raised[disabled].more-info .count,
.student-instructions-modal .green.raised.disabled.copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .green.raised.disabled.move-sections-button .count,
.subscribe-student-panel .green.raised.disabled.already-paid .count,
.modify-section .toolbar-container .toolbar-card .green.raised.disabled.show-me-how-link .count,
.instructor-note-container .green.raised.disabled.show-edit-instructor-note-icon .count,
.assignment-section-summary .green.raised.disabled.next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .green.raised.disabled.exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .green.raised.disabled.exit-button .count,
.view-request-card .green.raised.disabled.back-to-library-link .count,
.review-adoption .green.raised.disabled.back-to-library-link .count,
details &gt; summary.green.raised.disabled .count,
.pythonTutor .ExecutionVisualizer #vcrControls .green.raised.disabled.button .count,
.definition-match-payload .definition-match-term &gt; div.green.raised.disabled .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.raised.disabled.fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .green.raised.disabled.more-info .count {
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
}
.zb-button.grey.raised .count,
.student-instructions-modal .grey.raised.copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .grey.raised.move-sections-button .count,
.subscribe-student-panel .grey.raised.already-paid .count,
.modify-section .toolbar-container .toolbar-card .grey.raised.show-me-how-link .count,
.instructor-note-container .grey.raised.show-edit-instructor-note-icon .count,
.assignment-section-summary .grey.raised.next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .grey.raised.exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .grey.raised.exit-button .count,
.view-request-card .grey.raised.back-to-library-link .count,
.review-adoption .grey.raised.back-to-library-link .count,
details &gt; summary.grey.raised .count,
.pythonTutor .ExecutionVisualizer #vcrControls .grey.raised.button .count,
.definition-match-payload .definition-match-term &gt; div.grey.raised .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.raised.fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .grey.raised.more-info .count {
  color: hsl(calc(var(--zb-semantic-color-button-count-raised-h) + 0deg), calc(var(--zb-semantic-color-button-count-raised-s) + 0%), calc(var(--zb-semantic-color-button-count-raised-l) + 0%), calc(var(--zb-semantic-color-button-count-raised-a) + 0));
}
.zb-button.grey.raised[aria-disabled=true] .count, .zb-button.grey.raised[disabled] .count, .zb-button.grey.raised.disabled .count,
.student-instructions-modal .grey.raised[aria-disabled=true].copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .grey.raised[aria-disabled=true].move-sections-button .count,
.subscribe-student-panel .grey.raised[aria-disabled=true].already-paid .count,
.modify-section .toolbar-container .toolbar-card .grey.raised[aria-disabled=true].show-me-how-link .count,
.instructor-note-container .grey.raised[aria-disabled=true].show-edit-instructor-note-icon .count,
.assignment-section-summary .grey.raised[aria-disabled=true].next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .grey.raised[aria-disabled=true].exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .grey.raised[aria-disabled=true].exit-button .count,
.view-request-card .grey.raised[aria-disabled=true].back-to-library-link .count,
.review-adoption .grey.raised[aria-disabled=true].back-to-library-link .count,
details &gt; summary.grey.raised[aria-disabled=true] .count,
.pythonTutor .ExecutionVisualizer #vcrControls .grey.raised[aria-disabled=true].button .count,
.definition-match-payload .definition-match-term &gt; div.grey.raised[aria-disabled=true] .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.raised[aria-disabled=true].fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .grey.raised[aria-disabled=true].more-info .count,
.student-instructions-modal .grey.raised[disabled].copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .grey.raised[disabled].move-sections-button .count,
.subscribe-student-panel .grey.raised[disabled].already-paid .count,
.modify-section .toolbar-container .toolbar-card .grey.raised[disabled].show-me-how-link .count,
.instructor-note-container .grey.raised[disabled].show-edit-instructor-note-icon .count,
.assignment-section-summary .grey.raised[disabled].next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .grey.raised[disabled].exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .grey.raised[disabled].exit-button .count,
.view-request-card .grey.raised[disabled].back-to-library-link .count,
.review-adoption .grey.raised[disabled].back-to-library-link .count,
details &gt; summary.grey.raised[disabled] .count,
.pythonTutor .ExecutionVisualizer #vcrControls .grey.raised[disabled].button .count,
.definition-match-payload .definition-match-term &gt; div.grey.raised[disabled] .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.raised[disabled].fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .grey.raised[disabled].more-info .count,
.student-instructions-modal .grey.raised.disabled.copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .grey.raised.disabled.move-sections-button .count,
.subscribe-student-panel .grey.raised.disabled.already-paid .count,
.modify-section .toolbar-container .toolbar-card .grey.raised.disabled.show-me-how-link .count,
.instructor-note-container .grey.raised.disabled.show-edit-instructor-note-icon .count,
.assignment-section-summary .grey.raised.disabled.next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .grey.raised.disabled.exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .grey.raised.disabled.exit-button .count,
.view-request-card .grey.raised.disabled.back-to-library-link .count,
.review-adoption .grey.raised.disabled.back-to-library-link .count,
details &gt; summary.grey.raised.disabled .count,
.pythonTutor .ExecutionVisualizer #vcrControls .grey.raised.disabled.button .count,
.definition-match-payload .definition-match-term &gt; div.grey.raised.disabled .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.raised.disabled.fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .grey.raised.disabled.more-info .count {
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
}
.zb-button.primary.raised .count,
.student-instructions-modal .primary.raised.copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .primary.raised.move-sections-button .count,
.subscribe-student-panel .primary.raised.already-paid .count,
.modify-section .toolbar-container .toolbar-card .primary.raised.show-me-how-link .count,
.instructor-note-container .primary.raised.show-edit-instructor-note-icon .count,
.assignment-section-summary .primary.raised.next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .primary.raised.exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .primary.raised.exit-button .count,
.view-request-card .primary.raised.back-to-library-link .count,
.review-adoption .primary.raised.back-to-library-link .count,
details &gt; summary.primary.raised .count,
.pythonTutor .ExecutionVisualizer #vcrControls .primary.raised.button .count,
.definition-match-payload .definition-match-term &gt; div.primary.raised .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.raised.fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .primary.raised.more-info .count {
  color: hsl(calc(var(--zb-semantic-color-button-count-raised-h) + 0deg), calc(var(--zb-semantic-color-button-count-raised-s) + 0%), calc(var(--zb-semantic-color-button-count-raised-l) + 0%), calc(var(--zb-semantic-color-button-count-raised-a) + 0));
}
.zb-button.primary.raised[aria-disabled=true] .count, .zb-button.primary.raised[disabled] .count, .zb-button.primary.raised.disabled .count,
.student-instructions-modal .primary.raised[aria-disabled=true].copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .primary.raised[aria-disabled=true].move-sections-button .count,
.subscribe-student-panel .primary.raised[aria-disabled=true].already-paid .count,
.modify-section .toolbar-container .toolbar-card .primary.raised[aria-disabled=true].show-me-how-link .count,
.instructor-note-container .primary.raised[aria-disabled=true].show-edit-instructor-note-icon .count,
.assignment-section-summary .primary.raised[aria-disabled=true].next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .primary.raised[aria-disabled=true].exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .primary.raised[aria-disabled=true].exit-button .count,
.view-request-card .primary.raised[aria-disabled=true].back-to-library-link .count,
.review-adoption .primary.raised[aria-disabled=true].back-to-library-link .count,
details &gt; summary.primary.raised[aria-disabled=true] .count,
.pythonTutor .ExecutionVisualizer #vcrControls .primary.raised[aria-disabled=true].button .count,
.definition-match-payload .definition-match-term &gt; div.primary.raised[aria-disabled=true] .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.raised[aria-disabled=true].fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .primary.raised[aria-disabled=true].more-info .count,
.student-instructions-modal .primary.raised[disabled].copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .primary.raised[disabled].move-sections-button .count,
.subscribe-student-panel .primary.raised[disabled].already-paid .count,
.modify-section .toolbar-container .toolbar-card .primary.raised[disabled].show-me-how-link .count,
.instructor-note-container .primary.raised[disabled].show-edit-instructor-note-icon .count,
.assignment-section-summary .primary.raised[disabled].next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .primary.raised[disabled].exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .primary.raised[disabled].exit-button .count,
.view-request-card .primary.raised[disabled].back-to-library-link .count,
.review-adoption .primary.raised[disabled].back-to-library-link .count,
details &gt; summary.primary.raised[disabled] .count,
.pythonTutor .ExecutionVisualizer #vcrControls .primary.raised[disabled].button .count,
.definition-match-payload .definition-match-term &gt; div.primary.raised[disabled] .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.raised[disabled].fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .primary.raised[disabled].more-info .count,
.student-instructions-modal .primary.raised.disabled.copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .primary.raised.disabled.move-sections-button .count,
.subscribe-student-panel .primary.raised.disabled.already-paid .count,
.modify-section .toolbar-container .toolbar-card .primary.raised.disabled.show-me-how-link .count,
.instructor-note-container .primary.raised.disabled.show-edit-instructor-note-icon .count,
.assignment-section-summary .primary.raised.disabled.next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .primary.raised.disabled.exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .primary.raised.disabled.exit-button .count,
.view-request-card .primary.raised.disabled.back-to-library-link .count,
.review-adoption .primary.raised.disabled.back-to-library-link .count,
details &gt; summary.primary.raised.disabled .count,
.pythonTutor .ExecutionVisualizer #vcrControls .primary.raised.disabled.button .count,
.definition-match-payload .definition-match-term &gt; div.primary.raised.disabled .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.raised.disabled.fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .primary.raised.disabled.more-info .count {
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
}
.zb-button.secondary.raised .count,
.student-instructions-modal .secondary.raised.copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .secondary.raised.move-sections-button .count,
.subscribe-student-panel .secondary.raised.already-paid .count,
.modify-section .toolbar-container .toolbar-card .secondary.raised.show-me-how-link .count,
.instructor-note-container .secondary.raised.show-edit-instructor-note-icon .count,
.assignment-section-summary .secondary.raised.next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button .count,
.view-request-card .secondary.raised.back-to-library-link .count,
.review-adoption .secondary.raised.back-to-library-link .count,
details &gt; summary.secondary.raised .count,
.pythonTutor .ExecutionVisualizer #vcrControls .secondary.raised.button .count,
.definition-match-payload .definition-match-term &gt; div.secondary.raised .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.raised.fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .secondary.raised.more-info .count {
  color: hsl(calc(var(--zb-semantic-color-button-count-raised-h) + 0deg), calc(var(--zb-semantic-color-button-count-raised-s) + 0%), calc(var(--zb-semantic-color-button-count-raised-l) + 0%), calc(var(--zb-semantic-color-button-count-raised-a) + 0));
}
.zb-button.secondary.raised[aria-disabled=true] .count, .zb-button.secondary.raised[disabled] .count, .zb-button.secondary.raised.disabled .count,
.student-instructions-modal .secondary.raised[aria-disabled=true].copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .secondary.raised[aria-disabled=true].move-sections-button .count,
.subscribe-student-panel .secondary.raised[aria-disabled=true].already-paid .count,
.modify-section .toolbar-container .toolbar-card .secondary.raised[aria-disabled=true].show-me-how-link .count,
.instructor-note-container .secondary.raised[aria-disabled=true].show-edit-instructor-note-icon .count,
.assignment-section-summary .secondary.raised[aria-disabled=true].next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.raised[aria-disabled=true].exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .secondary.raised[aria-disabled=true].exit-button .count,
.view-request-card .secondary.raised[aria-disabled=true].back-to-library-link .count,
.review-adoption .secondary.raised[aria-disabled=true].back-to-library-link .count,
details &gt; summary.secondary.raised[aria-disabled=true] .count,
.pythonTutor .ExecutionVisualizer #vcrControls .secondary.raised[aria-disabled=true].button .count,
.definition-match-payload .definition-match-term &gt; div.secondary.raised[aria-disabled=true] .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.raised[aria-disabled=true].fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .secondary.raised[aria-disabled=true].more-info .count,
.student-instructions-modal .secondary.raised[disabled].copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .secondary.raised[disabled].move-sections-button .count,
.subscribe-student-panel .secondary.raised[disabled].already-paid .count,
.modify-section .toolbar-container .toolbar-card .secondary.raised[disabled].show-me-how-link .count,
.instructor-note-container .secondary.raised[disabled].show-edit-instructor-note-icon .count,
.assignment-section-summary .secondary.raised[disabled].next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.raised[disabled].exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .secondary.raised[disabled].exit-button .count,
.view-request-card .secondary.raised[disabled].back-to-library-link .count,
.review-adoption .secondary.raised[disabled].back-to-library-link .count,
details &gt; summary.secondary.raised[disabled] .count,
.pythonTutor .ExecutionVisualizer #vcrControls .secondary.raised[disabled].button .count,
.definition-match-payload .definition-match-term &gt; div.secondary.raised[disabled] .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.raised[disabled].fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .secondary.raised[disabled].more-info .count,
.student-instructions-modal .secondary.raised.disabled.copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .secondary.raised.disabled.move-sections-button .count,
.subscribe-student-panel .secondary.raised.disabled.already-paid .count,
.modify-section .toolbar-container .toolbar-card .secondary.raised.disabled.show-me-how-link .count,
.instructor-note-container .secondary.raised.disabled.show-edit-instructor-note-icon .count,
.assignment-section-summary .secondary.raised.disabled.next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.raised.disabled.exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .secondary.raised.disabled.exit-button .count,
.view-request-card .secondary.raised.disabled.back-to-library-link .count,
.review-adoption .secondary.raised.disabled.back-to-library-link .count,
details &gt; summary.secondary.raised.disabled .count,
.pythonTutor .ExecutionVisualizer #vcrControls .secondary.raised.disabled.button .count,
.definition-match-payload .definition-match-term &gt; div.secondary.raised.disabled .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.raised.disabled.fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .secondary.raised.disabled.more-info .count {
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
}
.zb-button.warn.raised .count,
.student-instructions-modal .warn.raised.copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .warn.raised.move-sections-button .count,
.subscribe-student-panel .warn.raised.already-paid .count,
.modify-section .toolbar-container .toolbar-card .warn.raised.show-me-how-link .count,
.instructor-note-container .warn.raised.show-edit-instructor-note-icon .count,
.assignment-section-summary .warn.raised.next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .warn.raised.exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .warn.raised.exit-button .count,
.view-request-card .warn.raised.back-to-library-link .count,
.review-adoption .warn.raised.back-to-library-link .count,
details &gt; summary.warn.raised .count,
.pythonTutor .ExecutionVisualizer #vcrControls .warn.raised.button .count,
.definition-match-payload .definition-match-term &gt; div.warn.raised .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.raised.fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .warn.raised.more-info .count {
  color: hsl(calc(var(--zb-semantic-color-button-count-raised-h) + 0deg), calc(var(--zb-semantic-color-button-count-raised-s) + 0%), calc(var(--zb-semantic-color-button-count-raised-l) + 0%), calc(var(--zb-semantic-color-button-count-raised-a) + 0));
}
.zb-button.warn.raised[aria-disabled=true] .count, .zb-button.warn.raised[disabled] .count, .zb-button.warn.raised.disabled .count,
.student-instructions-modal .warn.raised[aria-disabled=true].copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .warn.raised[aria-disabled=true].move-sections-button .count,
.subscribe-student-panel .warn.raised[aria-disabled=true].already-paid .count,
.modify-section .toolbar-container .toolbar-card .warn.raised[aria-disabled=true].show-me-how-link .count,
.instructor-note-container .warn.raised[aria-disabled=true].show-edit-instructor-note-icon .count,
.assignment-section-summary .warn.raised[aria-disabled=true].next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .warn.raised[aria-disabled=true].exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .warn.raised[aria-disabled=true].exit-button .count,
.view-request-card .warn.raised[aria-disabled=true].back-to-library-link .count,
.review-adoption .warn.raised[aria-disabled=true].back-to-library-link .count,
details &gt; summary.warn.raised[aria-disabled=true] .count,
.pythonTutor .ExecutionVisualizer #vcrControls .warn.raised[aria-disabled=true].button .count,
.definition-match-payload .definition-match-term &gt; div.warn.raised[aria-disabled=true] .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.raised[aria-disabled=true].fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .warn.raised[aria-disabled=true].more-info .count,
.student-instructions-modal .warn.raised[disabled].copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .warn.raised[disabled].move-sections-button .count,
.subscribe-student-panel .warn.raised[disabled].already-paid .count,
.modify-section .toolbar-container .toolbar-card .warn.raised[disabled].show-me-how-link .count,
.instructor-note-container .warn.raised[disabled].show-edit-instructor-note-icon .count,
.assignment-section-summary .warn.raised[disabled].next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .warn.raised[disabled].exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .warn.raised[disabled].exit-button .count,
.view-request-card .warn.raised[disabled].back-to-library-link .count,
.review-adoption .warn.raised[disabled].back-to-library-link .count,
details &gt; summary.warn.raised[disabled] .count,
.pythonTutor .ExecutionVisualizer #vcrControls .warn.raised[disabled].button .count,
.definition-match-payload .definition-match-term &gt; div.warn.raised[disabled] .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.raised[disabled].fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .warn.raised[disabled].more-info .count,
.student-instructions-modal .warn.raised.disabled.copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .warn.raised.disabled.move-sections-button .count,
.subscribe-student-panel .warn.raised.disabled.already-paid .count,
.modify-section .toolbar-container .toolbar-card .warn.raised.disabled.show-me-how-link .count,
.instructor-note-container .warn.raised.disabled.show-edit-instructor-note-icon .count,
.assignment-section-summary .warn.raised.disabled.next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .warn.raised.disabled.exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .warn.raised.disabled.exit-button .count,
.view-request-card .warn.raised.disabled.back-to-library-link .count,
.review-adoption .warn.raised.disabled.back-to-library-link .count,
details &gt; summary.warn.raised.disabled .count,
.pythonTutor .ExecutionVisualizer #vcrControls .warn.raised.disabled.button .count,
.definition-match-payload .definition-match-term &gt; div.warn.raised.disabled .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.raised.disabled.fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .warn.raised.disabled.more-info .count {
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
}
.zb-button.green .count,
.student-instructions-modal .green.copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .green.move-sections-button .count,
.subscribe-student-panel .green.already-paid .count,
.modify-section .toolbar-container .toolbar-card .green.show-me-how-link .count,
.instructor-note-container .green.show-edit-instructor-note-icon .count,
.assignment-section-summary .green.next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .green.exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .green.exit-button .count,
.view-request-card .green.back-to-library-link .count,
.review-adoption .green.back-to-library-link .count,
details &gt; summary.green .count,
.pythonTutor .ExecutionVisualizer #vcrControls .green.button .count,
.definition-match-payload .definition-match-term &gt; div.green .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .green.more-info .count {
  background-color: hsl(calc(var(--zb-semantic-color-button-count-background-h) + 0deg), calc(var(--zb-semantic-color-button-count-background-s) + 0%), calc(var(--zb-semantic-color-button-count-background-l) + 0%), calc(var(--zb-semantic-color-button-count-background-a) + 0));
}
.zb-button.green[aria-disabled=true] .count, .zb-button.green[disabled] .count, .zb-button.green.disabled .count,
.student-instructions-modal .green[aria-disabled=true].copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .green[aria-disabled=true].move-sections-button .count,
.subscribe-student-panel .green[aria-disabled=true].already-paid .count,
.modify-section .toolbar-container .toolbar-card .green[aria-disabled=true].show-me-how-link .count,
.instructor-note-container .green[aria-disabled=true].show-edit-instructor-note-icon .count,
.assignment-section-summary .green[aria-disabled=true].next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .green[aria-disabled=true].exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .green[aria-disabled=true].exit-button .count,
.view-request-card .green[aria-disabled=true].back-to-library-link .count,
.review-adoption .green[aria-disabled=true].back-to-library-link .count,
details &gt; summary.green[aria-disabled=true] .count,
.pythonTutor .ExecutionVisualizer #vcrControls .green[aria-disabled=true].button .count,
.definition-match-payload .definition-match-term &gt; div.green[aria-disabled=true] .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green[aria-disabled=true].fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .green[aria-disabled=true].more-info .count,
.student-instructions-modal .green[disabled].copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .green[disabled].move-sections-button .count,
.subscribe-student-panel .green[disabled].already-paid .count,
.modify-section .toolbar-container .toolbar-card .green[disabled].show-me-how-link .count,
.instructor-note-container .green[disabled].show-edit-instructor-note-icon .count,
.assignment-section-summary .green[disabled].next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .green[disabled].exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .green[disabled].exit-button .count,
.view-request-card .green[disabled].back-to-library-link .count,
.review-adoption .green[disabled].back-to-library-link .count,
details &gt; summary.green[disabled] .count,
.pythonTutor .ExecutionVisualizer #vcrControls .green[disabled].button .count,
.definition-match-payload .definition-match-term &gt; div.green[disabled] .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green[disabled].fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .green[disabled].more-info .count,
.student-instructions-modal .green.disabled.copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .green.disabled.move-sections-button .count,
.subscribe-student-panel .green.disabled.already-paid .count,
.modify-section .toolbar-container .toolbar-card .green.disabled.show-me-how-link .count,
.instructor-note-container .green.disabled.show-edit-instructor-note-icon .count,
.assignment-section-summary .green.disabled.next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .green.disabled.exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .green.disabled.exit-button .count,
.view-request-card .green.disabled.back-to-library-link .count,
.review-adoption .green.disabled.back-to-library-link .count,
details &gt; summary.green.disabled .count,
.pythonTutor .ExecutionVisualizer #vcrControls .green.disabled.button .count,
.definition-match-payload .definition-match-term &gt; div.green.disabled .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.disabled.fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .green.disabled.more-info .count {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-button.grey .count,
.student-instructions-modal .grey.copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .grey.move-sections-button .count,
.subscribe-student-panel .grey.already-paid .count,
.modify-section .toolbar-container .toolbar-card .grey.show-me-how-link .count,
.instructor-note-container .grey.show-edit-instructor-note-icon .count,
.assignment-section-summary .grey.next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .grey.exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .grey.exit-button .count,
.view-request-card .grey.back-to-library-link .count,
.review-adoption .grey.back-to-library-link .count,
details &gt; summary.grey .count,
.pythonTutor .ExecutionVisualizer #vcrControls .grey.button .count,
.definition-match-payload .definition-match-term &gt; div.grey .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .grey.more-info .count {
  background-color: hsl(calc(var(--zb-semantic-color-button-count-background-h) + 0deg), calc(var(--zb-semantic-color-button-count-background-s) + 0%), calc(var(--zb-semantic-color-button-count-background-l) + 0%), calc(var(--zb-semantic-color-button-count-background-a) + 0));
}
.zb-button.grey[aria-disabled=true] .count, .zb-button.grey[disabled] .count, .zb-button.grey.disabled .count,
.student-instructions-modal .grey[aria-disabled=true].copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .grey[aria-disabled=true].move-sections-button .count,
.subscribe-student-panel .grey[aria-disabled=true].already-paid .count,
.modify-section .toolbar-container .toolbar-card .grey[aria-disabled=true].show-me-how-link .count,
.instructor-note-container .grey[aria-disabled=true].show-edit-instructor-note-icon .count,
.assignment-section-summary .grey[aria-disabled=true].next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .grey[aria-disabled=true].exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .grey[aria-disabled=true].exit-button .count,
.view-request-card .grey[aria-disabled=true].back-to-library-link .count,
.review-adoption .grey[aria-disabled=true].back-to-library-link .count,
details &gt; summary.grey[aria-disabled=true] .count,
.pythonTutor .ExecutionVisualizer #vcrControls .grey[aria-disabled=true].button .count,
.definition-match-payload .definition-match-term &gt; div.grey[aria-disabled=true] .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey[aria-disabled=true].fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .grey[aria-disabled=true].more-info .count,
.student-instructions-modal .grey[disabled].copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .grey[disabled].move-sections-button .count,
.subscribe-student-panel .grey[disabled].already-paid .count,
.modify-section .toolbar-container .toolbar-card .grey[disabled].show-me-how-link .count,
.instructor-note-container .grey[disabled].show-edit-instructor-note-icon .count,
.assignment-section-summary .grey[disabled].next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .grey[disabled].exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .grey[disabled].exit-button .count,
.view-request-card .grey[disabled].back-to-library-link .count,
.review-adoption .grey[disabled].back-to-library-link .count,
details &gt; summary.grey[disabled] .count,
.pythonTutor .ExecutionVisualizer #vcrControls .grey[disabled].button .count,
.definition-match-payload .definition-match-term &gt; div.grey[disabled] .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey[disabled].fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .grey[disabled].more-info .count,
.student-instructions-modal .grey.disabled.copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .grey.disabled.move-sections-button .count,
.subscribe-student-panel .grey.disabled.already-paid .count,
.modify-section .toolbar-container .toolbar-card .grey.disabled.show-me-how-link .count,
.instructor-note-container .grey.disabled.show-edit-instructor-note-icon .count,
.assignment-section-summary .grey.disabled.next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .grey.disabled.exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .grey.disabled.exit-button .count,
.view-request-card .grey.disabled.back-to-library-link .count,
.review-adoption .grey.disabled.back-to-library-link .count,
details &gt; summary.grey.disabled .count,
.pythonTutor .ExecutionVisualizer #vcrControls .grey.disabled.button .count,
.definition-match-payload .definition-match-term &gt; div.grey.disabled .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.disabled.fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .grey.disabled.more-info .count {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-button.primary .count,
.student-instructions-modal .primary.copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .primary.move-sections-button .count,
.subscribe-student-panel .primary.already-paid .count,
.modify-section .toolbar-container .toolbar-card .primary.show-me-how-link .count,
.instructor-note-container .primary.show-edit-instructor-note-icon .count,
.assignment-section-summary .primary.next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .primary.exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .primary.exit-button .count,
.view-request-card .primary.back-to-library-link .count,
.review-adoption .primary.back-to-library-link .count,
details &gt; summary.primary .count,
.pythonTutor .ExecutionVisualizer #vcrControls .primary.button .count,
.definition-match-payload .definition-match-term &gt; div.primary .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .primary.more-info .count {
  background-color: hsl(calc(var(--zb-semantic-color-button-count-background-h) + 0deg), calc(var(--zb-semantic-color-button-count-background-s) + 0%), calc(var(--zb-semantic-color-button-count-background-l) + 0%), calc(var(--zb-semantic-color-button-count-background-a) + 0));
}
.zb-button.primary[aria-disabled=true] .count, .zb-button.primary[disabled] .count, .zb-button.primary.disabled .count,
.student-instructions-modal .primary[aria-disabled=true].copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .primary[aria-disabled=true].move-sections-button .count,
.subscribe-student-panel .primary[aria-disabled=true].already-paid .count,
.modify-section .toolbar-container .toolbar-card .primary[aria-disabled=true].show-me-how-link .count,
.instructor-note-container .primary[aria-disabled=true].show-edit-instructor-note-icon .count,
.assignment-section-summary .primary[aria-disabled=true].next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .primary[aria-disabled=true].exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .primary[aria-disabled=true].exit-button .count,
.view-request-card .primary[aria-disabled=true].back-to-library-link .count,
.review-adoption .primary[aria-disabled=true].back-to-library-link .count,
details &gt; summary.primary[aria-disabled=true] .count,
.pythonTutor .ExecutionVisualizer #vcrControls .primary[aria-disabled=true].button .count,
.definition-match-payload .definition-match-term &gt; div.primary[aria-disabled=true] .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary[aria-disabled=true].fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .primary[aria-disabled=true].more-info .count,
.student-instructions-modal .primary[disabled].copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .primary[disabled].move-sections-button .count,
.subscribe-student-panel .primary[disabled].already-paid .count,
.modify-section .toolbar-container .toolbar-card .primary[disabled].show-me-how-link .count,
.instructor-note-container .primary[disabled].show-edit-instructor-note-icon .count,
.assignment-section-summary .primary[disabled].next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .primary[disabled].exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .primary[disabled].exit-button .count,
.view-request-card .primary[disabled].back-to-library-link .count,
.review-adoption .primary[disabled].back-to-library-link .count,
details &gt; summary.primary[disabled] .count,
.pythonTutor .ExecutionVisualizer #vcrControls .primary[disabled].button .count,
.definition-match-payload .definition-match-term &gt; div.primary[disabled] .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary[disabled].fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .primary[disabled].more-info .count,
.student-instructions-modal .primary.disabled.copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .primary.disabled.move-sections-button .count,
.subscribe-student-panel .primary.disabled.already-paid .count,
.modify-section .toolbar-container .toolbar-card .primary.disabled.show-me-how-link .count,
.instructor-note-container .primary.disabled.show-edit-instructor-note-icon .count,
.assignment-section-summary .primary.disabled.next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .primary.disabled.exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .primary.disabled.exit-button .count,
.view-request-card .primary.disabled.back-to-library-link .count,
.review-adoption .primary.disabled.back-to-library-link .count,
details &gt; summary.primary.disabled .count,
.pythonTutor .ExecutionVisualizer #vcrControls .primary.disabled.button .count,
.definition-match-payload .definition-match-term &gt; div.primary.disabled .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.disabled.fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .primary.disabled.more-info .count {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-button.secondary .count,
.student-instructions-modal .secondary.copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .secondary.move-sections-button .count,
.subscribe-student-panel .secondary.already-paid .count,
.modify-section .toolbar-container .toolbar-card .secondary.show-me-how-link .count,
.instructor-note-container .secondary.show-edit-instructor-note-icon .count,
.assignment-section-summary .secondary.next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .secondary.exit-button .count,
.view-request-card .secondary.back-to-library-link .count,
.review-adoption .secondary.back-to-library-link .count,
details &gt; summary.secondary .count,
.pythonTutor .ExecutionVisualizer #vcrControls .secondary.button .count,
.definition-match-payload .definition-match-term &gt; div.secondary .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .secondary.more-info .count {
  background-color: hsl(calc(var(--zb-semantic-color-button-count-background-h) + 0deg), calc(var(--zb-semantic-color-button-count-background-s) + 0%), calc(var(--zb-semantic-color-button-count-background-l) + 0%), calc(var(--zb-semantic-color-button-count-background-a) + 0));
}
.zb-button.secondary[aria-disabled=true] .count, .zb-button.secondary[disabled] .count, .zb-button.secondary.disabled .count,
.student-instructions-modal .secondary[aria-disabled=true].copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .secondary[aria-disabled=true].move-sections-button .count,
.subscribe-student-panel .secondary[aria-disabled=true].already-paid .count,
.modify-section .toolbar-container .toolbar-card .secondary[aria-disabled=true].show-me-how-link .count,
.instructor-note-container .secondary[aria-disabled=true].show-edit-instructor-note-icon .count,
.assignment-section-summary .secondary[aria-disabled=true].next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .secondary[aria-disabled=true].exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .secondary[aria-disabled=true].exit-button .count,
.view-request-card .secondary[aria-disabled=true].back-to-library-link .count,
.review-adoption .secondary[aria-disabled=true].back-to-library-link .count,
details &gt; summary.secondary[aria-disabled=true] .count,
.pythonTutor .ExecutionVisualizer #vcrControls .secondary[aria-disabled=true].button .count,
.definition-match-payload .definition-match-term &gt; div.secondary[aria-disabled=true] .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary[aria-disabled=true].fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .secondary[aria-disabled=true].more-info .count,
.student-instructions-modal .secondary[disabled].copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .secondary[disabled].move-sections-button .count,
.subscribe-student-panel .secondary[disabled].already-paid .count,
.modify-section .toolbar-container .toolbar-card .secondary[disabled].show-me-how-link .count,
.instructor-note-container .secondary[disabled].show-edit-instructor-note-icon .count,
.assignment-section-summary .secondary[disabled].next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .secondary[disabled].exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .secondary[disabled].exit-button .count,
.view-request-card .secondary[disabled].back-to-library-link .count,
.review-adoption .secondary[disabled].back-to-library-link .count,
details &gt; summary.secondary[disabled] .count,
.pythonTutor .ExecutionVisualizer #vcrControls .secondary[disabled].button .count,
.definition-match-payload .definition-match-term &gt; div.secondary[disabled] .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary[disabled].fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .secondary[disabled].more-info .count,
.student-instructions-modal .secondary.disabled.copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .secondary.disabled.move-sections-button .count,
.subscribe-student-panel .secondary.disabled.already-paid .count,
.modify-section .toolbar-container .toolbar-card .secondary.disabled.show-me-how-link .count,
.instructor-note-container .secondary.disabled.show-edit-instructor-note-icon .count,
.assignment-section-summary .secondary.disabled.next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.disabled.exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .secondary.disabled.exit-button .count,
.view-request-card .secondary.disabled.back-to-library-link .count,
.review-adoption .secondary.disabled.back-to-library-link .count,
details &gt; summary.secondary.disabled .count,
.pythonTutor .ExecutionVisualizer #vcrControls .secondary.disabled.button .count,
.definition-match-payload .definition-match-term &gt; div.secondary.disabled .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.disabled.fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .secondary.disabled.more-info .count {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-button.warn .count,
.student-instructions-modal .warn.copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .warn.move-sections-button .count,
.subscribe-student-panel .warn.already-paid .count,
.modify-section .toolbar-container .toolbar-card .warn.show-me-how-link .count,
.instructor-note-container .warn.show-edit-instructor-note-icon .count,
.assignment-section-summary .warn.next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .warn.exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .warn.exit-button .count,
.view-request-card .warn.back-to-library-link .count,
.review-adoption .warn.back-to-library-link .count,
details &gt; summary.warn .count,
.pythonTutor .ExecutionVisualizer #vcrControls .warn.button .count,
.definition-match-payload .definition-match-term &gt; div.warn .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .warn.more-info .count {
  background-color: hsl(calc(var(--zb-semantic-color-button-count-background-h) + 0deg), calc(var(--zb-semantic-color-button-count-background-s) + 0%), calc(var(--zb-semantic-color-button-count-background-l) + 0%), calc(var(--zb-semantic-color-button-count-background-a) + 0));
}
.zb-button.warn[aria-disabled=true] .count, .zb-button.warn[disabled] .count, .zb-button.warn.disabled .count,
.student-instructions-modal .warn[aria-disabled=true].copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .warn[aria-disabled=true].move-sections-button .count,
.subscribe-student-panel .warn[aria-disabled=true].already-paid .count,
.modify-section .toolbar-container .toolbar-card .warn[aria-disabled=true].show-me-how-link .count,
.instructor-note-container .warn[aria-disabled=true].show-edit-instructor-note-icon .count,
.assignment-section-summary .warn[aria-disabled=true].next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .warn[aria-disabled=true].exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .warn[aria-disabled=true].exit-button .count,
.view-request-card .warn[aria-disabled=true].back-to-library-link .count,
.review-adoption .warn[aria-disabled=true].back-to-library-link .count,
details &gt; summary.warn[aria-disabled=true] .count,
.pythonTutor .ExecutionVisualizer #vcrControls .warn[aria-disabled=true].button .count,
.definition-match-payload .definition-match-term &gt; div.warn[aria-disabled=true] .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn[aria-disabled=true].fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .warn[aria-disabled=true].more-info .count,
.student-instructions-modal .warn[disabled].copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .warn[disabled].move-sections-button .count,
.subscribe-student-panel .warn[disabled].already-paid .count,
.modify-section .toolbar-container .toolbar-card .warn[disabled].show-me-how-link .count,
.instructor-note-container .warn[disabled].show-edit-instructor-note-icon .count,
.assignment-section-summary .warn[disabled].next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .warn[disabled].exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .warn[disabled].exit-button .count,
.view-request-card .warn[disabled].back-to-library-link .count,
.review-adoption .warn[disabled].back-to-library-link .count,
details &gt; summary.warn[disabled] .count,
.pythonTutor .ExecutionVisualizer #vcrControls .warn[disabled].button .count,
.definition-match-payload .definition-match-term &gt; div.warn[disabled] .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn[disabled].fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .warn[disabled].more-info .count,
.student-instructions-modal .warn.disabled.copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .warn.disabled.move-sections-button .count,
.subscribe-student-panel .warn.disabled.already-paid .count,
.modify-section .toolbar-container .toolbar-card .warn.disabled.show-me-how-link .count,
.instructor-note-container .warn.disabled.show-edit-instructor-note-icon .count,
.assignment-section-summary .warn.disabled.next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .warn.disabled.exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .warn.disabled.exit-button .count,
.view-request-card .warn.disabled.back-to-library-link .count,
.review-adoption .warn.disabled.back-to-library-link .count,
details &gt; summary.warn.disabled .count,
.pythonTutor .ExecutionVisualizer #vcrControls .warn.disabled.button .count,
.definition-match-payload .definition-match-term &gt; div.warn.disabled .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.disabled.fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .warn.disabled.more-info .count {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-button.green.raised .count,
.student-instructions-modal .green.raised.copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .green.raised.move-sections-button .count,
.subscribe-student-panel .green.raised.already-paid .count,
.modify-section .toolbar-container .toolbar-card .green.raised.show-me-how-link .count,
.instructor-note-container .green.raised.show-edit-instructor-note-icon .count,
.assignment-section-summary .green.raised.next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .green.raised.exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .green.raised.exit-button .count,
.view-request-card .green.raised.back-to-library-link .count,
.review-adoption .green.raised.back-to-library-link .count,
details &gt; summary.green.raised .count,
.pythonTutor .ExecutionVisualizer #vcrControls .green.raised.button .count,
.definition-match-payload .definition-match-term &gt; div.green.raised .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.raised.fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .green.raised.more-info .count {
  background-color: hsl(calc(var(--zb-semantic-color-button-count-raised-background-h) + 0deg), calc(var(--zb-semantic-color-button-count-raised-background-s) + 0%), calc(var(--zb-semantic-color-button-count-raised-background-l) + 0%), calc(var(--zb-semantic-color-button-count-raised-background-a) + 0));
}
.zb-button.green.raised[aria-disabled=true] .count, .zb-button.green.raised[disabled] .count, .zb-button.green.raised.disabled .count,
.student-instructions-modal .green.raised[aria-disabled=true].copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .green.raised[aria-disabled=true].move-sections-button .count,
.subscribe-student-panel .green.raised[aria-disabled=true].already-paid .count,
.modify-section .toolbar-container .toolbar-card .green.raised[aria-disabled=true].show-me-how-link .count,
.instructor-note-container .green.raised[aria-disabled=true].show-edit-instructor-note-icon .count,
.assignment-section-summary .green.raised[aria-disabled=true].next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .green.raised[aria-disabled=true].exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .green.raised[aria-disabled=true].exit-button .count,
.view-request-card .green.raised[aria-disabled=true].back-to-library-link .count,
.review-adoption .green.raised[aria-disabled=true].back-to-library-link .count,
details &gt; summary.green.raised[aria-disabled=true] .count,
.pythonTutor .ExecutionVisualizer #vcrControls .green.raised[aria-disabled=true].button .count,
.definition-match-payload .definition-match-term &gt; div.green.raised[aria-disabled=true] .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.raised[aria-disabled=true].fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .green.raised[aria-disabled=true].more-info .count,
.student-instructions-modal .green.raised[disabled].copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .green.raised[disabled].move-sections-button .count,
.subscribe-student-panel .green.raised[disabled].already-paid .count,
.modify-section .toolbar-container .toolbar-card .green.raised[disabled].show-me-how-link .count,
.instructor-note-container .green.raised[disabled].show-edit-instructor-note-icon .count,
.assignment-section-summary .green.raised[disabled].next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .green.raised[disabled].exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .green.raised[disabled].exit-button .count,
.view-request-card .green.raised[disabled].back-to-library-link .count,
.review-adoption .green.raised[disabled].back-to-library-link .count,
details &gt; summary.green.raised[disabled] .count,
.pythonTutor .ExecutionVisualizer #vcrControls .green.raised[disabled].button .count,
.definition-match-payload .definition-match-term &gt; div.green.raised[disabled] .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.raised[disabled].fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .green.raised[disabled].more-info .count,
.student-instructions-modal .green.raised.disabled.copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .green.raised.disabled.move-sections-button .count,
.subscribe-student-panel .green.raised.disabled.already-paid .count,
.modify-section .toolbar-container .toolbar-card .green.raised.disabled.show-me-how-link .count,
.instructor-note-container .green.raised.disabled.show-edit-instructor-note-icon .count,
.assignment-section-summary .green.raised.disabled.next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .green.raised.disabled.exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .green.raised.disabled.exit-button .count,
.view-request-card .green.raised.disabled.back-to-library-link .count,
.review-adoption .green.raised.disabled.back-to-library-link .count,
details &gt; summary.green.raised.disabled .count,
.pythonTutor .ExecutionVisualizer #vcrControls .green.raised.disabled.button .count,
.definition-match-payload .definition-match-term &gt; div.green.raised.disabled .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.raised.disabled.fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .green.raised.disabled.more-info .count {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-button.grey.raised .count,
.student-instructions-modal .grey.raised.copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .grey.raised.move-sections-button .count,
.subscribe-student-panel .grey.raised.already-paid .count,
.modify-section .toolbar-container .toolbar-card .grey.raised.show-me-how-link .count,
.instructor-note-container .grey.raised.show-edit-instructor-note-icon .count,
.assignment-section-summary .grey.raised.next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .grey.raised.exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .grey.raised.exit-button .count,
.view-request-card .grey.raised.back-to-library-link .count,
.review-adoption .grey.raised.back-to-library-link .count,
details &gt; summary.grey.raised .count,
.pythonTutor .ExecutionVisualizer #vcrControls .grey.raised.button .count,
.definition-match-payload .definition-match-term &gt; div.grey.raised .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.raised.fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .grey.raised.more-info .count {
  background-color: hsl(calc(var(--zb-semantic-color-button-count-raised-background-h) + 0deg), calc(var(--zb-semantic-color-button-count-raised-background-s) + 0%), calc(var(--zb-semantic-color-button-count-raised-background-l) + 0%), calc(var(--zb-semantic-color-button-count-raised-background-a) + 0));
}
.zb-button.grey.raised[aria-disabled=true] .count, .zb-button.grey.raised[disabled] .count, .zb-button.grey.raised.disabled .count,
.student-instructions-modal .grey.raised[aria-disabled=true].copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .grey.raised[aria-disabled=true].move-sections-button .count,
.subscribe-student-panel .grey.raised[aria-disabled=true].already-paid .count,
.modify-section .toolbar-container .toolbar-card .grey.raised[aria-disabled=true].show-me-how-link .count,
.instructor-note-container .grey.raised[aria-disabled=true].show-edit-instructor-note-icon .count,
.assignment-section-summary .grey.raised[aria-disabled=true].next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .grey.raised[aria-disabled=true].exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .grey.raised[aria-disabled=true].exit-button .count,
.view-request-card .grey.raised[aria-disabled=true].back-to-library-link .count,
.review-adoption .grey.raised[aria-disabled=true].back-to-library-link .count,
details &gt; summary.grey.raised[aria-disabled=true] .count,
.pythonTutor .ExecutionVisualizer #vcrControls .grey.raised[aria-disabled=true].button .count,
.definition-match-payload .definition-match-term &gt; div.grey.raised[aria-disabled=true] .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.raised[aria-disabled=true].fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .grey.raised[aria-disabled=true].more-info .count,
.student-instructions-modal .grey.raised[disabled].copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .grey.raised[disabled].move-sections-button .count,
.subscribe-student-panel .grey.raised[disabled].already-paid .count,
.modify-section .toolbar-container .toolbar-card .grey.raised[disabled].show-me-how-link .count,
.instructor-note-container .grey.raised[disabled].show-edit-instructor-note-icon .count,
.assignment-section-summary .grey.raised[disabled].next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .grey.raised[disabled].exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .grey.raised[disabled].exit-button .count,
.view-request-card .grey.raised[disabled].back-to-library-link .count,
.review-adoption .grey.raised[disabled].back-to-library-link .count,
details &gt; summary.grey.raised[disabled] .count,
.pythonTutor .ExecutionVisualizer #vcrControls .grey.raised[disabled].button .count,
.definition-match-payload .definition-match-term &gt; div.grey.raised[disabled] .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.raised[disabled].fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .grey.raised[disabled].more-info .count,
.student-instructions-modal .grey.raised.disabled.copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .grey.raised.disabled.move-sections-button .count,
.subscribe-student-panel .grey.raised.disabled.already-paid .count,
.modify-section .toolbar-container .toolbar-card .grey.raised.disabled.show-me-how-link .count,
.instructor-note-container .grey.raised.disabled.show-edit-instructor-note-icon .count,
.assignment-section-summary .grey.raised.disabled.next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .grey.raised.disabled.exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .grey.raised.disabled.exit-button .count,
.view-request-card .grey.raised.disabled.back-to-library-link .count,
.review-adoption .grey.raised.disabled.back-to-library-link .count,
details &gt; summary.grey.raised.disabled .count,
.pythonTutor .ExecutionVisualizer #vcrControls .grey.raised.disabled.button .count,
.definition-match-payload .definition-match-term &gt; div.grey.raised.disabled .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.raised.disabled.fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .grey.raised.disabled.more-info .count {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-button.primary.raised .count,
.student-instructions-modal .primary.raised.copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .primary.raised.move-sections-button .count,
.subscribe-student-panel .primary.raised.already-paid .count,
.modify-section .toolbar-container .toolbar-card .primary.raised.show-me-how-link .count,
.instructor-note-container .primary.raised.show-edit-instructor-note-icon .count,
.assignment-section-summary .primary.raised.next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .primary.raised.exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .primary.raised.exit-button .count,
.view-request-card .primary.raised.back-to-library-link .count,
.review-adoption .primary.raised.back-to-library-link .count,
details &gt; summary.primary.raised .count,
.pythonTutor .ExecutionVisualizer #vcrControls .primary.raised.button .count,
.definition-match-payload .definition-match-term &gt; div.primary.raised .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.raised.fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .primary.raised.more-info .count {
  background-color: hsl(calc(var(--zb-semantic-color-button-count-raised-background-h) + 0deg), calc(var(--zb-semantic-color-button-count-raised-background-s) + 0%), calc(var(--zb-semantic-color-button-count-raised-background-l) + 0%), calc(var(--zb-semantic-color-button-count-raised-background-a) + 0));
}
.zb-button.primary.raised[aria-disabled=true] .count, .zb-button.primary.raised[disabled] .count, .zb-button.primary.raised.disabled .count,
.student-instructions-modal .primary.raised[aria-disabled=true].copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .primary.raised[aria-disabled=true].move-sections-button .count,
.subscribe-student-panel .primary.raised[aria-disabled=true].already-paid .count,
.modify-section .toolbar-container .toolbar-card .primary.raised[aria-disabled=true].show-me-how-link .count,
.instructor-note-container .primary.raised[aria-disabled=true].show-edit-instructor-note-icon .count,
.assignment-section-summary .primary.raised[aria-disabled=true].next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .primary.raised[aria-disabled=true].exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .primary.raised[aria-disabled=true].exit-button .count,
.view-request-card .primary.raised[aria-disabled=true].back-to-library-link .count,
.review-adoption .primary.raised[aria-disabled=true].back-to-library-link .count,
details &gt; summary.primary.raised[aria-disabled=true] .count,
.pythonTutor .ExecutionVisualizer #vcrControls .primary.raised[aria-disabled=true].button .count,
.definition-match-payload .definition-match-term &gt; div.primary.raised[aria-disabled=true] .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.raised[aria-disabled=true].fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .primary.raised[aria-disabled=true].more-info .count,
.student-instructions-modal .primary.raised[disabled].copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .primary.raised[disabled].move-sections-button .count,
.subscribe-student-panel .primary.raised[disabled].already-paid .count,
.modify-section .toolbar-container .toolbar-card .primary.raised[disabled].show-me-how-link .count,
.instructor-note-container .primary.raised[disabled].show-edit-instructor-note-icon .count,
.assignment-section-summary .primary.raised[disabled].next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .primary.raised[disabled].exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .primary.raised[disabled].exit-button .count,
.view-request-card .primary.raised[disabled].back-to-library-link .count,
.review-adoption .primary.raised[disabled].back-to-library-link .count,
details &gt; summary.primary.raised[disabled] .count,
.pythonTutor .ExecutionVisualizer #vcrControls .primary.raised[disabled].button .count,
.definition-match-payload .definition-match-term &gt; div.primary.raised[disabled] .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.raised[disabled].fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .primary.raised[disabled].more-info .count,
.student-instructions-modal .primary.raised.disabled.copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .primary.raised.disabled.move-sections-button .count,
.subscribe-student-panel .primary.raised.disabled.already-paid .count,
.modify-section .toolbar-container .toolbar-card .primary.raised.disabled.show-me-how-link .count,
.instructor-note-container .primary.raised.disabled.show-edit-instructor-note-icon .count,
.assignment-section-summary .primary.raised.disabled.next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .primary.raised.disabled.exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .primary.raised.disabled.exit-button .count,
.view-request-card .primary.raised.disabled.back-to-library-link .count,
.review-adoption .primary.raised.disabled.back-to-library-link .count,
details &gt; summary.primary.raised.disabled .count,
.pythonTutor .ExecutionVisualizer #vcrControls .primary.raised.disabled.button .count,
.definition-match-payload .definition-match-term &gt; div.primary.raised.disabled .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.raised.disabled.fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .primary.raised.disabled.more-info .count {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-button.secondary.raised .count,
.student-instructions-modal .secondary.raised.copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .secondary.raised.move-sections-button .count,
.subscribe-student-panel .secondary.raised.already-paid .count,
.modify-section .toolbar-container .toolbar-card .secondary.raised.show-me-how-link .count,
.instructor-note-container .secondary.raised.show-edit-instructor-note-icon .count,
.assignment-section-summary .secondary.raised.next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button .count,
.view-request-card .secondary.raised.back-to-library-link .count,
.review-adoption .secondary.raised.back-to-library-link .count,
details &gt; summary.secondary.raised .count,
.pythonTutor .ExecutionVisualizer #vcrControls .secondary.raised.button .count,
.definition-match-payload .definition-match-term &gt; div.secondary.raised .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.raised.fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .secondary.raised.more-info .count {
  background-color: hsl(calc(var(--zb-semantic-color-button-count-raised-background-h) + 0deg), calc(var(--zb-semantic-color-button-count-raised-background-s) + 0%), calc(var(--zb-semantic-color-button-count-raised-background-l) + 0%), calc(var(--zb-semantic-color-button-count-raised-background-a) + 0));
}
.zb-button.secondary.raised[aria-disabled=true] .count, .zb-button.secondary.raised[disabled] .count, .zb-button.secondary.raised.disabled .count,
.student-instructions-modal .secondary.raised[aria-disabled=true].copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .secondary.raised[aria-disabled=true].move-sections-button .count,
.subscribe-student-panel .secondary.raised[aria-disabled=true].already-paid .count,
.modify-section .toolbar-container .toolbar-card .secondary.raised[aria-disabled=true].show-me-how-link .count,
.instructor-note-container .secondary.raised[aria-disabled=true].show-edit-instructor-note-icon .count,
.assignment-section-summary .secondary.raised[aria-disabled=true].next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.raised[aria-disabled=true].exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .secondary.raised[aria-disabled=true].exit-button .count,
.view-request-card .secondary.raised[aria-disabled=true].back-to-library-link .count,
.review-adoption .secondary.raised[aria-disabled=true].back-to-library-link .count,
details &gt; summary.secondary.raised[aria-disabled=true] .count,
.pythonTutor .ExecutionVisualizer #vcrControls .secondary.raised[aria-disabled=true].button .count,
.definition-match-payload .definition-match-term &gt; div.secondary.raised[aria-disabled=true] .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.raised[aria-disabled=true].fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .secondary.raised[aria-disabled=true].more-info .count,
.student-instructions-modal .secondary.raised[disabled].copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .secondary.raised[disabled].move-sections-button .count,
.subscribe-student-panel .secondary.raised[disabled].already-paid .count,
.modify-section .toolbar-container .toolbar-card .secondary.raised[disabled].show-me-how-link .count,
.instructor-note-container .secondary.raised[disabled].show-edit-instructor-note-icon .count,
.assignment-section-summary .secondary.raised[disabled].next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.raised[disabled].exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .secondary.raised[disabled].exit-button .count,
.view-request-card .secondary.raised[disabled].back-to-library-link .count,
.review-adoption .secondary.raised[disabled].back-to-library-link .count,
details &gt; summary.secondary.raised[disabled] .count,
.pythonTutor .ExecutionVisualizer #vcrControls .secondary.raised[disabled].button .count,
.definition-match-payload .definition-match-term &gt; div.secondary.raised[disabled] .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.raised[disabled].fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .secondary.raised[disabled].more-info .count,
.student-instructions-modal .secondary.raised.disabled.copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .secondary.raised.disabled.move-sections-button .count,
.subscribe-student-panel .secondary.raised.disabled.already-paid .count,
.modify-section .toolbar-container .toolbar-card .secondary.raised.disabled.show-me-how-link .count,
.instructor-note-container .secondary.raised.disabled.show-edit-instructor-note-icon .count,
.assignment-section-summary .secondary.raised.disabled.next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.raised.disabled.exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .secondary.raised.disabled.exit-button .count,
.view-request-card .secondary.raised.disabled.back-to-library-link .count,
.review-adoption .secondary.raised.disabled.back-to-library-link .count,
details &gt; summary.secondary.raised.disabled .count,
.pythonTutor .ExecutionVisualizer #vcrControls .secondary.raised.disabled.button .count,
.definition-match-payload .definition-match-term &gt; div.secondary.raised.disabled .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.raised.disabled.fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .secondary.raised.disabled.more-info .count {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-button.warn.raised .count,
.student-instructions-modal .warn.raised.copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .warn.raised.move-sections-button .count,
.subscribe-student-panel .warn.raised.already-paid .count,
.modify-section .toolbar-container .toolbar-card .warn.raised.show-me-how-link .count,
.instructor-note-container .warn.raised.show-edit-instructor-note-icon .count,
.assignment-section-summary .warn.raised.next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .warn.raised.exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .warn.raised.exit-button .count,
.view-request-card .warn.raised.back-to-library-link .count,
.review-adoption .warn.raised.back-to-library-link .count,
details &gt; summary.warn.raised .count,
.pythonTutor .ExecutionVisualizer #vcrControls .warn.raised.button .count,
.definition-match-payload .definition-match-term &gt; div.warn.raised .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.raised.fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .warn.raised.more-info .count {
  background-color: hsl(calc(var(--zb-semantic-color-button-count-raised-background-h) + 0deg), calc(var(--zb-semantic-color-button-count-raised-background-s) + 0%), calc(var(--zb-semantic-color-button-count-raised-background-l) + 0%), calc(var(--zb-semantic-color-button-count-raised-background-a) + 0));
}
.zb-button.warn.raised[aria-disabled=true] .count, .zb-button.warn.raised[disabled] .count, .zb-button.warn.raised.disabled .count,
.student-instructions-modal .warn.raised[aria-disabled=true].copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .warn.raised[aria-disabled=true].move-sections-button .count,
.subscribe-student-panel .warn.raised[aria-disabled=true].already-paid .count,
.modify-section .toolbar-container .toolbar-card .warn.raised[aria-disabled=true].show-me-how-link .count,
.instructor-note-container .warn.raised[aria-disabled=true].show-edit-instructor-note-icon .count,
.assignment-section-summary .warn.raised[aria-disabled=true].next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .warn.raised[aria-disabled=true].exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .warn.raised[aria-disabled=true].exit-button .count,
.view-request-card .warn.raised[aria-disabled=true].back-to-library-link .count,
.review-adoption .warn.raised[aria-disabled=true].back-to-library-link .count,
details &gt; summary.warn.raised[aria-disabled=true] .count,
.pythonTutor .ExecutionVisualizer #vcrControls .warn.raised[aria-disabled=true].button .count,
.definition-match-payload .definition-match-term &gt; div.warn.raised[aria-disabled=true] .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.raised[aria-disabled=true].fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .warn.raised[aria-disabled=true].more-info .count,
.student-instructions-modal .warn.raised[disabled].copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .warn.raised[disabled].move-sections-button .count,
.subscribe-student-panel .warn.raised[disabled].already-paid .count,
.modify-section .toolbar-container .toolbar-card .warn.raised[disabled].show-me-how-link .count,
.instructor-note-container .warn.raised[disabled].show-edit-instructor-note-icon .count,
.assignment-section-summary .warn.raised[disabled].next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .warn.raised[disabled].exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .warn.raised[disabled].exit-button .count,
.view-request-card .warn.raised[disabled].back-to-library-link .count,
.review-adoption .warn.raised[disabled].back-to-library-link .count,
details &gt; summary.warn.raised[disabled] .count,
.pythonTutor .ExecutionVisualizer #vcrControls .warn.raised[disabled].button .count,
.definition-match-payload .definition-match-term &gt; div.warn.raised[disabled] .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.raised[disabled].fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .warn.raised[disabled].more-info .count,
.student-instructions-modal .warn.raised.disabled.copy-instructions-to-clipboard-button .count,
.zybook-configure-panel .panel-content .warn.raised.disabled.move-sections-button .count,
.subscribe-student-panel .warn.raised.disabled.already-paid .count,
.modify-section .toolbar-container .toolbar-card .warn.raised.disabled.show-me-how-link .count,
.instructor-note-container .warn.raised.disabled.show-edit-instructor-note-icon .count,
.assignment-section-summary .warn.raised.disabled.next-section-link .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .warn.raised.disabled.exit-button .count,
.zybook-zylab-similarity-page .zb-toolbar .warn.raised.disabled.exit-button .count,
.view-request-card .warn.raised.disabled.back-to-library-link .count,
.review-adoption .warn.raised.disabled.back-to-library-link .count,
details &gt; summary.warn.raised.disabled .count,
.pythonTutor .ExecutionVisualizer #vcrControls .warn.raised.disabled.button .count,
.definition-match-payload .definition-match-term &gt; div.warn.raised.disabled .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.raised.disabled.fr-btn:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .warn.raised.disabled.more-info .count {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-button.green.raised:hover .count,
.student-instructions-modal .green.raised.copy-instructions-to-clipboard-button:hover .count,
.zybook-configure-panel .panel-content .green.raised.move-sections-button:hover .count,
.subscribe-student-panel .green.raised.already-paid:hover .count,
.modify-section .toolbar-container .toolbar-card .green.raised.show-me-how-link:hover .count,
.instructor-note-container .green.raised.show-edit-instructor-note-icon:hover .count,
.assignment-section-summary .green.raised.next-section-link:hover .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .green.raised.exit-button:hover .count,
.zybook-zylab-similarity-page .zb-toolbar .green.raised.exit-button:hover .count,
.view-request-card .green.raised.back-to-library-link:hover .count,
.review-adoption .green.raised.back-to-library-link:hover .count,
details &gt; summary.green.raised:hover .count,
.pythonTutor .ExecutionVisualizer #vcrControls .green.raised.button:hover .count,
.definition-match-payload .definition-match-term &gt; div.green.raised:hover .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.raised.fr-btn:hover:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .green.raised.more-info:hover .count {
  background-color: hsl(calc(var(--zb-semantic-color-button-count-raised-background-h) + 0deg), calc(var(--zb-semantic-color-button-count-raised-background-s) + 0%), calc(var(--zb-semantic-color-button-count-raised-background-l) + 0%), calc(var(--zb-semantic-color-button-count-raised-background-a) + 0));
}
.zb-button.green.raised:hover[aria-disabled=true] .count, .zb-button.green.raised:hover[disabled] .count, .zb-button.green.raised:hover.disabled .count,
.student-instructions-modal .green.raised.copy-instructions-to-clipboard-button:hover[aria-disabled=true] .count,
.zybook-configure-panel .panel-content .green.raised.move-sections-button:hover[aria-disabled=true] .count,
.subscribe-student-panel .green.raised.already-paid:hover[aria-disabled=true] .count,
.modify-section .toolbar-container .toolbar-card .green.raised.show-me-how-link:hover[aria-disabled=true] .count,
.instructor-note-container .green.raised.show-edit-instructor-note-icon:hover[aria-disabled=true] .count,
.assignment-section-summary .green.raised.next-section-link:hover[aria-disabled=true] .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .green.raised.exit-button:hover[aria-disabled=true] .count,
.zybook-zylab-similarity-page .zb-toolbar .green.raised.exit-button:hover[aria-disabled=true] .count,
.view-request-card .green.raised.back-to-library-link:hover[aria-disabled=true] .count,
.review-adoption .green.raised.back-to-library-link:hover[aria-disabled=true] .count,
details &gt; summary.green.raised:hover[aria-disabled=true] .count,
.pythonTutor .ExecutionVisualizer #vcrControls .green.raised.button:hover[aria-disabled=true] .count,
.definition-match-payload .definition-match-term &gt; div.green.raised:hover[aria-disabled=true] .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.raised.fr-btn:hover[aria-disabled=true]:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .green.raised.more-info:hover[aria-disabled=true] .count,
.student-instructions-modal .green.raised.copy-instructions-to-clipboard-button:hover[disabled] .count,
.zybook-configure-panel .panel-content .green.raised.move-sections-button:hover[disabled] .count,
.subscribe-student-panel .green.raised.already-paid:hover[disabled] .count,
.modify-section .toolbar-container .toolbar-card .green.raised.show-me-how-link:hover[disabled] .count,
.instructor-note-container .green.raised.show-edit-instructor-note-icon:hover[disabled] .count,
.assignment-section-summary .green.raised.next-section-link:hover[disabled] .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .green.raised.exit-button:hover[disabled] .count,
.zybook-zylab-similarity-page .zb-toolbar .green.raised.exit-button:hover[disabled] .count,
.view-request-card .green.raised.back-to-library-link:hover[disabled] .count,
.review-adoption .green.raised.back-to-library-link:hover[disabled] .count,
details &gt; summary.green.raised:hover[disabled] .count,
.pythonTutor .ExecutionVisualizer #vcrControls .green.raised.button:hover[disabled] .count,
.definition-match-payload .definition-match-term &gt; div.green.raised:hover[disabled] .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.raised.fr-btn:hover[disabled]:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .green.raised.more-info:hover[disabled] .count,
.student-instructions-modal .green.raised.copy-instructions-to-clipboard-button:hover.disabled .count,
.zybook-configure-panel .panel-content .green.raised.move-sections-button:hover.disabled .count,
.subscribe-student-panel .green.raised.already-paid:hover.disabled .count,
.modify-section .toolbar-container .toolbar-card .green.raised.show-me-how-link:hover.disabled .count,
.instructor-note-container .green.raised.show-edit-instructor-note-icon:hover.disabled .count,
.assignment-section-summary .green.raised.next-section-link:hover.disabled .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .green.raised.exit-button:hover.disabled .count,
.zybook-zylab-similarity-page .zb-toolbar .green.raised.exit-button:hover.disabled .count,
.view-request-card .green.raised.back-to-library-link:hover.disabled .count,
.review-adoption .green.raised.back-to-library-link:hover.disabled .count,
details &gt; summary.green.raised:hover.disabled .count,
.pythonTutor .ExecutionVisualizer #vcrControls .green.raised.button:hover.disabled .count,
.definition-match-payload .definition-match-term &gt; div.green.raised:hover.disabled .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.raised.fr-btn:hover.disabled:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .green.raised.more-info:hover.disabled .count {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-button.grey.raised:hover .count,
.student-instructions-modal .grey.raised.copy-instructions-to-clipboard-button:hover .count,
.zybook-configure-panel .panel-content .grey.raised.move-sections-button:hover .count,
.subscribe-student-panel .grey.raised.already-paid:hover .count,
.modify-section .toolbar-container .toolbar-card .grey.raised.show-me-how-link:hover .count,
.instructor-note-container .grey.raised.show-edit-instructor-note-icon:hover .count,
.assignment-section-summary .grey.raised.next-section-link:hover .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .grey.raised.exit-button:hover .count,
.zybook-zylab-similarity-page .zb-toolbar .grey.raised.exit-button:hover .count,
.view-request-card .grey.raised.back-to-library-link:hover .count,
.review-adoption .grey.raised.back-to-library-link:hover .count,
details &gt; summary.grey.raised:hover .count,
.pythonTutor .ExecutionVisualizer #vcrControls .grey.raised.button:hover .count,
.definition-match-payload .definition-match-term &gt; div.grey.raised:hover .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.raised.fr-btn:hover:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .grey.raised.more-info:hover .count {
  background-color: hsl(calc(var(--zb-semantic-color-button-count-raised-background-h) + 0deg), calc(var(--zb-semantic-color-button-count-raised-background-s) + 0%), calc(var(--zb-semantic-color-button-count-raised-background-l) + 0%), calc(var(--zb-semantic-color-button-count-raised-background-a) + 0));
}
.zb-button.grey.raised:hover[aria-disabled=true] .count, .zb-button.grey.raised:hover[disabled] .count, .zb-button.grey.raised:hover.disabled .count,
.student-instructions-modal .grey.raised.copy-instructions-to-clipboard-button:hover[aria-disabled=true] .count,
.zybook-configure-panel .panel-content .grey.raised.move-sections-button:hover[aria-disabled=true] .count,
.subscribe-student-panel .grey.raised.already-paid:hover[aria-disabled=true] .count,
.modify-section .toolbar-container .toolbar-card .grey.raised.show-me-how-link:hover[aria-disabled=true] .count,
.instructor-note-container .grey.raised.show-edit-instructor-note-icon:hover[aria-disabled=true] .count,
.assignment-section-summary .grey.raised.next-section-link:hover[aria-disabled=true] .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .grey.raised.exit-button:hover[aria-disabled=true] .count,
.zybook-zylab-similarity-page .zb-toolbar .grey.raised.exit-button:hover[aria-disabled=true] .count,
.view-request-card .grey.raised.back-to-library-link:hover[aria-disabled=true] .count,
.review-adoption .grey.raised.back-to-library-link:hover[aria-disabled=true] .count,
details &gt; summary.grey.raised:hover[aria-disabled=true] .count,
.pythonTutor .ExecutionVisualizer #vcrControls .grey.raised.button:hover[aria-disabled=true] .count,
.definition-match-payload .definition-match-term &gt; div.grey.raised:hover[aria-disabled=true] .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.raised.fr-btn:hover[aria-disabled=true]:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .grey.raised.more-info:hover[aria-disabled=true] .count,
.student-instructions-modal .grey.raised.copy-instructions-to-clipboard-button:hover[disabled] .count,
.zybook-configure-panel .panel-content .grey.raised.move-sections-button:hover[disabled] .count,
.subscribe-student-panel .grey.raised.already-paid:hover[disabled] .count,
.modify-section .toolbar-container .toolbar-card .grey.raised.show-me-how-link:hover[disabled] .count,
.instructor-note-container .grey.raised.show-edit-instructor-note-icon:hover[disabled] .count,
.assignment-section-summary .grey.raised.next-section-link:hover[disabled] .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .grey.raised.exit-button:hover[disabled] .count,
.zybook-zylab-similarity-page .zb-toolbar .grey.raised.exit-button:hover[disabled] .count,
.view-request-card .grey.raised.back-to-library-link:hover[disabled] .count,
.review-adoption .grey.raised.back-to-library-link:hover[disabled] .count,
details &gt; summary.grey.raised:hover[disabled] .count,
.pythonTutor .ExecutionVisualizer #vcrControls .grey.raised.button:hover[disabled] .count,
.definition-match-payload .definition-match-term &gt; div.grey.raised:hover[disabled] .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.raised.fr-btn:hover[disabled]:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .grey.raised.more-info:hover[disabled] .count,
.student-instructions-modal .grey.raised.copy-instructions-to-clipboard-button:hover.disabled .count,
.zybook-configure-panel .panel-content .grey.raised.move-sections-button:hover.disabled .count,
.subscribe-student-panel .grey.raised.already-paid:hover.disabled .count,
.modify-section .toolbar-container .toolbar-card .grey.raised.show-me-how-link:hover.disabled .count,
.instructor-note-container .grey.raised.show-edit-instructor-note-icon:hover.disabled .count,
.assignment-section-summary .grey.raised.next-section-link:hover.disabled .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .grey.raised.exit-button:hover.disabled .count,
.zybook-zylab-similarity-page .zb-toolbar .grey.raised.exit-button:hover.disabled .count,
.view-request-card .grey.raised.back-to-library-link:hover.disabled .count,
.review-adoption .grey.raised.back-to-library-link:hover.disabled .count,
details &gt; summary.grey.raised:hover.disabled .count,
.pythonTutor .ExecutionVisualizer #vcrControls .grey.raised.button:hover.disabled .count,
.definition-match-payload .definition-match-term &gt; div.grey.raised:hover.disabled .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.raised.fr-btn:hover.disabled:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .grey.raised.more-info:hover.disabled .count {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-button.primary.raised:hover .count,
.student-instructions-modal .primary.raised.copy-instructions-to-clipboard-button:hover .count,
.zybook-configure-panel .panel-content .primary.raised.move-sections-button:hover .count,
.subscribe-student-panel .primary.raised.already-paid:hover .count,
.modify-section .toolbar-container .toolbar-card .primary.raised.show-me-how-link:hover .count,
.instructor-note-container .primary.raised.show-edit-instructor-note-icon:hover .count,
.assignment-section-summary .primary.raised.next-section-link:hover .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .primary.raised.exit-button:hover .count,
.zybook-zylab-similarity-page .zb-toolbar .primary.raised.exit-button:hover .count,
.view-request-card .primary.raised.back-to-library-link:hover .count,
.review-adoption .primary.raised.back-to-library-link:hover .count,
details &gt; summary.primary.raised:hover .count,
.pythonTutor .ExecutionVisualizer #vcrControls .primary.raised.button:hover .count,
.definition-match-payload .definition-match-term &gt; div.primary.raised:hover .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.raised.fr-btn:hover:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .primary.raised.more-info:hover .count {
  background-color: hsl(calc(var(--zb-semantic-color-button-count-raised-background-h) + 0deg), calc(var(--zb-semantic-color-button-count-raised-background-s) + 0%), calc(var(--zb-semantic-color-button-count-raised-background-l) + 0%), calc(var(--zb-semantic-color-button-count-raised-background-a) + 0));
}
.zb-button.primary.raised:hover[aria-disabled=true] .count, .zb-button.primary.raised:hover[disabled] .count, .zb-button.primary.raised:hover.disabled .count,
.student-instructions-modal .primary.raised.copy-instructions-to-clipboard-button:hover[aria-disabled=true] .count,
.zybook-configure-panel .panel-content .primary.raised.move-sections-button:hover[aria-disabled=true] .count,
.subscribe-student-panel .primary.raised.already-paid:hover[aria-disabled=true] .count,
.modify-section .toolbar-container .toolbar-card .primary.raised.show-me-how-link:hover[aria-disabled=true] .count,
.instructor-note-container .primary.raised.show-edit-instructor-note-icon:hover[aria-disabled=true] .count,
.assignment-section-summary .primary.raised.next-section-link:hover[aria-disabled=true] .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .primary.raised.exit-button:hover[aria-disabled=true] .count,
.zybook-zylab-similarity-page .zb-toolbar .primary.raised.exit-button:hover[aria-disabled=true] .count,
.view-request-card .primary.raised.back-to-library-link:hover[aria-disabled=true] .count,
.review-adoption .primary.raised.back-to-library-link:hover[aria-disabled=true] .count,
details &gt; summary.primary.raised:hover[aria-disabled=true] .count,
.pythonTutor .ExecutionVisualizer #vcrControls .primary.raised.button:hover[aria-disabled=true] .count,
.definition-match-payload .definition-match-term &gt; div.primary.raised:hover[aria-disabled=true] .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.raised.fr-btn:hover[aria-disabled=true]:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .primary.raised.more-info:hover[aria-disabled=true] .count,
.student-instructions-modal .primary.raised.copy-instructions-to-clipboard-button:hover[disabled] .count,
.zybook-configure-panel .panel-content .primary.raised.move-sections-button:hover[disabled] .count,
.subscribe-student-panel .primary.raised.already-paid:hover[disabled] .count,
.modify-section .toolbar-container .toolbar-card .primary.raised.show-me-how-link:hover[disabled] .count,
.instructor-note-container .primary.raised.show-edit-instructor-note-icon:hover[disabled] .count,
.assignment-section-summary .primary.raised.next-section-link:hover[disabled] .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .primary.raised.exit-button:hover[disabled] .count,
.zybook-zylab-similarity-page .zb-toolbar .primary.raised.exit-button:hover[disabled] .count,
.view-request-card .primary.raised.back-to-library-link:hover[disabled] .count,
.review-adoption .primary.raised.back-to-library-link:hover[disabled] .count,
details &gt; summary.primary.raised:hover[disabled] .count,
.pythonTutor .ExecutionVisualizer #vcrControls .primary.raised.button:hover[disabled] .count,
.definition-match-payload .definition-match-term &gt; div.primary.raised:hover[disabled] .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.raised.fr-btn:hover[disabled]:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .primary.raised.more-info:hover[disabled] .count,
.student-instructions-modal .primary.raised.copy-instructions-to-clipboard-button:hover.disabled .count,
.zybook-configure-panel .panel-content .primary.raised.move-sections-button:hover.disabled .count,
.subscribe-student-panel .primary.raised.already-paid:hover.disabled .count,
.modify-section .toolbar-container .toolbar-card .primary.raised.show-me-how-link:hover.disabled .count,
.instructor-note-container .primary.raised.show-edit-instructor-note-icon:hover.disabled .count,
.assignment-section-summary .primary.raised.next-section-link:hover.disabled .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .primary.raised.exit-button:hover.disabled .count,
.zybook-zylab-similarity-page .zb-toolbar .primary.raised.exit-button:hover.disabled .count,
.view-request-card .primary.raised.back-to-library-link:hover.disabled .count,
.review-adoption .primary.raised.back-to-library-link:hover.disabled .count,
details &gt; summary.primary.raised:hover.disabled .count,
.pythonTutor .ExecutionVisualizer #vcrControls .primary.raised.button:hover.disabled .count,
.definition-match-payload .definition-match-term &gt; div.primary.raised:hover.disabled .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.raised.fr-btn:hover.disabled:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .primary.raised.more-info:hover.disabled .count {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-button.secondary.raised:hover .count,
.student-instructions-modal .secondary.raised.copy-instructions-to-clipboard-button:hover .count,
.zybook-configure-panel .panel-content .secondary.raised.move-sections-button:hover .count,
.subscribe-student-panel .secondary.raised.already-paid:hover .count,
.modify-section .toolbar-container .toolbar-card .secondary.raised.show-me-how-link:hover .count,
.instructor-note-container .secondary.raised.show-edit-instructor-note-icon:hover .count,
.assignment-section-summary .secondary.raised.next-section-link:hover .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button:hover .count,
.zybook-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button:hover .count,
.view-request-card .secondary.raised.back-to-library-link:hover .count,
.review-adoption .secondary.raised.back-to-library-link:hover .count,
details &gt; summary.secondary.raised:hover .count,
.pythonTutor .ExecutionVisualizer #vcrControls .secondary.raised.button:hover .count,
.definition-match-payload .definition-match-term &gt; div.secondary.raised:hover .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.raised.fr-btn:hover:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .secondary.raised.more-info:hover .count {
  background-color: hsl(calc(var(--zb-semantic-color-button-count-raised-background-h) + 0deg), calc(var(--zb-semantic-color-button-count-raised-background-s) + 0%), calc(var(--zb-semantic-color-button-count-raised-background-l) + 0%), calc(var(--zb-semantic-color-button-count-raised-background-a) + 0));
}
.zb-button.secondary.raised:hover[aria-disabled=true] .count, .zb-button.secondary.raised:hover[disabled] .count, .zb-button.secondary.raised:hover.disabled .count,
.student-instructions-modal .secondary.raised.copy-instructions-to-clipboard-button:hover[aria-disabled=true] .count,
.zybook-configure-panel .panel-content .secondary.raised.move-sections-button:hover[aria-disabled=true] .count,
.subscribe-student-panel .secondary.raised.already-paid:hover[aria-disabled=true] .count,
.modify-section .toolbar-container .toolbar-card .secondary.raised.show-me-how-link:hover[aria-disabled=true] .count,
.instructor-note-container .secondary.raised.show-edit-instructor-note-icon:hover[aria-disabled=true] .count,
.assignment-section-summary .secondary.raised.next-section-link:hover[aria-disabled=true] .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button:hover[aria-disabled=true] .count,
.zybook-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button:hover[aria-disabled=true] .count,
.view-request-card .secondary.raised.back-to-library-link:hover[aria-disabled=true] .count,
.review-adoption .secondary.raised.back-to-library-link:hover[aria-disabled=true] .count,
details &gt; summary.secondary.raised:hover[aria-disabled=true] .count,
.pythonTutor .ExecutionVisualizer #vcrControls .secondary.raised.button:hover[aria-disabled=true] .count,
.definition-match-payload .definition-match-term &gt; div.secondary.raised:hover[aria-disabled=true] .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.raised.fr-btn:hover[aria-disabled=true]:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .secondary.raised.more-info:hover[aria-disabled=true] .count,
.student-instructions-modal .secondary.raised.copy-instructions-to-clipboard-button:hover[disabled] .count,
.zybook-configure-panel .panel-content .secondary.raised.move-sections-button:hover[disabled] .count,
.subscribe-student-panel .secondary.raised.already-paid:hover[disabled] .count,
.modify-section .toolbar-container .toolbar-card .secondary.raised.show-me-how-link:hover[disabled] .count,
.instructor-note-container .secondary.raised.show-edit-instructor-note-icon:hover[disabled] .count,
.assignment-section-summary .secondary.raised.next-section-link:hover[disabled] .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button:hover[disabled] .count,
.zybook-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button:hover[disabled] .count,
.view-request-card .secondary.raised.back-to-library-link:hover[disabled] .count,
.review-adoption .secondary.raised.back-to-library-link:hover[disabled] .count,
details &gt; summary.secondary.raised:hover[disabled] .count,
.pythonTutor .ExecutionVisualizer #vcrControls .secondary.raised.button:hover[disabled] .count,
.definition-match-payload .definition-match-term &gt; div.secondary.raised:hover[disabled] .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.raised.fr-btn:hover[disabled]:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .secondary.raised.more-info:hover[disabled] .count,
.student-instructions-modal .secondary.raised.copy-instructions-to-clipboard-button:hover.disabled .count,
.zybook-configure-panel .panel-content .secondary.raised.move-sections-button:hover.disabled .count,
.subscribe-student-panel .secondary.raised.already-paid:hover.disabled .count,
.modify-section .toolbar-container .toolbar-card .secondary.raised.show-me-how-link:hover.disabled .count,
.instructor-note-container .secondary.raised.show-edit-instructor-note-icon:hover.disabled .count,
.assignment-section-summary .secondary.raised.next-section-link:hover.disabled .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button:hover.disabled .count,
.zybook-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button:hover.disabled .count,
.view-request-card .secondary.raised.back-to-library-link:hover.disabled .count,
.review-adoption .secondary.raised.back-to-library-link:hover.disabled .count,
details &gt; summary.secondary.raised:hover.disabled .count,
.pythonTutor .ExecutionVisualizer #vcrControls .secondary.raised.button:hover.disabled .count,
.definition-match-payload .definition-match-term &gt; div.secondary.raised:hover.disabled .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.raised.fr-btn:hover.disabled:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .secondary.raised.more-info:hover.disabled .count {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-button.warn.raised:hover .count,
.student-instructions-modal .warn.raised.copy-instructions-to-clipboard-button:hover .count,
.zybook-configure-panel .panel-content .warn.raised.move-sections-button:hover .count,
.subscribe-student-panel .warn.raised.already-paid:hover .count,
.modify-section .toolbar-container .toolbar-card .warn.raised.show-me-how-link:hover .count,
.instructor-note-container .warn.raised.show-edit-instructor-note-icon:hover .count,
.assignment-section-summary .warn.raised.next-section-link:hover .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .warn.raised.exit-button:hover .count,
.zybook-zylab-similarity-page .zb-toolbar .warn.raised.exit-button:hover .count,
.view-request-card .warn.raised.back-to-library-link:hover .count,
.review-adoption .warn.raised.back-to-library-link:hover .count,
details &gt; summary.warn.raised:hover .count,
.pythonTutor .ExecutionVisualizer #vcrControls .warn.raised.button:hover .count,
.definition-match-payload .definition-match-term &gt; div.warn.raised:hover .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.raised.fr-btn:hover:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .warn.raised.more-info:hover .count {
  background-color: hsl(calc(var(--zb-semantic-color-button-count-raised-background-h) + 0deg), calc(var(--zb-semantic-color-button-count-raised-background-s) + 0%), calc(var(--zb-semantic-color-button-count-raised-background-l) + 0%), calc(var(--zb-semantic-color-button-count-raised-background-a) + 0));
}
.zb-button.warn.raised:hover[aria-disabled=true] .count, .zb-button.warn.raised:hover[disabled] .count, .zb-button.warn.raised:hover.disabled .count,
.student-instructions-modal .warn.raised.copy-instructions-to-clipboard-button:hover[aria-disabled=true] .count,
.zybook-configure-panel .panel-content .warn.raised.move-sections-button:hover[aria-disabled=true] .count,
.subscribe-student-panel .warn.raised.already-paid:hover[aria-disabled=true] .count,
.modify-section .toolbar-container .toolbar-card .warn.raised.show-me-how-link:hover[aria-disabled=true] .count,
.instructor-note-container .warn.raised.show-edit-instructor-note-icon:hover[aria-disabled=true] .count,
.assignment-section-summary .warn.raised.next-section-link:hover[aria-disabled=true] .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .warn.raised.exit-button:hover[aria-disabled=true] .count,
.zybook-zylab-similarity-page .zb-toolbar .warn.raised.exit-button:hover[aria-disabled=true] .count,
.view-request-card .warn.raised.back-to-library-link:hover[aria-disabled=true] .count,
.review-adoption .warn.raised.back-to-library-link:hover[aria-disabled=true] .count,
details &gt; summary.warn.raised:hover[aria-disabled=true] .count,
.pythonTutor .ExecutionVisualizer #vcrControls .warn.raised.button:hover[aria-disabled=true] .count,
.definition-match-payload .definition-match-term &gt; div.warn.raised:hover[aria-disabled=true] .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.raised.fr-btn:hover[aria-disabled=true]:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .warn.raised.more-info:hover[aria-disabled=true] .count,
.student-instructions-modal .warn.raised.copy-instructions-to-clipboard-button:hover[disabled] .count,
.zybook-configure-panel .panel-content .warn.raised.move-sections-button:hover[disabled] .count,
.subscribe-student-panel .warn.raised.already-paid:hover[disabled] .count,
.modify-section .toolbar-container .toolbar-card .warn.raised.show-me-how-link:hover[disabled] .count,
.instructor-note-container .warn.raised.show-edit-instructor-note-icon:hover[disabled] .count,
.assignment-section-summary .warn.raised.next-section-link:hover[disabled] .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .warn.raised.exit-button:hover[disabled] .count,
.zybook-zylab-similarity-page .zb-toolbar .warn.raised.exit-button:hover[disabled] .count,
.view-request-card .warn.raised.back-to-library-link:hover[disabled] .count,
.review-adoption .warn.raised.back-to-library-link:hover[disabled] .count,
details &gt; summary.warn.raised:hover[disabled] .count,
.pythonTutor .ExecutionVisualizer #vcrControls .warn.raised.button:hover[disabled] .count,
.definition-match-payload .definition-match-term &gt; div.warn.raised:hover[disabled] .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.raised.fr-btn:hover[disabled]:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .warn.raised.more-info:hover[disabled] .count,
.student-instructions-modal .warn.raised.copy-instructions-to-clipboard-button:hover.disabled .count,
.zybook-configure-panel .panel-content .warn.raised.move-sections-button:hover.disabled .count,
.subscribe-student-panel .warn.raised.already-paid:hover.disabled .count,
.modify-section .toolbar-container .toolbar-card .warn.raised.show-me-how-link:hover.disabled .count,
.instructor-note-container .warn.raised.show-edit-instructor-note-icon:hover.disabled .count,
.assignment-section-summary .warn.raised.next-section-link:hover.disabled .count,
.zybook-advanced-zylab-similarity-page .zb-toolbar .warn.raised.exit-button:hover.disabled .count,
.zybook-zylab-similarity-page .zb-toolbar .warn.raised.exit-button:hover.disabled .count,
.view-request-card .warn.raised.back-to-library-link:hover.disabled .count,
.review-adoption .warn.raised.back-to-library-link:hover.disabled .count,
details &gt; summary.warn.raised:hover.disabled .count,
.pythonTutor .ExecutionVisualizer #vcrControls .warn.raised.button:hover.disabled .count,
.definition-match-payload .definition-match-term &gt; div.warn.raised:hover.disabled .count,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.raised.fr-btn:hover.disabled:last-child .count,
.zb-feedback .expanded-feedback .zb-control-row .warn.raised.more-info:hover.disabled .count {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
@media (hover: hover) {
  .zb-button:hover,
  .zb-button:hover i,
  .student-instructions-modal .copy-instructions-to-clipboard-button:hover,
  .zybook-configure-panel .panel-content .move-sections-button:hover,
  .subscribe-student-panel .already-paid:hover,
  .modify-section .toolbar-container .toolbar-card .show-me-how-link:hover,
  .instructor-note-container .show-edit-instructor-note-icon:hover,
  .assignment-section-summary .next-section-link:hover,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .exit-button:hover,
  .zybook-zylab-similarity-page .zb-toolbar .exit-button:hover,
  .view-request-card .back-to-library-link:hover,
  .review-adoption .back-to-library-link:hover,
  details &gt; summary:hover,
  .pythonTutor .ExecutionVisualizer #vcrControls .button:hover,
  .definition-match-payload .definition-match-term &gt; div:hover,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .fr-btn:hover:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .more-info:hover,
  .student-instructions-modal .copy-instructions-to-clipboard-button:hover i,
  .zybook-configure-panel .panel-content .move-sections-button:hover i,
  .subscribe-student-panel .already-paid:hover i,
  .modify-section .toolbar-container .toolbar-card .show-me-how-link:hover i,
  .instructor-note-container .show-edit-instructor-note-icon:hover i,
  .assignment-section-summary .next-section-link:hover i,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .exit-button:hover i,
  .zybook-zylab-similarity-page .zb-toolbar .exit-button:hover i,
  .view-request-card .back-to-library-link:hover i,
  .review-adoption .back-to-library-link:hover i,
  details &gt; summary:hover i,
  .pythonTutor .ExecutionVisualizer #vcrControls .button:hover i,
  .definition-match-payload .definition-match-term &gt; div:hover i,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .fr-btn:hover:last-child i,
  .zb-feedback .expanded-feedback .zb-control-row .more-info:hover i {
    color: hsl(calc(var(--zb-semantic-color-button-hover-default-h) + 0deg), calc(var(--zb-semantic-color-button-hover-default-s) + 0%), calc(var(--zb-semantic-color-button-hover-default-l) + 0%), calc(var(--zb-semantic-color-button-hover-default-a) + 0));
  }
  .zb-button:hover.raised,
  .student-instructions-modal .copy-instructions-to-clipboard-button:hover.raised,
  .zybook-configure-panel .panel-content .move-sections-button:hover.raised,
  .subscribe-student-panel .already-paid:hover.raised,
  .modify-section .toolbar-container .toolbar-card .show-me-how-link:hover.raised,
  .instructor-note-container .show-edit-instructor-note-icon:hover.raised,
  .assignment-section-summary .next-section-link:hover.raised,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .exit-button:hover.raised,
  .zybook-zylab-similarity-page .zb-toolbar .exit-button:hover.raised,
  .view-request-card .back-to-library-link:hover.raised,
  .review-adoption .back-to-library-link:hover.raised,
  details &gt; summary:hover.raised,
  .pythonTutor .ExecutionVisualizer #vcrControls .button:hover.raised,
  .definition-match-payload .definition-match-term &gt; div:hover.raised,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .fr-btn:hover.raised:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .more-info:hover.raised {
    background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-hover-default-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-hover-default-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-default-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-default-a) + 0));
    color: hsl(calc(var(--zb-semantic-color-button-raised-h) + 0deg), calc(var(--zb-semantic-color-button-raised-s) + 0%), calc(var(--zb-semantic-color-button-raised-l) + 0%), calc(var(--zb-semantic-color-button-raised-a) + 0));
  }
  .zb-button:hover[aria-disabled=true], .zb-button:hover[disabled], .zb-button:hover.disabled,
  .student-instructions-modal .copy-instructions-to-clipboard-button:hover[aria-disabled=true],
  .zybook-configure-panel .panel-content .move-sections-button:hover[aria-disabled=true],
  .subscribe-student-panel .already-paid:hover[aria-disabled=true],
  .modify-section .toolbar-container .toolbar-card .show-me-how-link:hover[aria-disabled=true],
  .instructor-note-container .show-edit-instructor-note-icon:hover[aria-disabled=true],
  .assignment-section-summary .next-section-link:hover[aria-disabled=true],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .exit-button:hover[aria-disabled=true],
  .zybook-zylab-similarity-page .zb-toolbar .exit-button:hover[aria-disabled=true],
  .view-request-card .back-to-library-link:hover[aria-disabled=true],
  .review-adoption .back-to-library-link:hover[aria-disabled=true],
  details &gt; summary:hover[aria-disabled=true],
  .pythonTutor .ExecutionVisualizer #vcrControls .button:hover[aria-disabled=true],
  .definition-match-payload .definition-match-term &gt; div:hover[aria-disabled=true],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .fr-btn:hover[aria-disabled=true]:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .more-info:hover[aria-disabled=true],
  .student-instructions-modal .copy-instructions-to-clipboard-button:hover[disabled],
  .zybook-configure-panel .panel-content .move-sections-button:hover[disabled],
  .subscribe-student-panel .already-paid:hover[disabled],
  .modify-section .toolbar-container .toolbar-card .show-me-how-link:hover[disabled],
  .instructor-note-container .show-edit-instructor-note-icon:hover[disabled],
  .assignment-section-summary .next-section-link:hover[disabled],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .exit-button:hover[disabled],
  .zybook-zylab-similarity-page .zb-toolbar .exit-button:hover[disabled],
  .view-request-card .back-to-library-link:hover[disabled],
  .review-adoption .back-to-library-link:hover[disabled],
  details &gt; summary:hover[disabled],
  .pythonTutor .ExecutionVisualizer #vcrControls .button:hover[disabled],
  .definition-match-payload .definition-match-term &gt; div:hover[disabled],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .fr-btn:hover[disabled]:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .more-info:hover[disabled],
  .student-instructions-modal .copy-instructions-to-clipboard-button:hover.disabled,
  .zybook-configure-panel .panel-content .move-sections-button:hover.disabled,
  .subscribe-student-panel .already-paid:hover.disabled,
  .modify-section .toolbar-container .toolbar-card .show-me-how-link:hover.disabled,
  .instructor-note-container .show-edit-instructor-note-icon:hover.disabled,
  .assignment-section-summary .next-section-link:hover.disabled,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .exit-button:hover.disabled,
  .zybook-zylab-similarity-page .zb-toolbar .exit-button:hover.disabled,
  .view-request-card .back-to-library-link:hover.disabled,
  .review-adoption .back-to-library-link:hover.disabled,
  details &gt; summary:hover.disabled,
  .pythonTutor .ExecutionVisualizer #vcrControls .button:hover.disabled,
  .definition-match-payload .definition-match-term &gt; div:hover.disabled,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .fr-btn:hover.disabled:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .more-info:hover.disabled {
    color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  }
  .zb-button:hover[aria-disabled=true] i, .zb-button:hover[disabled] i, .zb-button:hover.disabled i,
  .student-instructions-modal .copy-instructions-to-clipboard-button:hover[aria-disabled=true] i,
  .zybook-configure-panel .panel-content .move-sections-button:hover[aria-disabled=true] i,
  .subscribe-student-panel .already-paid:hover[aria-disabled=true] i,
  .modify-section .toolbar-container .toolbar-card .show-me-how-link:hover[aria-disabled=true] i,
  .instructor-note-container .show-edit-instructor-note-icon:hover[aria-disabled=true] i,
  .assignment-section-summary .next-section-link:hover[aria-disabled=true] i,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .exit-button:hover[aria-disabled=true] i,
  .zybook-zylab-similarity-page .zb-toolbar .exit-button:hover[aria-disabled=true] i,
  .view-request-card .back-to-library-link:hover[aria-disabled=true] i,
  .review-adoption .back-to-library-link:hover[aria-disabled=true] i,
  details &gt; summary:hover[aria-disabled=true] i,
  .pythonTutor .ExecutionVisualizer #vcrControls .button:hover[aria-disabled=true] i,
  .definition-match-payload .definition-match-term &gt; div:hover[aria-disabled=true] i,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .fr-btn:hover[aria-disabled=true]:last-child i,
  .zb-feedback .expanded-feedback .zb-control-row .more-info:hover[aria-disabled=true] i,
  .student-instructions-modal .copy-instructions-to-clipboard-button:hover[disabled] i,
  .zybook-configure-panel .panel-content .move-sections-button:hover[disabled] i,
  .subscribe-student-panel .already-paid:hover[disabled] i,
  .modify-section .toolbar-container .toolbar-card .show-me-how-link:hover[disabled] i,
  .instructor-note-container .show-edit-instructor-note-icon:hover[disabled] i,
  .assignment-section-summary .next-section-link:hover[disabled] i,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .exit-button:hover[disabled] i,
  .zybook-zylab-similarity-page .zb-toolbar .exit-button:hover[disabled] i,
  .view-request-card .back-to-library-link:hover[disabled] i,
  .review-adoption .back-to-library-link:hover[disabled] i,
  details &gt; summary:hover[disabled] i,
  .pythonTutor .ExecutionVisualizer #vcrControls .button:hover[disabled] i,
  .definition-match-payload .definition-match-term &gt; div:hover[disabled] i,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .fr-btn:hover[disabled]:last-child i,
  .zb-feedback .expanded-feedback .zb-control-row .more-info:hover[disabled] i,
  .student-instructions-modal .copy-instructions-to-clipboard-button:hover.disabled i,
  .zybook-configure-panel .panel-content .move-sections-button:hover.disabled i,
  .subscribe-student-panel .already-paid:hover.disabled i,
  .modify-section .toolbar-container .toolbar-card .show-me-how-link:hover.disabled i,
  .instructor-note-container .show-edit-instructor-note-icon:hover.disabled i,
  .assignment-section-summary .next-section-link:hover.disabled i,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .exit-button:hover.disabled i,
  .zybook-zylab-similarity-page .zb-toolbar .exit-button:hover.disabled i,
  .view-request-card .back-to-library-link:hover.disabled i,
  .review-adoption .back-to-library-link:hover.disabled i,
  details &gt; summary:hover.disabled i,
  .pythonTutor .ExecutionVisualizer #vcrControls .button:hover.disabled i,
  .definition-match-payload .definition-match-term &gt; div:hover.disabled i,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .fr-btn:hover.disabled:last-child i,
  .zb-feedback .expanded-feedback .zb-control-row .more-info:hover.disabled i {
    color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  }
  .zb-button:hover[aria-disabled=true].raised, .zb-button:hover[disabled].raised, .zb-button:hover.disabled.raised,
  .student-instructions-modal .copy-instructions-to-clipboard-button:hover[aria-disabled=true].raised,
  .zybook-configure-panel .panel-content .move-sections-button:hover[aria-disabled=true].raised,
  .subscribe-student-panel .already-paid:hover[aria-disabled=true].raised,
  .modify-section .toolbar-container .toolbar-card .show-me-how-link:hover[aria-disabled=true].raised,
  .instructor-note-container .show-edit-instructor-note-icon:hover[aria-disabled=true].raised,
  .assignment-section-summary .next-section-link:hover[aria-disabled=true].raised,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .exit-button:hover[aria-disabled=true].raised,
  .zybook-zylab-similarity-page .zb-toolbar .exit-button:hover[aria-disabled=true].raised,
  .view-request-card .back-to-library-link:hover[aria-disabled=true].raised,
  .review-adoption .back-to-library-link:hover[aria-disabled=true].raised,
  details &gt; summary:hover[aria-disabled=true].raised,
  .pythonTutor .ExecutionVisualizer #vcrControls .button:hover[aria-disabled=true].raised,
  .definition-match-payload .definition-match-term &gt; div:hover[aria-disabled=true].raised,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .fr-btn:hover[aria-disabled=true].raised:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .more-info:hover[aria-disabled=true].raised,
  .student-instructions-modal .copy-instructions-to-clipboard-button:hover[disabled].raised,
  .zybook-configure-panel .panel-content .move-sections-button:hover[disabled].raised,
  .subscribe-student-panel .already-paid:hover[disabled].raised,
  .modify-section .toolbar-container .toolbar-card .show-me-how-link:hover[disabled].raised,
  .instructor-note-container .show-edit-instructor-note-icon:hover[disabled].raised,
  .assignment-section-summary .next-section-link:hover[disabled].raised,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .exit-button:hover[disabled].raised,
  .zybook-zylab-similarity-page .zb-toolbar .exit-button:hover[disabled].raised,
  .view-request-card .back-to-library-link:hover[disabled].raised,
  .review-adoption .back-to-library-link:hover[disabled].raised,
  details &gt; summary:hover[disabled].raised,
  .pythonTutor .ExecutionVisualizer #vcrControls .button:hover[disabled].raised,
  .definition-match-payload .definition-match-term &gt; div:hover[disabled].raised,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .fr-btn:hover[disabled].raised:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .more-info:hover[disabled].raised,
  .student-instructions-modal .copy-instructions-to-clipboard-button:hover.disabled.raised,
  .zybook-configure-panel .panel-content .move-sections-button:hover.disabled.raised,
  .subscribe-student-panel .already-paid:hover.disabled.raised,
  .modify-section .toolbar-container .toolbar-card .show-me-how-link:hover.disabled.raised,
  .instructor-note-container .show-edit-instructor-note-icon:hover.disabled.raised,
  .assignment-section-summary .next-section-link:hover.disabled.raised,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .exit-button:hover.disabled.raised,
  .zybook-zylab-similarity-page .zb-toolbar .exit-button:hover.disabled.raised,
  .view-request-card .back-to-library-link:hover.disabled.raised,
  .review-adoption .back-to-library-link:hover.disabled.raised,
  details &gt; summary:hover.disabled.raised,
  .pythonTutor .ExecutionVisualizer #vcrControls .button:hover.disabled.raised,
  .definition-match-payload .definition-match-term &gt; div:hover.disabled.raised,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .fr-btn:hover.disabled.raised:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .more-info:hover.disabled.raised {
    background-color: hsl(calc(var(--zb-semantic-color-disabled-background-h) + 0deg), calc(var(--zb-semantic-color-disabled-background-s) + 0%), calc(var(--zb-semantic-color-disabled-background-l) + 0%), calc(var(--zb-semantic-color-disabled-background-a) + 0));
  }
  .zb-button.primary.raised:hover,
  .student-instructions-modal .primary.raised.copy-instructions-to-clipboard-button:hover,
  .zybook-configure-panel .panel-content .primary.raised.move-sections-button:hover,
  .subscribe-student-panel .primary.raised.already-paid:hover,
  .modify-section .toolbar-container .toolbar-card .primary.raised.show-me-how-link:hover,
  .instructor-note-container .primary.raised.show-edit-instructor-note-icon:hover,
  .assignment-section-summary .primary.raised.next-section-link:hover,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .primary.raised.exit-button:hover,
  .zybook-zylab-similarity-page .zb-toolbar .primary.raised.exit-button:hover,
  .view-request-card .primary.raised.back-to-library-link:hover,
  .review-adoption .primary.raised.back-to-library-link:hover,
  details &gt; summary.primary.raised:hover,
  .pythonTutor .ExecutionVisualizer #vcrControls .primary.raised.button:hover,
  .definition-match-payload .definition-match-term &gt; div.primary.raised:hover,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.raised.fr-btn:hover:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .primary.raised.more-info:hover {
    background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-hover-primary-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-hover-primary-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-primary-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-primary-a) + 0));
  }
  .zb-button.primary.raised:hover[aria-disabled=true], .zb-button.primary.raised:hover[disabled], .zb-button.primary.raised:hover.disabled,
  .student-instructions-modal .primary.raised.copy-instructions-to-clipboard-button:hover[aria-disabled=true],
  .zybook-configure-panel .panel-content .primary.raised.move-sections-button:hover[aria-disabled=true],
  .subscribe-student-panel .primary.raised.already-paid:hover[aria-disabled=true],
  .modify-section .toolbar-container .toolbar-card .primary.raised.show-me-how-link:hover[aria-disabled=true],
  .instructor-note-container .primary.raised.show-edit-instructor-note-icon:hover[aria-disabled=true],
  .assignment-section-summary .primary.raised.next-section-link:hover[aria-disabled=true],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .primary.raised.exit-button:hover[aria-disabled=true],
  .zybook-zylab-similarity-page .zb-toolbar .primary.raised.exit-button:hover[aria-disabled=true],
  .view-request-card .primary.raised.back-to-library-link:hover[aria-disabled=true],
  .review-adoption .primary.raised.back-to-library-link:hover[aria-disabled=true],
  details &gt; summary.primary.raised:hover[aria-disabled=true],
  .pythonTutor .ExecutionVisualizer #vcrControls .primary.raised.button:hover[aria-disabled=true],
  .definition-match-payload .definition-match-term &gt; div.primary.raised:hover[aria-disabled=true],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.raised.fr-btn:hover[aria-disabled=true]:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .primary.raised.more-info:hover[aria-disabled=true],
  .student-instructions-modal .primary.raised.copy-instructions-to-clipboard-button:hover[disabled],
  .zybook-configure-panel .panel-content .primary.raised.move-sections-button:hover[disabled],
  .subscribe-student-panel .primary.raised.already-paid:hover[disabled],
  .modify-section .toolbar-container .toolbar-card .primary.raised.show-me-how-link:hover[disabled],
  .instructor-note-container .primary.raised.show-edit-instructor-note-icon:hover[disabled],
  .assignment-section-summary .primary.raised.next-section-link:hover[disabled],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .primary.raised.exit-button:hover[disabled],
  .zybook-zylab-similarity-page .zb-toolbar .primary.raised.exit-button:hover[disabled],
  .view-request-card .primary.raised.back-to-library-link:hover[disabled],
  .review-adoption .primary.raised.back-to-library-link:hover[disabled],
  details &gt; summary.primary.raised:hover[disabled],
  .pythonTutor .ExecutionVisualizer #vcrControls .primary.raised.button:hover[disabled],
  .definition-match-payload .definition-match-term &gt; div.primary.raised:hover[disabled],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.raised.fr-btn:hover[disabled]:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .primary.raised.more-info:hover[disabled],
  .student-instructions-modal .primary.raised.copy-instructions-to-clipboard-button:hover.disabled,
  .zybook-configure-panel .panel-content .primary.raised.move-sections-button:hover.disabled,
  .subscribe-student-panel .primary.raised.already-paid:hover.disabled,
  .modify-section .toolbar-container .toolbar-card .primary.raised.show-me-how-link:hover.disabled,
  .instructor-note-container .primary.raised.show-edit-instructor-note-icon:hover.disabled,
  .assignment-section-summary .primary.raised.next-section-link:hover.disabled,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .primary.raised.exit-button:hover.disabled,
  .zybook-zylab-similarity-page .zb-toolbar .primary.raised.exit-button:hover.disabled,
  .view-request-card .primary.raised.back-to-library-link:hover.disabled,
  .review-adoption .primary.raised.back-to-library-link:hover.disabled,
  details &gt; summary.primary.raised:hover.disabled,
  .pythonTutor .ExecutionVisualizer #vcrControls .primary.raised.button:hover.disabled,
  .definition-match-payload .definition-match-term &gt; div.primary.raised:hover.disabled,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.raised.fr-btn:hover.disabled:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .primary.raised.more-info:hover.disabled {
    background-color: hsl(calc(var(--zb-semantic-color-disabled-background-h) + 0deg), calc(var(--zb-semantic-color-disabled-background-s) + 0%), calc(var(--zb-semantic-color-disabled-background-l) + 0%), calc(var(--zb-semantic-color-disabled-background-a) + 0));
  }
  .zb-button.secondary.raised:hover,
  .student-instructions-modal .secondary.raised.copy-instructions-to-clipboard-button:hover,
  .zybook-configure-panel .panel-content .secondary.raised.move-sections-button:hover,
  .subscribe-student-panel .secondary.raised.already-paid:hover,
  .modify-section .toolbar-container .toolbar-card .secondary.raised.show-me-how-link:hover,
  .instructor-note-container .secondary.raised.show-edit-instructor-note-icon:hover,
  .assignment-section-summary .secondary.raised.next-section-link:hover,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button:hover,
  .zybook-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button:hover,
  .view-request-card .secondary.raised.back-to-library-link:hover,
  .review-adoption .secondary.raised.back-to-library-link:hover,
  details &gt; summary.secondary.raised:hover,
  .pythonTutor .ExecutionVisualizer #vcrControls .secondary.raised.button:hover,
  .definition-match-payload .definition-match-term &gt; div.secondary.raised:hover,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.raised.fr-btn:hover:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .secondary.raised.more-info:hover {
    background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-hover-secondary-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-hover-secondary-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-secondary-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-secondary-a) + 0));
  }
  .zb-button.secondary.raised:hover[aria-disabled=true], .zb-button.secondary.raised:hover[disabled], .zb-button.secondary.raised:hover.disabled,
  .student-instructions-modal .secondary.raised.copy-instructions-to-clipboard-button:hover[aria-disabled=true],
  .zybook-configure-panel .panel-content .secondary.raised.move-sections-button:hover[aria-disabled=true],
  .subscribe-student-panel .secondary.raised.already-paid:hover[aria-disabled=true],
  .modify-section .toolbar-container .toolbar-card .secondary.raised.show-me-how-link:hover[aria-disabled=true],
  .instructor-note-container .secondary.raised.show-edit-instructor-note-icon:hover[aria-disabled=true],
  .assignment-section-summary .secondary.raised.next-section-link:hover[aria-disabled=true],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button:hover[aria-disabled=true],
  .zybook-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button:hover[aria-disabled=true],
  .view-request-card .secondary.raised.back-to-library-link:hover[aria-disabled=true],
  .review-adoption .secondary.raised.back-to-library-link:hover[aria-disabled=true],
  details &gt; summary.secondary.raised:hover[aria-disabled=true],
  .pythonTutor .ExecutionVisualizer #vcrControls .secondary.raised.button:hover[aria-disabled=true],
  .definition-match-payload .definition-match-term &gt; div.secondary.raised:hover[aria-disabled=true],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.raised.fr-btn:hover[aria-disabled=true]:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .secondary.raised.more-info:hover[aria-disabled=true],
  .student-instructions-modal .secondary.raised.copy-instructions-to-clipboard-button:hover[disabled],
  .zybook-configure-panel .panel-content .secondary.raised.move-sections-button:hover[disabled],
  .subscribe-student-panel .secondary.raised.already-paid:hover[disabled],
  .modify-section .toolbar-container .toolbar-card .secondary.raised.show-me-how-link:hover[disabled],
  .instructor-note-container .secondary.raised.show-edit-instructor-note-icon:hover[disabled],
  .assignment-section-summary .secondary.raised.next-section-link:hover[disabled],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button:hover[disabled],
  .zybook-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button:hover[disabled],
  .view-request-card .secondary.raised.back-to-library-link:hover[disabled],
  .review-adoption .secondary.raised.back-to-library-link:hover[disabled],
  details &gt; summary.secondary.raised:hover[disabled],
  .pythonTutor .ExecutionVisualizer #vcrControls .secondary.raised.button:hover[disabled],
  .definition-match-payload .definition-match-term &gt; div.secondary.raised:hover[disabled],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.raised.fr-btn:hover[disabled]:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .secondary.raised.more-info:hover[disabled],
  .student-instructions-modal .secondary.raised.copy-instructions-to-clipboard-button:hover.disabled,
  .zybook-configure-panel .panel-content .secondary.raised.move-sections-button:hover.disabled,
  .subscribe-student-panel .secondary.raised.already-paid:hover.disabled,
  .modify-section .toolbar-container .toolbar-card .secondary.raised.show-me-how-link:hover.disabled,
  .instructor-note-container .secondary.raised.show-edit-instructor-note-icon:hover.disabled,
  .assignment-section-summary .secondary.raised.next-section-link:hover.disabled,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button:hover.disabled,
  .zybook-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button:hover.disabled,
  .view-request-card .secondary.raised.back-to-library-link:hover.disabled,
  .review-adoption .secondary.raised.back-to-library-link:hover.disabled,
  details &gt; summary.secondary.raised:hover.disabled,
  .pythonTutor .ExecutionVisualizer #vcrControls .secondary.raised.button:hover.disabled,
  .definition-match-payload .definition-match-term &gt; div.secondary.raised:hover.disabled,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.raised.fr-btn:hover.disabled:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .secondary.raised.more-info:hover.disabled {
    background-color: hsl(calc(var(--zb-semantic-color-disabled-background-h) + 0deg), calc(var(--zb-semantic-color-disabled-background-s) + 0%), calc(var(--zb-semantic-color-disabled-background-l) + 0%), calc(var(--zb-semantic-color-disabled-background-a) + 0));
  }
  .zb-button.green.raised:hover,
  .student-instructions-modal .green.raised.copy-instructions-to-clipboard-button:hover,
  .zybook-configure-panel .panel-content .green.raised.move-sections-button:hover,
  .subscribe-student-panel .green.raised.already-paid:hover,
  .modify-section .toolbar-container .toolbar-card .green.raised.show-me-how-link:hover,
  .instructor-note-container .green.raised.show-edit-instructor-note-icon:hover,
  .assignment-section-summary .green.raised.next-section-link:hover,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .green.raised.exit-button:hover,
  .zybook-zylab-similarity-page .zb-toolbar .green.raised.exit-button:hover,
  .view-request-card .green.raised.back-to-library-link:hover,
  .review-adoption .green.raised.back-to-library-link:hover,
  details &gt; summary.green.raised:hover,
  .pythonTutor .ExecutionVisualizer #vcrControls .green.raised.button:hover,
  .definition-match-payload .definition-match-term &gt; div.green.raised:hover,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.raised.fr-btn:hover:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .green.raised.more-info:hover {
    background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-hover-green-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-hover-green-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-green-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-green-a) + 0));
  }
  .zb-button.green.raised:hover[aria-disabled=true], .zb-button.green.raised:hover[disabled], .zb-button.green.raised:hover.disabled,
  .student-instructions-modal .green.raised.copy-instructions-to-clipboard-button:hover[aria-disabled=true],
  .zybook-configure-panel .panel-content .green.raised.move-sections-button:hover[aria-disabled=true],
  .subscribe-student-panel .green.raised.already-paid:hover[aria-disabled=true],
  .modify-section .toolbar-container .toolbar-card .green.raised.show-me-how-link:hover[aria-disabled=true],
  .instructor-note-container .green.raised.show-edit-instructor-note-icon:hover[aria-disabled=true],
  .assignment-section-summary .green.raised.next-section-link:hover[aria-disabled=true],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .green.raised.exit-button:hover[aria-disabled=true],
  .zybook-zylab-similarity-page .zb-toolbar .green.raised.exit-button:hover[aria-disabled=true],
  .view-request-card .green.raised.back-to-library-link:hover[aria-disabled=true],
  .review-adoption .green.raised.back-to-library-link:hover[aria-disabled=true],
  details &gt; summary.green.raised:hover[aria-disabled=true],
  .pythonTutor .ExecutionVisualizer #vcrControls .green.raised.button:hover[aria-disabled=true],
  .definition-match-payload .definition-match-term &gt; div.green.raised:hover[aria-disabled=true],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.raised.fr-btn:hover[aria-disabled=true]:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .green.raised.more-info:hover[aria-disabled=true],
  .student-instructions-modal .green.raised.copy-instructions-to-clipboard-button:hover[disabled],
  .zybook-configure-panel .panel-content .green.raised.move-sections-button:hover[disabled],
  .subscribe-student-panel .green.raised.already-paid:hover[disabled],
  .modify-section .toolbar-container .toolbar-card .green.raised.show-me-how-link:hover[disabled],
  .instructor-note-container .green.raised.show-edit-instructor-note-icon:hover[disabled],
  .assignment-section-summary .green.raised.next-section-link:hover[disabled],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .green.raised.exit-button:hover[disabled],
  .zybook-zylab-similarity-page .zb-toolbar .green.raised.exit-button:hover[disabled],
  .view-request-card .green.raised.back-to-library-link:hover[disabled],
  .review-adoption .green.raised.back-to-library-link:hover[disabled],
  details &gt; summary.green.raised:hover[disabled],
  .pythonTutor .ExecutionVisualizer #vcrControls .green.raised.button:hover[disabled],
  .definition-match-payload .definition-match-term &gt; div.green.raised:hover[disabled],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.raised.fr-btn:hover[disabled]:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .green.raised.more-info:hover[disabled],
  .student-instructions-modal .green.raised.copy-instructions-to-clipboard-button:hover.disabled,
  .zybook-configure-panel .panel-content .green.raised.move-sections-button:hover.disabled,
  .subscribe-student-panel .green.raised.already-paid:hover.disabled,
  .modify-section .toolbar-container .toolbar-card .green.raised.show-me-how-link:hover.disabled,
  .instructor-note-container .green.raised.show-edit-instructor-note-icon:hover.disabled,
  .assignment-section-summary .green.raised.next-section-link:hover.disabled,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .green.raised.exit-button:hover.disabled,
  .zybook-zylab-similarity-page .zb-toolbar .green.raised.exit-button:hover.disabled,
  .view-request-card .green.raised.back-to-library-link:hover.disabled,
  .review-adoption .green.raised.back-to-library-link:hover.disabled,
  details &gt; summary.green.raised:hover.disabled,
  .pythonTutor .ExecutionVisualizer #vcrControls .green.raised.button:hover.disabled,
  .definition-match-payload .definition-match-term &gt; div.green.raised:hover.disabled,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.raised.fr-btn:hover.disabled:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .green.raised.more-info:hover.disabled {
    background-color: hsl(calc(var(--zb-semantic-color-disabled-background-h) + 0deg), calc(var(--zb-semantic-color-disabled-background-s) + 0%), calc(var(--zb-semantic-color-disabled-background-l) + 0%), calc(var(--zb-semantic-color-disabled-background-a) + 0));
  }
  .zb-button.warn.raised:hover,
  .student-instructions-modal .warn.raised.copy-instructions-to-clipboard-button:hover,
  .zybook-configure-panel .panel-content .warn.raised.move-sections-button:hover,
  .subscribe-student-panel .warn.raised.already-paid:hover,
  .modify-section .toolbar-container .toolbar-card .warn.raised.show-me-how-link:hover,
  .instructor-note-container .warn.raised.show-edit-instructor-note-icon:hover,
  .assignment-section-summary .warn.raised.next-section-link:hover,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .warn.raised.exit-button:hover,
  .zybook-zylab-similarity-page .zb-toolbar .warn.raised.exit-button:hover,
  .view-request-card .warn.raised.back-to-library-link:hover,
  .review-adoption .warn.raised.back-to-library-link:hover,
  details &gt; summary.warn.raised:hover,
  .pythonTutor .ExecutionVisualizer #vcrControls .warn.raised.button:hover,
  .definition-match-payload .definition-match-term &gt; div.warn.raised:hover,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.raised.fr-btn:hover:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .warn.raised.more-info:hover {
    background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-hover-warn-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-hover-warn-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-warn-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-warn-a) + 0));
  }
  .zb-button.warn.raised:hover[aria-disabled=true], .zb-button.warn.raised:hover[disabled], .zb-button.warn.raised:hover.disabled,
  .student-instructions-modal .warn.raised.copy-instructions-to-clipboard-button:hover[aria-disabled=true],
  .zybook-configure-panel .panel-content .warn.raised.move-sections-button:hover[aria-disabled=true],
  .subscribe-student-panel .warn.raised.already-paid:hover[aria-disabled=true],
  .modify-section .toolbar-container .toolbar-card .warn.raised.show-me-how-link:hover[aria-disabled=true],
  .instructor-note-container .warn.raised.show-edit-instructor-note-icon:hover[aria-disabled=true],
  .assignment-section-summary .warn.raised.next-section-link:hover[aria-disabled=true],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .warn.raised.exit-button:hover[aria-disabled=true],
  .zybook-zylab-similarity-page .zb-toolbar .warn.raised.exit-button:hover[aria-disabled=true],
  .view-request-card .warn.raised.back-to-library-link:hover[aria-disabled=true],
  .review-adoption .warn.raised.back-to-library-link:hover[aria-disabled=true],
  details &gt; summary.warn.raised:hover[aria-disabled=true],
  .pythonTutor .ExecutionVisualizer #vcrControls .warn.raised.button:hover[aria-disabled=true],
  .definition-match-payload .definition-match-term &gt; div.warn.raised:hover[aria-disabled=true],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.raised.fr-btn:hover[aria-disabled=true]:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .warn.raised.more-info:hover[aria-disabled=true],
  .student-instructions-modal .warn.raised.copy-instructions-to-clipboard-button:hover[disabled],
  .zybook-configure-panel .panel-content .warn.raised.move-sections-button:hover[disabled],
  .subscribe-student-panel .warn.raised.already-paid:hover[disabled],
  .modify-section .toolbar-container .toolbar-card .warn.raised.show-me-how-link:hover[disabled],
  .instructor-note-container .warn.raised.show-edit-instructor-note-icon:hover[disabled],
  .assignment-section-summary .warn.raised.next-section-link:hover[disabled],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .warn.raised.exit-button:hover[disabled],
  .zybook-zylab-similarity-page .zb-toolbar .warn.raised.exit-button:hover[disabled],
  .view-request-card .warn.raised.back-to-library-link:hover[disabled],
  .review-adoption .warn.raised.back-to-library-link:hover[disabled],
  details &gt; summary.warn.raised:hover[disabled],
  .pythonTutor .ExecutionVisualizer #vcrControls .warn.raised.button:hover[disabled],
  .definition-match-payload .definition-match-term &gt; div.warn.raised:hover[disabled],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.raised.fr-btn:hover[disabled]:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .warn.raised.more-info:hover[disabled],
  .student-instructions-modal .warn.raised.copy-instructions-to-clipboard-button:hover.disabled,
  .zybook-configure-panel .panel-content .warn.raised.move-sections-button:hover.disabled,
  .subscribe-student-panel .warn.raised.already-paid:hover.disabled,
  .modify-section .toolbar-container .toolbar-card .warn.raised.show-me-how-link:hover.disabled,
  .instructor-note-container .warn.raised.show-edit-instructor-note-icon:hover.disabled,
  .assignment-section-summary .warn.raised.next-section-link:hover.disabled,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .warn.raised.exit-button:hover.disabled,
  .zybook-zylab-similarity-page .zb-toolbar .warn.raised.exit-button:hover.disabled,
  .view-request-card .warn.raised.back-to-library-link:hover.disabled,
  .review-adoption .warn.raised.back-to-library-link:hover.disabled,
  details &gt; summary.warn.raised:hover.disabled,
  .pythonTutor .ExecutionVisualizer #vcrControls .warn.raised.button:hover.disabled,
  .definition-match-payload .definition-match-term &gt; div.warn.raised:hover.disabled,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.raised.fr-btn:hover.disabled:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .warn.raised.more-info:hover.disabled {
    background-color: hsl(calc(var(--zb-semantic-color-disabled-background-h) + 0deg), calc(var(--zb-semantic-color-disabled-background-s) + 0%), calc(var(--zb-semantic-color-disabled-background-l) + 0%), calc(var(--zb-semantic-color-disabled-background-a) + 0));
  }
  .zb-button.grey.raised:hover,
  .student-instructions-modal .grey.raised.copy-instructions-to-clipboard-button:hover,
  .zybook-configure-panel .panel-content .grey.raised.move-sections-button:hover,
  .subscribe-student-panel .grey.raised.already-paid:hover,
  .modify-section .toolbar-container .toolbar-card .grey.raised.show-me-how-link:hover,
  .instructor-note-container .grey.raised.show-edit-instructor-note-icon:hover,
  .assignment-section-summary .grey.raised.next-section-link:hover,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .grey.raised.exit-button:hover,
  .zybook-zylab-similarity-page .zb-toolbar .grey.raised.exit-button:hover,
  .view-request-card .grey.raised.back-to-library-link:hover,
  .review-adoption .grey.raised.back-to-library-link:hover,
  details &gt; summary.grey.raised:hover,
  .pythonTutor .ExecutionVisualizer #vcrControls .grey.raised.button:hover,
  .definition-match-payload .definition-match-term &gt; div.grey.raised:hover,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.raised.fr-btn:hover:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .grey.raised.more-info:hover {
    background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-hover-grey-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-hover-grey-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-grey-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-grey-a) + 0));
  }
  .zb-button.grey.raised:hover[aria-disabled=true], .zb-button.grey.raised:hover[disabled], .zb-button.grey.raised:hover.disabled,
  .student-instructions-modal .grey.raised.copy-instructions-to-clipboard-button:hover[aria-disabled=true],
  .zybook-configure-panel .panel-content .grey.raised.move-sections-button:hover[aria-disabled=true],
  .subscribe-student-panel .grey.raised.already-paid:hover[aria-disabled=true],
  .modify-section .toolbar-container .toolbar-card .grey.raised.show-me-how-link:hover[aria-disabled=true],
  .instructor-note-container .grey.raised.show-edit-instructor-note-icon:hover[aria-disabled=true],
  .assignment-section-summary .grey.raised.next-section-link:hover[aria-disabled=true],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .grey.raised.exit-button:hover[aria-disabled=true],
  .zybook-zylab-similarity-page .zb-toolbar .grey.raised.exit-button:hover[aria-disabled=true],
  .view-request-card .grey.raised.back-to-library-link:hover[aria-disabled=true],
  .review-adoption .grey.raised.back-to-library-link:hover[aria-disabled=true],
  details &gt; summary.grey.raised:hover[aria-disabled=true],
  .pythonTutor .ExecutionVisualizer #vcrControls .grey.raised.button:hover[aria-disabled=true],
  .definition-match-payload .definition-match-term &gt; div.grey.raised:hover[aria-disabled=true],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.raised.fr-btn:hover[aria-disabled=true]:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .grey.raised.more-info:hover[aria-disabled=true],
  .student-instructions-modal .grey.raised.copy-instructions-to-clipboard-button:hover[disabled],
  .zybook-configure-panel .panel-content .grey.raised.move-sections-button:hover[disabled],
  .subscribe-student-panel .grey.raised.already-paid:hover[disabled],
  .modify-section .toolbar-container .toolbar-card .grey.raised.show-me-how-link:hover[disabled],
  .instructor-note-container .grey.raised.show-edit-instructor-note-icon:hover[disabled],
  .assignment-section-summary .grey.raised.next-section-link:hover[disabled],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .grey.raised.exit-button:hover[disabled],
  .zybook-zylab-similarity-page .zb-toolbar .grey.raised.exit-button:hover[disabled],
  .view-request-card .grey.raised.back-to-library-link:hover[disabled],
  .review-adoption .grey.raised.back-to-library-link:hover[disabled],
  details &gt; summary.grey.raised:hover[disabled],
  .pythonTutor .ExecutionVisualizer #vcrControls .grey.raised.button:hover[disabled],
  .definition-match-payload .definition-match-term &gt; div.grey.raised:hover[disabled],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.raised.fr-btn:hover[disabled]:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .grey.raised.more-info:hover[disabled],
  .student-instructions-modal .grey.raised.copy-instructions-to-clipboard-button:hover.disabled,
  .zybook-configure-panel .panel-content .grey.raised.move-sections-button:hover.disabled,
  .subscribe-student-panel .grey.raised.already-paid:hover.disabled,
  .modify-section .toolbar-container .toolbar-card .grey.raised.show-me-how-link:hover.disabled,
  .instructor-note-container .grey.raised.show-edit-instructor-note-icon:hover.disabled,
  .assignment-section-summary .grey.raised.next-section-link:hover.disabled,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .grey.raised.exit-button:hover.disabled,
  .zybook-zylab-similarity-page .zb-toolbar .grey.raised.exit-button:hover.disabled,
  .view-request-card .grey.raised.back-to-library-link:hover.disabled,
  .review-adoption .grey.raised.back-to-library-link:hover.disabled,
  details &gt; summary.grey.raised:hover.disabled,
  .pythonTutor .ExecutionVisualizer #vcrControls .grey.raised.button:hover.disabled,
  .definition-match-payload .definition-match-term &gt; div.grey.raised:hover.disabled,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.raised.fr-btn:hover.disabled:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .grey.raised.more-info:hover.disabled {
    background-color: hsl(calc(var(--zb-semantic-color-disabled-background-h) + 0deg), calc(var(--zb-semantic-color-disabled-background-s) + 0%), calc(var(--zb-semantic-color-disabled-background-l) + 0%), calc(var(--zb-semantic-color-disabled-background-a) + 0));
  }
  .zb-button.primary:hover, .zb-button.primary:hover i,
  .student-instructions-modal .primary.copy-instructions-to-clipboard-button:hover,
  .zybook-configure-panel .panel-content .primary.move-sections-button:hover,
  .subscribe-student-panel .primary.already-paid:hover,
  .modify-section .toolbar-container .toolbar-card .primary.show-me-how-link:hover,
  .instructor-note-container .primary.show-edit-instructor-note-icon:hover,
  .assignment-section-summary .primary.next-section-link:hover,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .primary.exit-button:hover,
  .zybook-zylab-similarity-page .zb-toolbar .primary.exit-button:hover,
  .view-request-card .primary.back-to-library-link:hover,
  .review-adoption .primary.back-to-library-link:hover,
  details &gt; summary.primary:hover,
  .pythonTutor .ExecutionVisualizer #vcrControls .primary.button:hover,
  .definition-match-payload .definition-match-term &gt; div.primary:hover,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.fr-btn:hover:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .primary.more-info:hover,
  .student-instructions-modal .primary.copy-instructions-to-clipboard-button:hover i,
  .zybook-configure-panel .panel-content .primary.move-sections-button:hover i,
  .subscribe-student-panel .primary.already-paid:hover i,
  .modify-section .toolbar-container .toolbar-card .primary.show-me-how-link:hover i,
  .instructor-note-container .primary.show-edit-instructor-note-icon:hover i,
  .assignment-section-summary .primary.next-section-link:hover i,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .primary.exit-button:hover i,
  .zybook-zylab-similarity-page .zb-toolbar .primary.exit-button:hover i,
  .view-request-card .primary.back-to-library-link:hover i,
  .review-adoption .primary.back-to-library-link:hover i,
  details &gt; summary.primary:hover i,
  .pythonTutor .ExecutionVisualizer #vcrControls .primary.button:hover i,
  .definition-match-payload .definition-match-term &gt; div.primary:hover i,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.fr-btn:hover:last-child i,
  .zb-feedback .expanded-feedback .zb-control-row .primary.more-info:hover i {
    color: hsl(calc(var(--zb-semantic-color-button-text-hover-h) + 0deg), calc(var(--zb-semantic-color-button-text-hover-s) + 0%), calc(var(--zb-semantic-color-button-text-hover-l) + 0%), calc(var(--zb-semantic-color-button-text-hover-a) + 0));
  }
  .zb-button.primary:hover .count, .zb-button.primary:hover i .count,
  .student-instructions-modal .primary.copy-instructions-to-clipboard-button:hover .count,
  .zybook-configure-panel .panel-content .primary.move-sections-button:hover .count,
  .subscribe-student-panel .primary.already-paid:hover .count,
  .modify-section .toolbar-container .toolbar-card .primary.show-me-how-link:hover .count,
  .instructor-note-container .primary.show-edit-instructor-note-icon:hover .count,
  .assignment-section-summary .primary.next-section-link:hover .count,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .primary.exit-button:hover .count,
  .zybook-zylab-similarity-page .zb-toolbar .primary.exit-button:hover .count,
  .view-request-card .primary.back-to-library-link:hover .count,
  .review-adoption .primary.back-to-library-link:hover .count,
  details &gt; summary.primary:hover .count,
  .pythonTutor .ExecutionVisualizer #vcrControls .primary.button:hover .count,
  .definition-match-payload .definition-match-term &gt; div.primary:hover .count,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.fr-btn:hover:last-child .count,
  .zb-feedback .expanded-feedback .zb-control-row .primary.more-info:hover .count {
    background-color: hsl(calc(var(--zb-semantic-color-button-text-hover-h) + 0deg), calc(var(--zb-semantic-color-button-text-hover-s) + 0%), calc(var(--zb-semantic-color-button-text-hover-l) + 0%), calc(var(--zb-semantic-color-button-text-hover-a) + 0));
  }
  .zb-button.primary:hover[aria-disabled=true], .zb-button.primary:hover[disabled], .zb-button.primary:hover.disabled, .zb-button.primary:hover i[aria-disabled=true], .zb-button.primary:hover i[disabled], .zb-button.primary:hover i.disabled,
  .student-instructions-modal .primary.copy-instructions-to-clipboard-button:hover[aria-disabled=true],
  .zybook-configure-panel .panel-content .primary.move-sections-button:hover[aria-disabled=true],
  .subscribe-student-panel .primary.already-paid:hover[aria-disabled=true],
  .modify-section .toolbar-container .toolbar-card .primary.show-me-how-link:hover[aria-disabled=true],
  .instructor-note-container .primary.show-edit-instructor-note-icon:hover[aria-disabled=true],
  .assignment-section-summary .primary.next-section-link:hover[aria-disabled=true],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .primary.exit-button:hover[aria-disabled=true],
  .zybook-zylab-similarity-page .zb-toolbar .primary.exit-button:hover[aria-disabled=true],
  .view-request-card .primary.back-to-library-link:hover[aria-disabled=true],
  .review-adoption .primary.back-to-library-link:hover[aria-disabled=true],
  details &gt; summary.primary:hover[aria-disabled=true],
  .pythonTutor .ExecutionVisualizer #vcrControls .primary.button:hover[aria-disabled=true],
  .definition-match-payload .definition-match-term &gt; div.primary:hover[aria-disabled=true],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.fr-btn:hover[aria-disabled=true]:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .primary.more-info:hover[aria-disabled=true],
  .student-instructions-modal .primary.copy-instructions-to-clipboard-button:hover[disabled],
  .zybook-configure-panel .panel-content .primary.move-sections-button:hover[disabled],
  .subscribe-student-panel .primary.already-paid:hover[disabled],
  .modify-section .toolbar-container .toolbar-card .primary.show-me-how-link:hover[disabled],
  .instructor-note-container .primary.show-edit-instructor-note-icon:hover[disabled],
  .assignment-section-summary .primary.next-section-link:hover[disabled],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .primary.exit-button:hover[disabled],
  .zybook-zylab-similarity-page .zb-toolbar .primary.exit-button:hover[disabled],
  .view-request-card .primary.back-to-library-link:hover[disabled],
  .review-adoption .primary.back-to-library-link:hover[disabled],
  details &gt; summary.primary:hover[disabled],
  .pythonTutor .ExecutionVisualizer #vcrControls .primary.button:hover[disabled],
  .definition-match-payload .definition-match-term &gt; div.primary:hover[disabled],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.fr-btn:hover[disabled]:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .primary.more-info:hover[disabled],
  .student-instructions-modal .primary.copy-instructions-to-clipboard-button:hover.disabled,
  .zybook-configure-panel .panel-content .primary.move-sections-button:hover.disabled,
  .subscribe-student-panel .primary.already-paid:hover.disabled,
  .modify-section .toolbar-container .toolbar-card .primary.show-me-how-link:hover.disabled,
  .instructor-note-container .primary.show-edit-instructor-note-icon:hover.disabled,
  .assignment-section-summary .primary.next-section-link:hover.disabled,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .primary.exit-button:hover.disabled,
  .zybook-zylab-similarity-page .zb-toolbar .primary.exit-button:hover.disabled,
  .view-request-card .primary.back-to-library-link:hover.disabled,
  .review-adoption .primary.back-to-library-link:hover.disabled,
  details &gt; summary.primary:hover.disabled,
  .pythonTutor .ExecutionVisualizer #vcrControls .primary.button:hover.disabled,
  .definition-match-payload .definition-match-term &gt; div.primary:hover.disabled,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.fr-btn:hover.disabled:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .primary.more-info:hover.disabled,
  .student-instructions-modal .primary.copy-instructions-to-clipboard-button:hover i[aria-disabled=true],
  .zybook-configure-panel .panel-content .primary.move-sections-button:hover i[aria-disabled=true],
  .subscribe-student-panel .primary.already-paid:hover i[aria-disabled=true],
  .modify-section .toolbar-container .toolbar-card .primary.show-me-how-link:hover i[aria-disabled=true],
  .instructor-note-container .primary.show-edit-instructor-note-icon:hover i[aria-disabled=true],
  .assignment-section-summary .primary.next-section-link:hover i[aria-disabled=true],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .primary.exit-button:hover i[aria-disabled=true],
  .zybook-zylab-similarity-page .zb-toolbar .primary.exit-button:hover i[aria-disabled=true],
  .view-request-card .primary.back-to-library-link:hover i[aria-disabled=true],
  .review-adoption .primary.back-to-library-link:hover i[aria-disabled=true],
  details &gt; summary.primary:hover i[aria-disabled=true],
  .pythonTutor .ExecutionVisualizer #vcrControls .primary.button:hover i[aria-disabled=true],
  .definition-match-payload .definition-match-term &gt; div.primary:hover i[aria-disabled=true],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.fr-btn:hover:last-child i[aria-disabled=true],
  .zb-feedback .expanded-feedback .zb-control-row .primary.more-info:hover i[aria-disabled=true],
  .student-instructions-modal .primary.copy-instructions-to-clipboard-button:hover i[disabled],
  .zybook-configure-panel .panel-content .primary.move-sections-button:hover i[disabled],
  .subscribe-student-panel .primary.already-paid:hover i[disabled],
  .modify-section .toolbar-container .toolbar-card .primary.show-me-how-link:hover i[disabled],
  .instructor-note-container .primary.show-edit-instructor-note-icon:hover i[disabled],
  .assignment-section-summary .primary.next-section-link:hover i[disabled],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .primary.exit-button:hover i[disabled],
  .zybook-zylab-similarity-page .zb-toolbar .primary.exit-button:hover i[disabled],
  .view-request-card .primary.back-to-library-link:hover i[disabled],
  .review-adoption .primary.back-to-library-link:hover i[disabled],
  details &gt; summary.primary:hover i[disabled],
  .pythonTutor .ExecutionVisualizer #vcrControls .primary.button:hover i[disabled],
  .definition-match-payload .definition-match-term &gt; div.primary:hover i[disabled],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.fr-btn:hover:last-child i[disabled],
  .zb-feedback .expanded-feedback .zb-control-row .primary.more-info:hover i[disabled],
  .student-instructions-modal .primary.copy-instructions-to-clipboard-button:hover i.disabled,
  .zybook-configure-panel .panel-content .primary.move-sections-button:hover i.disabled,
  .subscribe-student-panel .primary.already-paid:hover i.disabled,
  .modify-section .toolbar-container .toolbar-card .primary.show-me-how-link:hover i.disabled,
  .instructor-note-container .primary.show-edit-instructor-note-icon:hover i.disabled,
  .assignment-section-summary .primary.next-section-link:hover i.disabled,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .primary.exit-button:hover i.disabled,
  .zybook-zylab-similarity-page .zb-toolbar .primary.exit-button:hover i.disabled,
  .view-request-card .primary.back-to-library-link:hover i.disabled,
  .review-adoption .primary.back-to-library-link:hover i.disabled,
  details &gt; summary.primary:hover i.disabled,
  .pythonTutor .ExecutionVisualizer #vcrControls .primary.button:hover i.disabled,
  .definition-match-payload .definition-match-term &gt; div.primary:hover i.disabled,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.fr-btn:hover:last-child i.disabled,
  .zb-feedback .expanded-feedback .zb-control-row .primary.more-info:hover i.disabled {
    color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  }
  .zb-button.primary:hover[aria-disabled=true] .count, .zb-button.primary:hover[disabled] .count, .zb-button.primary:hover.disabled .count, .zb-button.primary:hover i[aria-disabled=true] .count, .zb-button.primary:hover i[disabled] .count, .zb-button.primary:hover i.disabled .count,
  .student-instructions-modal .primary.copy-instructions-to-clipboard-button:hover[aria-disabled=true] .count,
  .zybook-configure-panel .panel-content .primary.move-sections-button:hover[aria-disabled=true] .count,
  .subscribe-student-panel .primary.already-paid:hover[aria-disabled=true] .count,
  .modify-section .toolbar-container .toolbar-card .primary.show-me-how-link:hover[aria-disabled=true] .count,
  .instructor-note-container .primary.show-edit-instructor-note-icon:hover[aria-disabled=true] .count,
  .assignment-section-summary .primary.next-section-link:hover[aria-disabled=true] .count,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .primary.exit-button:hover[aria-disabled=true] .count,
  .zybook-zylab-similarity-page .zb-toolbar .primary.exit-button:hover[aria-disabled=true] .count,
  .view-request-card .primary.back-to-library-link:hover[aria-disabled=true] .count,
  .review-adoption .primary.back-to-library-link:hover[aria-disabled=true] .count,
  details &gt; summary.primary:hover[aria-disabled=true] .count,
  .pythonTutor .ExecutionVisualizer #vcrControls .primary.button:hover[aria-disabled=true] .count,
  .definition-match-payload .definition-match-term &gt; div.primary:hover[aria-disabled=true] .count,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.fr-btn:hover[aria-disabled=true]:last-child .count,
  .zb-feedback .expanded-feedback .zb-control-row .primary.more-info:hover[aria-disabled=true] .count,
  .student-instructions-modal .primary.copy-instructions-to-clipboard-button:hover[disabled] .count,
  .zybook-configure-panel .panel-content .primary.move-sections-button:hover[disabled] .count,
  .subscribe-student-panel .primary.already-paid:hover[disabled] .count,
  .modify-section .toolbar-container .toolbar-card .primary.show-me-how-link:hover[disabled] .count,
  .instructor-note-container .primary.show-edit-instructor-note-icon:hover[disabled] .count,
  .assignment-section-summary .primary.next-section-link:hover[disabled] .count,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .primary.exit-button:hover[disabled] .count,
  .zybook-zylab-similarity-page .zb-toolbar .primary.exit-button:hover[disabled] .count,
  .view-request-card .primary.back-to-library-link:hover[disabled] .count,
  .review-adoption .primary.back-to-library-link:hover[disabled] .count,
  details &gt; summary.primary:hover[disabled] .count,
  .pythonTutor .ExecutionVisualizer #vcrControls .primary.button:hover[disabled] .count,
  .definition-match-payload .definition-match-term &gt; div.primary:hover[disabled] .count,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.fr-btn:hover[disabled]:last-child .count,
  .zb-feedback .expanded-feedback .zb-control-row .primary.more-info:hover[disabled] .count,
  .student-instructions-modal .primary.copy-instructions-to-clipboard-button:hover.disabled .count,
  .zybook-configure-panel .panel-content .primary.move-sections-button:hover.disabled .count,
  .subscribe-student-panel .primary.already-paid:hover.disabled .count,
  .modify-section .toolbar-container .toolbar-card .primary.show-me-how-link:hover.disabled .count,
  .instructor-note-container .primary.show-edit-instructor-note-icon:hover.disabled .count,
  .assignment-section-summary .primary.next-section-link:hover.disabled .count,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .primary.exit-button:hover.disabled .count,
  .zybook-zylab-similarity-page .zb-toolbar .primary.exit-button:hover.disabled .count,
  .view-request-card .primary.back-to-library-link:hover.disabled .count,
  .review-adoption .primary.back-to-library-link:hover.disabled .count,
  details &gt; summary.primary:hover.disabled .count,
  .pythonTutor .ExecutionVisualizer #vcrControls .primary.button:hover.disabled .count,
  .definition-match-payload .definition-match-term &gt; div.primary:hover.disabled .count,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.fr-btn:hover.disabled:last-child .count,
  .zb-feedback .expanded-feedback .zb-control-row .primary.more-info:hover.disabled .count,
  .student-instructions-modal .primary.copy-instructions-to-clipboard-button:hover i[aria-disabled=true] .count,
  .zybook-configure-panel .panel-content .primary.move-sections-button:hover i[aria-disabled=true] .count,
  .subscribe-student-panel .primary.already-paid:hover i[aria-disabled=true] .count,
  .modify-section .toolbar-container .toolbar-card .primary.show-me-how-link:hover i[aria-disabled=true] .count,
  .instructor-note-container .primary.show-edit-instructor-note-icon:hover i[aria-disabled=true] .count,
  .assignment-section-summary .primary.next-section-link:hover i[aria-disabled=true] .count,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .primary.exit-button:hover i[aria-disabled=true] .count,
  .zybook-zylab-similarity-page .zb-toolbar .primary.exit-button:hover i[aria-disabled=true] .count,
  .view-request-card .primary.back-to-library-link:hover i[aria-disabled=true] .count,
  .review-adoption .primary.back-to-library-link:hover i[aria-disabled=true] .count,
  details &gt; summary.primary:hover i[aria-disabled=true] .count,
  .pythonTutor .ExecutionVisualizer #vcrControls .primary.button:hover i[aria-disabled=true] .count,
  .definition-match-payload .definition-match-term &gt; div.primary:hover i[aria-disabled=true] .count,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.fr-btn:hover:last-child i[aria-disabled=true] .count,
  .zb-feedback .expanded-feedback .zb-control-row .primary.more-info:hover i[aria-disabled=true] .count,
  .student-instructions-modal .primary.copy-instructions-to-clipboard-button:hover i[disabled] .count,
  .zybook-configure-panel .panel-content .primary.move-sections-button:hover i[disabled] .count,
  .subscribe-student-panel .primary.already-paid:hover i[disabled] .count,
  .modify-section .toolbar-container .toolbar-card .primary.show-me-how-link:hover i[disabled] .count,
  .instructor-note-container .primary.show-edit-instructor-note-icon:hover i[disabled] .count,
  .assignment-section-summary .primary.next-section-link:hover i[disabled] .count,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .primary.exit-button:hover i[disabled] .count,
  .zybook-zylab-similarity-page .zb-toolbar .primary.exit-button:hover i[disabled] .count,
  .view-request-card .primary.back-to-library-link:hover i[disabled] .count,
  .review-adoption .primary.back-to-library-link:hover i[disabled] .count,
  details &gt; summary.primary:hover i[disabled] .count,
  .pythonTutor .ExecutionVisualizer #vcrControls .primary.button:hover i[disabled] .count,
  .definition-match-payload .definition-match-term &gt; div.primary:hover i[disabled] .count,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.fr-btn:hover:last-child i[disabled] .count,
  .zb-feedback .expanded-feedback .zb-control-row .primary.more-info:hover i[disabled] .count,
  .student-instructions-modal .primary.copy-instructions-to-clipboard-button:hover i.disabled .count,
  .zybook-configure-panel .panel-content .primary.move-sections-button:hover i.disabled .count,
  .subscribe-student-panel .primary.already-paid:hover i.disabled .count,
  .modify-section .toolbar-container .toolbar-card .primary.show-me-how-link:hover i.disabled .count,
  .instructor-note-container .primary.show-edit-instructor-note-icon:hover i.disabled .count,
  .assignment-section-summary .primary.next-section-link:hover i.disabled .count,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .primary.exit-button:hover i.disabled .count,
  .zybook-zylab-similarity-page .zb-toolbar .primary.exit-button:hover i.disabled .count,
  .view-request-card .primary.back-to-library-link:hover i.disabled .count,
  .review-adoption .primary.back-to-library-link:hover i.disabled .count,
  details &gt; summary.primary:hover i.disabled .count,
  .pythonTutor .ExecutionVisualizer #vcrControls .primary.button:hover i.disabled .count,
  .definition-match-payload .definition-match-term &gt; div.primary:hover i.disabled .count,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.fr-btn:hover:last-child i.disabled .count,
  .zb-feedback .expanded-feedback .zb-control-row .primary.more-info:hover i.disabled .count {
    background-color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  }
  .zb-button.secondary:hover, .zb-button.secondary:hover i,
  .student-instructions-modal .secondary.copy-instructions-to-clipboard-button:hover,
  .zybook-configure-panel .panel-content .secondary.move-sections-button:hover,
  .subscribe-student-panel .secondary.already-paid:hover,
  .modify-section .toolbar-container .toolbar-card .secondary.show-me-how-link:hover,
  .instructor-note-container .secondary.show-edit-instructor-note-icon:hover,
  .assignment-section-summary .secondary.next-section-link:hover,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.exit-button:hover,
  .zybook-zylab-similarity-page .zb-toolbar .secondary.exit-button:hover,
  .view-request-card .secondary.back-to-library-link:hover,
  .review-adoption .secondary.back-to-library-link:hover,
  details &gt; summary.secondary:hover,
  .pythonTutor .ExecutionVisualizer #vcrControls .secondary.button:hover,
  .definition-match-payload .definition-match-term &gt; div.secondary:hover,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.fr-btn:hover:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .secondary.more-info:hover,
  .student-instructions-modal .secondary.copy-instructions-to-clipboard-button:hover i,
  .zybook-configure-panel .panel-content .secondary.move-sections-button:hover i,
  .subscribe-student-panel .secondary.already-paid:hover i,
  .modify-section .toolbar-container .toolbar-card .secondary.show-me-how-link:hover i,
  .instructor-note-container .secondary.show-edit-instructor-note-icon:hover i,
  .assignment-section-summary .secondary.next-section-link:hover i,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.exit-button:hover i,
  .zybook-zylab-similarity-page .zb-toolbar .secondary.exit-button:hover i,
  .view-request-card .secondary.back-to-library-link:hover i,
  .review-adoption .secondary.back-to-library-link:hover i,
  details &gt; summary.secondary:hover i,
  .pythonTutor .ExecutionVisualizer #vcrControls .secondary.button:hover i,
  .definition-match-payload .definition-match-term &gt; div.secondary:hover i,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.fr-btn:hover:last-child i,
  .zb-feedback .expanded-feedback .zb-control-row .secondary.more-info:hover i {
    color: hsl(calc(var(--zb-semantic-color-button-text-hover-h) + 0deg), calc(var(--zb-semantic-color-button-text-hover-s) + 0%), calc(var(--zb-semantic-color-button-text-hover-l) + 0%), calc(var(--zb-semantic-color-button-text-hover-a) + 0));
  }
  .zb-button.secondary:hover .count, .zb-button.secondary:hover i .count,
  .student-instructions-modal .secondary.copy-instructions-to-clipboard-button:hover .count,
  .zybook-configure-panel .panel-content .secondary.move-sections-button:hover .count,
  .subscribe-student-panel .secondary.already-paid:hover .count,
  .modify-section .toolbar-container .toolbar-card .secondary.show-me-how-link:hover .count,
  .instructor-note-container .secondary.show-edit-instructor-note-icon:hover .count,
  .assignment-section-summary .secondary.next-section-link:hover .count,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.exit-button:hover .count,
  .zybook-zylab-similarity-page .zb-toolbar .secondary.exit-button:hover .count,
  .view-request-card .secondary.back-to-library-link:hover .count,
  .review-adoption .secondary.back-to-library-link:hover .count,
  details &gt; summary.secondary:hover .count,
  .pythonTutor .ExecutionVisualizer #vcrControls .secondary.button:hover .count,
  .definition-match-payload .definition-match-term &gt; div.secondary:hover .count,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.fr-btn:hover:last-child .count,
  .zb-feedback .expanded-feedback .zb-control-row .secondary.more-info:hover .count {
    background-color: hsl(calc(var(--zb-semantic-color-button-text-hover-h) + 0deg), calc(var(--zb-semantic-color-button-text-hover-s) + 0%), calc(var(--zb-semantic-color-button-text-hover-l) + 0%), calc(var(--zb-semantic-color-button-text-hover-a) + 0));
  }
  .zb-button.secondary:hover[aria-disabled=true], .zb-button.secondary:hover[disabled], .zb-button.secondary:hover.disabled, .zb-button.secondary:hover i[aria-disabled=true], .zb-button.secondary:hover i[disabled], .zb-button.secondary:hover i.disabled,
  .student-instructions-modal .secondary.copy-instructions-to-clipboard-button:hover[aria-disabled=true],
  .zybook-configure-panel .panel-content .secondary.move-sections-button:hover[aria-disabled=true],
  .subscribe-student-panel .secondary.already-paid:hover[aria-disabled=true],
  .modify-section .toolbar-container .toolbar-card .secondary.show-me-how-link:hover[aria-disabled=true],
  .instructor-note-container .secondary.show-edit-instructor-note-icon:hover[aria-disabled=true],
  .assignment-section-summary .secondary.next-section-link:hover[aria-disabled=true],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.exit-button:hover[aria-disabled=true],
  .zybook-zylab-similarity-page .zb-toolbar .secondary.exit-button:hover[aria-disabled=true],
  .view-request-card .secondary.back-to-library-link:hover[aria-disabled=true],
  .review-adoption .secondary.back-to-library-link:hover[aria-disabled=true],
  details &gt; summary.secondary:hover[aria-disabled=true],
  .pythonTutor .ExecutionVisualizer #vcrControls .secondary.button:hover[aria-disabled=true],
  .definition-match-payload .definition-match-term &gt; div.secondary:hover[aria-disabled=true],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.fr-btn:hover[aria-disabled=true]:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .secondary.more-info:hover[aria-disabled=true],
  .student-instructions-modal .secondary.copy-instructions-to-clipboard-button:hover[disabled],
  .zybook-configure-panel .panel-content .secondary.move-sections-button:hover[disabled],
  .subscribe-student-panel .secondary.already-paid:hover[disabled],
  .modify-section .toolbar-container .toolbar-card .secondary.show-me-how-link:hover[disabled],
  .instructor-note-container .secondary.show-edit-instructor-note-icon:hover[disabled],
  .assignment-section-summary .secondary.next-section-link:hover[disabled],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.exit-button:hover[disabled],
  .zybook-zylab-similarity-page .zb-toolbar .secondary.exit-button:hover[disabled],
  .view-request-card .secondary.back-to-library-link:hover[disabled],
  .review-adoption .secondary.back-to-library-link:hover[disabled],
  details &gt; summary.secondary:hover[disabled],
  .pythonTutor .ExecutionVisualizer #vcrControls .secondary.button:hover[disabled],
  .definition-match-payload .definition-match-term &gt; div.secondary:hover[disabled],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.fr-btn:hover[disabled]:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .secondary.more-info:hover[disabled],
  .student-instructions-modal .secondary.copy-instructions-to-clipboard-button:hover.disabled,
  .zybook-configure-panel .panel-content .secondary.move-sections-button:hover.disabled,
  .subscribe-student-panel .secondary.already-paid:hover.disabled,
  .modify-section .toolbar-container .toolbar-card .secondary.show-me-how-link:hover.disabled,
  .instructor-note-container .secondary.show-edit-instructor-note-icon:hover.disabled,
  .assignment-section-summary .secondary.next-section-link:hover.disabled,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.exit-button:hover.disabled,
  .zybook-zylab-similarity-page .zb-toolbar .secondary.exit-button:hover.disabled,
  .view-request-card .secondary.back-to-library-link:hover.disabled,
  .review-adoption .secondary.back-to-library-link:hover.disabled,
  details &gt; summary.secondary:hover.disabled,
  .pythonTutor .ExecutionVisualizer #vcrControls .secondary.button:hover.disabled,
  .definition-match-payload .definition-match-term &gt; div.secondary:hover.disabled,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.fr-btn:hover.disabled:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .secondary.more-info:hover.disabled,
  .student-instructions-modal .secondary.copy-instructions-to-clipboard-button:hover i[aria-disabled=true],
  .zybook-configure-panel .panel-content .secondary.move-sections-button:hover i[aria-disabled=true],
  .subscribe-student-panel .secondary.already-paid:hover i[aria-disabled=true],
  .modify-section .toolbar-container .toolbar-card .secondary.show-me-how-link:hover i[aria-disabled=true],
  .instructor-note-container .secondary.show-edit-instructor-note-icon:hover i[aria-disabled=true],
  .assignment-section-summary .secondary.next-section-link:hover i[aria-disabled=true],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.exit-button:hover i[aria-disabled=true],
  .zybook-zylab-similarity-page .zb-toolbar .secondary.exit-button:hover i[aria-disabled=true],
  .view-request-card .secondary.back-to-library-link:hover i[aria-disabled=true],
  .review-adoption .secondary.back-to-library-link:hover i[aria-disabled=true],
  details &gt; summary.secondary:hover i[aria-disabled=true],
  .pythonTutor .ExecutionVisualizer #vcrControls .secondary.button:hover i[aria-disabled=true],
  .definition-match-payload .definition-match-term &gt; div.secondary:hover i[aria-disabled=true],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.fr-btn:hover:last-child i[aria-disabled=true],
  .zb-feedback .expanded-feedback .zb-control-row .secondary.more-info:hover i[aria-disabled=true],
  .student-instructions-modal .secondary.copy-instructions-to-clipboard-button:hover i[disabled],
  .zybook-configure-panel .panel-content .secondary.move-sections-button:hover i[disabled],
  .subscribe-student-panel .secondary.already-paid:hover i[disabled],
  .modify-section .toolbar-container .toolbar-card .secondary.show-me-how-link:hover i[disabled],
  .instructor-note-container .secondary.show-edit-instructor-note-icon:hover i[disabled],
  .assignment-section-summary .secondary.next-section-link:hover i[disabled],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.exit-button:hover i[disabled],
  .zybook-zylab-similarity-page .zb-toolbar .secondary.exit-button:hover i[disabled],
  .view-request-card .secondary.back-to-library-link:hover i[disabled],
  .review-adoption .secondary.back-to-library-link:hover i[disabled],
  details &gt; summary.secondary:hover i[disabled],
  .pythonTutor .ExecutionVisualizer #vcrControls .secondary.button:hover i[disabled],
  .definition-match-payload .definition-match-term &gt; div.secondary:hover i[disabled],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.fr-btn:hover:last-child i[disabled],
  .zb-feedback .expanded-feedback .zb-control-row .secondary.more-info:hover i[disabled],
  .student-instructions-modal .secondary.copy-instructions-to-clipboard-button:hover i.disabled,
  .zybook-configure-panel .panel-content .secondary.move-sections-button:hover i.disabled,
  .subscribe-student-panel .secondary.already-paid:hover i.disabled,
  .modify-section .toolbar-container .toolbar-card .secondary.show-me-how-link:hover i.disabled,
  .instructor-note-container .secondary.show-edit-instructor-note-icon:hover i.disabled,
  .assignment-section-summary .secondary.next-section-link:hover i.disabled,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.exit-button:hover i.disabled,
  .zybook-zylab-similarity-page .zb-toolbar .secondary.exit-button:hover i.disabled,
  .view-request-card .secondary.back-to-library-link:hover i.disabled,
  .review-adoption .secondary.back-to-library-link:hover i.disabled,
  details &gt; summary.secondary:hover i.disabled,
  .pythonTutor .ExecutionVisualizer #vcrControls .secondary.button:hover i.disabled,
  .definition-match-payload .definition-match-term &gt; div.secondary:hover i.disabled,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.fr-btn:hover:last-child i.disabled,
  .zb-feedback .expanded-feedback .zb-control-row .secondary.more-info:hover i.disabled {
    color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  }
  .zb-button.secondary:hover[aria-disabled=true] .count, .zb-button.secondary:hover[disabled] .count, .zb-button.secondary:hover.disabled .count, .zb-button.secondary:hover i[aria-disabled=true] .count, .zb-button.secondary:hover i[disabled] .count, .zb-button.secondary:hover i.disabled .count,
  .student-instructions-modal .secondary.copy-instructions-to-clipboard-button:hover[aria-disabled=true] .count,
  .zybook-configure-panel .panel-content .secondary.move-sections-button:hover[aria-disabled=true] .count,
  .subscribe-student-panel .secondary.already-paid:hover[aria-disabled=true] .count,
  .modify-section .toolbar-container .toolbar-card .secondary.show-me-how-link:hover[aria-disabled=true] .count,
  .instructor-note-container .secondary.show-edit-instructor-note-icon:hover[aria-disabled=true] .count,
  .assignment-section-summary .secondary.next-section-link:hover[aria-disabled=true] .count,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.exit-button:hover[aria-disabled=true] .count,
  .zybook-zylab-similarity-page .zb-toolbar .secondary.exit-button:hover[aria-disabled=true] .count,
  .view-request-card .secondary.back-to-library-link:hover[aria-disabled=true] .count,
  .review-adoption .secondary.back-to-library-link:hover[aria-disabled=true] .count,
  details &gt; summary.secondary:hover[aria-disabled=true] .count,
  .pythonTutor .ExecutionVisualizer #vcrControls .secondary.button:hover[aria-disabled=true] .count,
  .definition-match-payload .definition-match-term &gt; div.secondary:hover[aria-disabled=true] .count,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.fr-btn:hover[aria-disabled=true]:last-child .count,
  .zb-feedback .expanded-feedback .zb-control-row .secondary.more-info:hover[aria-disabled=true] .count,
  .student-instructions-modal .secondary.copy-instructions-to-clipboard-button:hover[disabled] .count,
  .zybook-configure-panel .panel-content .secondary.move-sections-button:hover[disabled] .count,
  .subscribe-student-panel .secondary.already-paid:hover[disabled] .count,
  .modify-section .toolbar-container .toolbar-card .secondary.show-me-how-link:hover[disabled] .count,
  .instructor-note-container .secondary.show-edit-instructor-note-icon:hover[disabled] .count,
  .assignment-section-summary .secondary.next-section-link:hover[disabled] .count,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.exit-button:hover[disabled] .count,
  .zybook-zylab-similarity-page .zb-toolbar .secondary.exit-button:hover[disabled] .count,
  .view-request-card .secondary.back-to-library-link:hover[disabled] .count,
  .review-adoption .secondary.back-to-library-link:hover[disabled] .count,
  details &gt; summary.secondary:hover[disabled] .count,
  .pythonTutor .ExecutionVisualizer #vcrControls .secondary.button:hover[disabled] .count,
  .definition-match-payload .definition-match-term &gt; div.secondary:hover[disabled] .count,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.fr-btn:hover[disabled]:last-child .count,
  .zb-feedback .expanded-feedback .zb-control-row .secondary.more-info:hover[disabled] .count,
  .student-instructions-modal .secondary.copy-instructions-to-clipboard-button:hover.disabled .count,
  .zybook-configure-panel .panel-content .secondary.move-sections-button:hover.disabled .count,
  .subscribe-student-panel .secondary.already-paid:hover.disabled .count,
  .modify-section .toolbar-container .toolbar-card .secondary.show-me-how-link:hover.disabled .count,
  .instructor-note-container .secondary.show-edit-instructor-note-icon:hover.disabled .count,
  .assignment-section-summary .secondary.next-section-link:hover.disabled .count,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.exit-button:hover.disabled .count,
  .zybook-zylab-similarity-page .zb-toolbar .secondary.exit-button:hover.disabled .count,
  .view-request-card .secondary.back-to-library-link:hover.disabled .count,
  .review-adoption .secondary.back-to-library-link:hover.disabled .count,
  details &gt; summary.secondary:hover.disabled .count,
  .pythonTutor .ExecutionVisualizer #vcrControls .secondary.button:hover.disabled .count,
  .definition-match-payload .definition-match-term &gt; div.secondary:hover.disabled .count,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.fr-btn:hover.disabled:last-child .count,
  .zb-feedback .expanded-feedback .zb-control-row .secondary.more-info:hover.disabled .count,
  .student-instructions-modal .secondary.copy-instructions-to-clipboard-button:hover i[aria-disabled=true] .count,
  .zybook-configure-panel .panel-content .secondary.move-sections-button:hover i[aria-disabled=true] .count,
  .subscribe-student-panel .secondary.already-paid:hover i[aria-disabled=true] .count,
  .modify-section .toolbar-container .toolbar-card .secondary.show-me-how-link:hover i[aria-disabled=true] .count,
  .instructor-note-container .secondary.show-edit-instructor-note-icon:hover i[aria-disabled=true] .count,
  .assignment-section-summary .secondary.next-section-link:hover i[aria-disabled=true] .count,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.exit-button:hover i[aria-disabled=true] .count,
  .zybook-zylab-similarity-page .zb-toolbar .secondary.exit-button:hover i[aria-disabled=true] .count,
  .view-request-card .secondary.back-to-library-link:hover i[aria-disabled=true] .count,
  .review-adoption .secondary.back-to-library-link:hover i[aria-disabled=true] .count,
  details &gt; summary.secondary:hover i[aria-disabled=true] .count,
  .pythonTutor .ExecutionVisualizer #vcrControls .secondary.button:hover i[aria-disabled=true] .count,
  .definition-match-payload .definition-match-term &gt; div.secondary:hover i[aria-disabled=true] .count,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.fr-btn:hover:last-child i[aria-disabled=true] .count,
  .zb-feedback .expanded-feedback .zb-control-row .secondary.more-info:hover i[aria-disabled=true] .count,
  .student-instructions-modal .secondary.copy-instructions-to-clipboard-button:hover i[disabled] .count,
  .zybook-configure-panel .panel-content .secondary.move-sections-button:hover i[disabled] .count,
  .subscribe-student-panel .secondary.already-paid:hover i[disabled] .count,
  .modify-section .toolbar-container .toolbar-card .secondary.show-me-how-link:hover i[disabled] .count,
  .instructor-note-container .secondary.show-edit-instructor-note-icon:hover i[disabled] .count,
  .assignment-section-summary .secondary.next-section-link:hover i[disabled] .count,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.exit-button:hover i[disabled] .count,
  .zybook-zylab-similarity-page .zb-toolbar .secondary.exit-button:hover i[disabled] .count,
  .view-request-card .secondary.back-to-library-link:hover i[disabled] .count,
  .review-adoption .secondary.back-to-library-link:hover i[disabled] .count,
  details &gt; summary.secondary:hover i[disabled] .count,
  .pythonTutor .ExecutionVisualizer #vcrControls .secondary.button:hover i[disabled] .count,
  .definition-match-payload .definition-match-term &gt; div.secondary:hover i[disabled] .count,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.fr-btn:hover:last-child i[disabled] .count,
  .zb-feedback .expanded-feedback .zb-control-row .secondary.more-info:hover i[disabled] .count,
  .student-instructions-modal .secondary.copy-instructions-to-clipboard-button:hover i.disabled .count,
  .zybook-configure-panel .panel-content .secondary.move-sections-button:hover i.disabled .count,
  .subscribe-student-panel .secondary.already-paid:hover i.disabled .count,
  .modify-section .toolbar-container .toolbar-card .secondary.show-me-how-link:hover i.disabled .count,
  .instructor-note-container .secondary.show-edit-instructor-note-icon:hover i.disabled .count,
  .assignment-section-summary .secondary.next-section-link:hover i.disabled .count,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.exit-button:hover i.disabled .count,
  .zybook-zylab-similarity-page .zb-toolbar .secondary.exit-button:hover i.disabled .count,
  .view-request-card .secondary.back-to-library-link:hover i.disabled .count,
  .review-adoption .secondary.back-to-library-link:hover i.disabled .count,
  details &gt; summary.secondary:hover i.disabled .count,
  .pythonTutor .ExecutionVisualizer #vcrControls .secondary.button:hover i.disabled .count,
  .definition-match-payload .definition-match-term &gt; div.secondary:hover i.disabled .count,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.fr-btn:hover:last-child i.disabled .count,
  .zb-feedback .expanded-feedback .zb-control-row .secondary.more-info:hover i.disabled .count {
    background-color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  }
  .zb-button.green:hover, .zb-button.green:hover i,
  .student-instructions-modal .green.copy-instructions-to-clipboard-button:hover,
  .zybook-configure-panel .panel-content .green.move-sections-button:hover,
  .subscribe-student-panel .green.already-paid:hover,
  .modify-section .toolbar-container .toolbar-card .green.show-me-how-link:hover,
  .instructor-note-container .green.show-edit-instructor-note-icon:hover,
  .assignment-section-summary .green.next-section-link:hover,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .green.exit-button:hover,
  .zybook-zylab-similarity-page .zb-toolbar .green.exit-button:hover,
  .view-request-card .green.back-to-library-link:hover,
  .review-adoption .green.back-to-library-link:hover,
  details &gt; summary.green:hover,
  .pythonTutor .ExecutionVisualizer #vcrControls .green.button:hover,
  .definition-match-payload .definition-match-term &gt; div.green:hover,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.fr-btn:hover:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .green.more-info:hover,
  .student-instructions-modal .green.copy-instructions-to-clipboard-button:hover i,
  .zybook-configure-panel .panel-content .green.move-sections-button:hover i,
  .subscribe-student-panel .green.already-paid:hover i,
  .modify-section .toolbar-container .toolbar-card .green.show-me-how-link:hover i,
  .instructor-note-container .green.show-edit-instructor-note-icon:hover i,
  .assignment-section-summary .green.next-section-link:hover i,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .green.exit-button:hover i,
  .zybook-zylab-similarity-page .zb-toolbar .green.exit-button:hover i,
  .view-request-card .green.back-to-library-link:hover i,
  .review-adoption .green.back-to-library-link:hover i,
  details &gt; summary.green:hover i,
  .pythonTutor .ExecutionVisualizer #vcrControls .green.button:hover i,
  .definition-match-payload .definition-match-term &gt; div.green:hover i,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.fr-btn:hover:last-child i,
  .zb-feedback .expanded-feedback .zb-control-row .green.more-info:hover i {
    color: hsl(calc(var(--zb-semantic-color-button-text-hover-h) + 0deg), calc(var(--zb-semantic-color-button-text-hover-s) + 0%), calc(var(--zb-semantic-color-button-text-hover-l) + 0%), calc(var(--zb-semantic-color-button-text-hover-a) + 0));
  }
  .zb-button.green:hover .count, .zb-button.green:hover i .count,
  .student-instructions-modal .green.copy-instructions-to-clipboard-button:hover .count,
  .zybook-configure-panel .panel-content .green.move-sections-button:hover .count,
  .subscribe-student-panel .green.already-paid:hover .count,
  .modify-section .toolbar-container .toolbar-card .green.show-me-how-link:hover .count,
  .instructor-note-container .green.show-edit-instructor-note-icon:hover .count,
  .assignment-section-summary .green.next-section-link:hover .count,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .green.exit-button:hover .count,
  .zybook-zylab-similarity-page .zb-toolbar .green.exit-button:hover .count,
  .view-request-card .green.back-to-library-link:hover .count,
  .review-adoption .green.back-to-library-link:hover .count,
  details &gt; summary.green:hover .count,
  .pythonTutor .ExecutionVisualizer #vcrControls .green.button:hover .count,
  .definition-match-payload .definition-match-term &gt; div.green:hover .count,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.fr-btn:hover:last-child .count,
  .zb-feedback .expanded-feedback .zb-control-row .green.more-info:hover .count {
    background-color: hsl(calc(var(--zb-semantic-color-button-text-hover-h) + 0deg), calc(var(--zb-semantic-color-button-text-hover-s) + 0%), calc(var(--zb-semantic-color-button-text-hover-l) + 0%), calc(var(--zb-semantic-color-button-text-hover-a) + 0));
  }
  .zb-button.green:hover[aria-disabled=true], .zb-button.green:hover[disabled], .zb-button.green:hover.disabled, .zb-button.green:hover i[aria-disabled=true], .zb-button.green:hover i[disabled], .zb-button.green:hover i.disabled,
  .student-instructions-modal .green.copy-instructions-to-clipboard-button:hover[aria-disabled=true],
  .zybook-configure-panel .panel-content .green.move-sections-button:hover[aria-disabled=true],
  .subscribe-student-panel .green.already-paid:hover[aria-disabled=true],
  .modify-section .toolbar-container .toolbar-card .green.show-me-how-link:hover[aria-disabled=true],
  .instructor-note-container .green.show-edit-instructor-note-icon:hover[aria-disabled=true],
  .assignment-section-summary .green.next-section-link:hover[aria-disabled=true],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .green.exit-button:hover[aria-disabled=true],
  .zybook-zylab-similarity-page .zb-toolbar .green.exit-button:hover[aria-disabled=true],
  .view-request-card .green.back-to-library-link:hover[aria-disabled=true],
  .review-adoption .green.back-to-library-link:hover[aria-disabled=true],
  details &gt; summary.green:hover[aria-disabled=true],
  .pythonTutor .ExecutionVisualizer #vcrControls .green.button:hover[aria-disabled=true],
  .definition-match-payload .definition-match-term &gt; div.green:hover[aria-disabled=true],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.fr-btn:hover[aria-disabled=true]:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .green.more-info:hover[aria-disabled=true],
  .student-instructions-modal .green.copy-instructions-to-clipboard-button:hover[disabled],
  .zybook-configure-panel .panel-content .green.move-sections-button:hover[disabled],
  .subscribe-student-panel .green.already-paid:hover[disabled],
  .modify-section .toolbar-container .toolbar-card .green.show-me-how-link:hover[disabled],
  .instructor-note-container .green.show-edit-instructor-note-icon:hover[disabled],
  .assignment-section-summary .green.next-section-link:hover[disabled],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .green.exit-button:hover[disabled],
  .zybook-zylab-similarity-page .zb-toolbar .green.exit-button:hover[disabled],
  .view-request-card .green.back-to-library-link:hover[disabled],
  .review-adoption .green.back-to-library-link:hover[disabled],
  details &gt; summary.green:hover[disabled],
  .pythonTutor .ExecutionVisualizer #vcrControls .green.button:hover[disabled],
  .definition-match-payload .definition-match-term &gt; div.green:hover[disabled],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.fr-btn:hover[disabled]:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .green.more-info:hover[disabled],
  .student-instructions-modal .green.copy-instructions-to-clipboard-button:hover.disabled,
  .zybook-configure-panel .panel-content .green.move-sections-button:hover.disabled,
  .subscribe-student-panel .green.already-paid:hover.disabled,
  .modify-section .toolbar-container .toolbar-card .green.show-me-how-link:hover.disabled,
  .instructor-note-container .green.show-edit-instructor-note-icon:hover.disabled,
  .assignment-section-summary .green.next-section-link:hover.disabled,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .green.exit-button:hover.disabled,
  .zybook-zylab-similarity-page .zb-toolbar .green.exit-button:hover.disabled,
  .view-request-card .green.back-to-library-link:hover.disabled,
  .review-adoption .green.back-to-library-link:hover.disabled,
  details &gt; summary.green:hover.disabled,
  .pythonTutor .ExecutionVisualizer #vcrControls .green.button:hover.disabled,
  .definition-match-payload .definition-match-term &gt; div.green:hover.disabled,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.fr-btn:hover.disabled:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .green.more-info:hover.disabled,
  .student-instructions-modal .green.copy-instructions-to-clipboard-button:hover i[aria-disabled=true],
  .zybook-configure-panel .panel-content .green.move-sections-button:hover i[aria-disabled=true],
  .subscribe-student-panel .green.already-paid:hover i[aria-disabled=true],
  .modify-section .toolbar-container .toolbar-card .green.show-me-how-link:hover i[aria-disabled=true],
  .instructor-note-container .green.show-edit-instructor-note-icon:hover i[aria-disabled=true],
  .assignment-section-summary .green.next-section-link:hover i[aria-disabled=true],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .green.exit-button:hover i[aria-disabled=true],
  .zybook-zylab-similarity-page .zb-toolbar .green.exit-button:hover i[aria-disabled=true],
  .view-request-card .green.back-to-library-link:hover i[aria-disabled=true],
  .review-adoption .green.back-to-library-link:hover i[aria-disabled=true],
  details &gt; summary.green:hover i[aria-disabled=true],
  .pythonTutor .ExecutionVisualizer #vcrControls .green.button:hover i[aria-disabled=true],
  .definition-match-payload .definition-match-term &gt; div.green:hover i[aria-disabled=true],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.fr-btn:hover:last-child i[aria-disabled=true],
  .zb-feedback .expanded-feedback .zb-control-row .green.more-info:hover i[aria-disabled=true],
  .student-instructions-modal .green.copy-instructions-to-clipboard-button:hover i[disabled],
  .zybook-configure-panel .panel-content .green.move-sections-button:hover i[disabled],
  .subscribe-student-panel .green.already-paid:hover i[disabled],
  .modify-section .toolbar-container .toolbar-card .green.show-me-how-link:hover i[disabled],
  .instructor-note-container .green.show-edit-instructor-note-icon:hover i[disabled],
  .assignment-section-summary .green.next-section-link:hover i[disabled],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .green.exit-button:hover i[disabled],
  .zybook-zylab-similarity-page .zb-toolbar .green.exit-button:hover i[disabled],
  .view-request-card .green.back-to-library-link:hover i[disabled],
  .review-adoption .green.back-to-library-link:hover i[disabled],
  details &gt; summary.green:hover i[disabled],
  .pythonTutor .ExecutionVisualizer #vcrControls .green.button:hover i[disabled],
  .definition-match-payload .definition-match-term &gt; div.green:hover i[disabled],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.fr-btn:hover:last-child i[disabled],
  .zb-feedback .expanded-feedback .zb-control-row .green.more-info:hover i[disabled],
  .student-instructions-modal .green.copy-instructions-to-clipboard-button:hover i.disabled,
  .zybook-configure-panel .panel-content .green.move-sections-button:hover i.disabled,
  .subscribe-student-panel .green.already-paid:hover i.disabled,
  .modify-section .toolbar-container .toolbar-card .green.show-me-how-link:hover i.disabled,
  .instructor-note-container .green.show-edit-instructor-note-icon:hover i.disabled,
  .assignment-section-summary .green.next-section-link:hover i.disabled,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .green.exit-button:hover i.disabled,
  .zybook-zylab-similarity-page .zb-toolbar .green.exit-button:hover i.disabled,
  .view-request-card .green.back-to-library-link:hover i.disabled,
  .review-adoption .green.back-to-library-link:hover i.disabled,
  details &gt; summary.green:hover i.disabled,
  .pythonTutor .ExecutionVisualizer #vcrControls .green.button:hover i.disabled,
  .definition-match-payload .definition-match-term &gt; div.green:hover i.disabled,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.fr-btn:hover:last-child i.disabled,
  .zb-feedback .expanded-feedback .zb-control-row .green.more-info:hover i.disabled {
    color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  }
  .zb-button.green:hover[aria-disabled=true] .count, .zb-button.green:hover[disabled] .count, .zb-button.green:hover.disabled .count, .zb-button.green:hover i[aria-disabled=true] .count, .zb-button.green:hover i[disabled] .count, .zb-button.green:hover i.disabled .count,
  .student-instructions-modal .green.copy-instructions-to-clipboard-button:hover[aria-disabled=true] .count,
  .zybook-configure-panel .panel-content .green.move-sections-button:hover[aria-disabled=true] .count,
  .subscribe-student-panel .green.already-paid:hover[aria-disabled=true] .count,
  .modify-section .toolbar-container .toolbar-card .green.show-me-how-link:hover[aria-disabled=true] .count,
  .instructor-note-container .green.show-edit-instructor-note-icon:hover[aria-disabled=true] .count,
  .assignment-section-summary .green.next-section-link:hover[aria-disabled=true] .count,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .green.exit-button:hover[aria-disabled=true] .count,
  .zybook-zylab-similarity-page .zb-toolbar .green.exit-button:hover[aria-disabled=true] .count,
  .view-request-card .green.back-to-library-link:hover[aria-disabled=true] .count,
  .review-adoption .green.back-to-library-link:hover[aria-disabled=true] .count,
  details &gt; summary.green:hover[aria-disabled=true] .count,
  .pythonTutor .ExecutionVisualizer #vcrControls .green.button:hover[aria-disabled=true] .count,
  .definition-match-payload .definition-match-term &gt; div.green:hover[aria-disabled=true] .count,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.fr-btn:hover[aria-disabled=true]:last-child .count,
  .zb-feedback .expanded-feedback .zb-control-row .green.more-info:hover[aria-disabled=true] .count,
  .student-instructions-modal .green.copy-instructions-to-clipboard-button:hover[disabled] .count,
  .zybook-configure-panel .panel-content .green.move-sections-button:hover[disabled] .count,
  .subscribe-student-panel .green.already-paid:hover[disabled] .count,
  .modify-section .toolbar-container .toolbar-card .green.show-me-how-link:hover[disabled] .count,
  .instructor-note-container .green.show-edit-instructor-note-icon:hover[disabled] .count,
  .assignment-section-summary .green.next-section-link:hover[disabled] .count,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .green.exit-button:hover[disabled] .count,
  .zybook-zylab-similarity-page .zb-toolbar .green.exit-button:hover[disabled] .count,
  .view-request-card .green.back-to-library-link:hover[disabled] .count,
  .review-adoption .green.back-to-library-link:hover[disabled] .count,
  details &gt; summary.green:hover[disabled] .count,
  .pythonTutor .ExecutionVisualizer #vcrControls .green.button:hover[disabled] .count,
  .definition-match-payload .definition-match-term &gt; div.green:hover[disabled] .count,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.fr-btn:hover[disabled]:last-child .count,
  .zb-feedback .expanded-feedback .zb-control-row .green.more-info:hover[disabled] .count,
  .student-instructions-modal .green.copy-instructions-to-clipboard-button:hover.disabled .count,
  .zybook-configure-panel .panel-content .green.move-sections-button:hover.disabled .count,
  .subscribe-student-panel .green.already-paid:hover.disabled .count,
  .modify-section .toolbar-container .toolbar-card .green.show-me-how-link:hover.disabled .count,
  .instructor-note-container .green.show-edit-instructor-note-icon:hover.disabled .count,
  .assignment-section-summary .green.next-section-link:hover.disabled .count,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .green.exit-button:hover.disabled .count,
  .zybook-zylab-similarity-page .zb-toolbar .green.exit-button:hover.disabled .count,
  .view-request-card .green.back-to-library-link:hover.disabled .count,
  .review-adoption .green.back-to-library-link:hover.disabled .count,
  details &gt; summary.green:hover.disabled .count,
  .pythonTutor .ExecutionVisualizer #vcrControls .green.button:hover.disabled .count,
  .definition-match-payload .definition-match-term &gt; div.green:hover.disabled .count,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.fr-btn:hover.disabled:last-child .count,
  .zb-feedback .expanded-feedback .zb-control-row .green.more-info:hover.disabled .count,
  .student-instructions-modal .green.copy-instructions-to-clipboard-button:hover i[aria-disabled=true] .count,
  .zybook-configure-panel .panel-content .green.move-sections-button:hover i[aria-disabled=true] .count,
  .subscribe-student-panel .green.already-paid:hover i[aria-disabled=true] .count,
  .modify-section .toolbar-container .toolbar-card .green.show-me-how-link:hover i[aria-disabled=true] .count,
  .instructor-note-container .green.show-edit-instructor-note-icon:hover i[aria-disabled=true] .count,
  .assignment-section-summary .green.next-section-link:hover i[aria-disabled=true] .count,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .green.exit-button:hover i[aria-disabled=true] .count,
  .zybook-zylab-similarity-page .zb-toolbar .green.exit-button:hover i[aria-disabled=true] .count,
  .view-request-card .green.back-to-library-link:hover i[aria-disabled=true] .count,
  .review-adoption .green.back-to-library-link:hover i[aria-disabled=true] .count,
  details &gt; summary.green:hover i[aria-disabled=true] .count,
  .pythonTutor .ExecutionVisualizer #vcrControls .green.button:hover i[aria-disabled=true] .count,
  .definition-match-payload .definition-match-term &gt; div.green:hover i[aria-disabled=true] .count,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.fr-btn:hover:last-child i[aria-disabled=true] .count,
  .zb-feedback .expanded-feedback .zb-control-row .green.more-info:hover i[aria-disabled=true] .count,
  .student-instructions-modal .green.copy-instructions-to-clipboard-button:hover i[disabled] .count,
  .zybook-configure-panel .panel-content .green.move-sections-button:hover i[disabled] .count,
  .subscribe-student-panel .green.already-paid:hover i[disabled] .count,
  .modify-section .toolbar-container .toolbar-card .green.show-me-how-link:hover i[disabled] .count,
  .instructor-note-container .green.show-edit-instructor-note-icon:hover i[disabled] .count,
  .assignment-section-summary .green.next-section-link:hover i[disabled] .count,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .green.exit-button:hover i[disabled] .count,
  .zybook-zylab-similarity-page .zb-toolbar .green.exit-button:hover i[disabled] .count,
  .view-request-card .green.back-to-library-link:hover i[disabled] .count,
  .review-adoption .green.back-to-library-link:hover i[disabled] .count,
  details &gt; summary.green:hover i[disabled] .count,
  .pythonTutor .ExecutionVisualizer #vcrControls .green.button:hover i[disabled] .count,
  .definition-match-payload .definition-match-term &gt; div.green:hover i[disabled] .count,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.fr-btn:hover:last-child i[disabled] .count,
  .zb-feedback .expanded-feedback .zb-control-row .green.more-info:hover i[disabled] .count,
  .student-instructions-modal .green.copy-instructions-to-clipboard-button:hover i.disabled .count,
  .zybook-configure-panel .panel-content .green.move-sections-button:hover i.disabled .count,
  .subscribe-student-panel .green.already-paid:hover i.disabled .count,
  .modify-section .toolbar-container .toolbar-card .green.show-me-how-link:hover i.disabled .count,
  .instructor-note-container .green.show-edit-instructor-note-icon:hover i.disabled .count,
  .assignment-section-summary .green.next-section-link:hover i.disabled .count,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .green.exit-button:hover i.disabled .count,
  .zybook-zylab-similarity-page .zb-toolbar .green.exit-button:hover i.disabled .count,
  .view-request-card .green.back-to-library-link:hover i.disabled .count,
  .review-adoption .green.back-to-library-link:hover i.disabled .count,
  details &gt; summary.green:hover i.disabled .count,
  .pythonTutor .ExecutionVisualizer #vcrControls .green.button:hover i.disabled .count,
  .definition-match-payload .definition-match-term &gt; div.green:hover i.disabled .count,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.fr-btn:hover:last-child i.disabled .count,
  .zb-feedback .expanded-feedback .zb-control-row .green.more-info:hover i.disabled .count {
    background-color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  }
  .zb-button.warn:hover, .zb-button.warn:hover i,
  .student-instructions-modal .warn.copy-instructions-to-clipboard-button:hover,
  .zybook-configure-panel .panel-content .warn.move-sections-button:hover,
  .subscribe-student-panel .warn.already-paid:hover,
  .modify-section .toolbar-container .toolbar-card .warn.show-me-how-link:hover,
  .instructor-note-container .warn.show-edit-instructor-note-icon:hover,
  .assignment-section-summary .warn.next-section-link:hover,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .warn.exit-button:hover,
  .zybook-zylab-similarity-page .zb-toolbar .warn.exit-button:hover,
  .view-request-card .warn.back-to-library-link:hover,
  .review-adoption .warn.back-to-library-link:hover,
  details &gt; summary.warn:hover,
  .pythonTutor .ExecutionVisualizer #vcrControls .warn.button:hover,
  .definition-match-payload .definition-match-term &gt; div.warn:hover,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.fr-btn:hover:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .warn.more-info:hover,
  .student-instructions-modal .warn.copy-instructions-to-clipboard-button:hover i,
  .zybook-configure-panel .panel-content .warn.move-sections-button:hover i,
  .subscribe-student-panel .warn.already-paid:hover i,
  .modify-section .toolbar-container .toolbar-card .warn.show-me-how-link:hover i,
  .instructor-note-container .warn.show-edit-instructor-note-icon:hover i,
  .assignment-section-summary .warn.next-section-link:hover i,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .warn.exit-button:hover i,
  .zybook-zylab-similarity-page .zb-toolbar .warn.exit-button:hover i,
  .view-request-card .warn.back-to-library-link:hover i,
  .review-adoption .warn.back-to-library-link:hover i,
  details &gt; summary.warn:hover i,
  .pythonTutor .ExecutionVisualizer #vcrControls .warn.button:hover i,
  .definition-match-payload .definition-match-term &gt; div.warn:hover i,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.fr-btn:hover:last-child i,
  .zb-feedback .expanded-feedback .zb-control-row .warn.more-info:hover i {
    color: hsl(calc(var(--zb-semantic-color-button-text-hover-h) + 0deg), calc(var(--zb-semantic-color-button-text-hover-s) + 0%), calc(var(--zb-semantic-color-button-text-hover-l) + 0%), calc(var(--zb-semantic-color-button-text-hover-a) + 0));
  }
  .zb-button.warn:hover .count, .zb-button.warn:hover i .count,
  .student-instructions-modal .warn.copy-instructions-to-clipboard-button:hover .count,
  .zybook-configure-panel .panel-content .warn.move-sections-button:hover .count,
  .subscribe-student-panel .warn.already-paid:hover .count,
  .modify-section .toolbar-container .toolbar-card .warn.show-me-how-link:hover .count,
  .instructor-note-container .warn.show-edit-instructor-note-icon:hover .count,
  .assignment-section-summary .warn.next-section-link:hover .count,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .warn.exit-button:hover .count,
  .zybook-zylab-similarity-page .zb-toolbar .warn.exit-button:hover .count,
  .view-request-card .warn.back-to-library-link:hover .count,
  .review-adoption .warn.back-to-library-link:hover .count,
  details &gt; summary.warn:hover .count,
  .pythonTutor .ExecutionVisualizer #vcrControls .warn.button:hover .count,
  .definition-match-payload .definition-match-term &gt; div.warn:hover .count,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.fr-btn:hover:last-child .count,
  .zb-feedback .expanded-feedback .zb-control-row .warn.more-info:hover .count {
    background-color: hsl(calc(var(--zb-semantic-color-button-text-hover-h) + 0deg), calc(var(--zb-semantic-color-button-text-hover-s) + 0%), calc(var(--zb-semantic-color-button-text-hover-l) + 0%), calc(var(--zb-semantic-color-button-text-hover-a) + 0));
  }
  .zb-button.warn:hover[aria-disabled=true], .zb-button.warn:hover[disabled], .zb-button.warn:hover.disabled, .zb-button.warn:hover i[aria-disabled=true], .zb-button.warn:hover i[disabled], .zb-button.warn:hover i.disabled,
  .student-instructions-modal .warn.copy-instructions-to-clipboard-button:hover[aria-disabled=true],
  .zybook-configure-panel .panel-content .warn.move-sections-button:hover[aria-disabled=true],
  .subscribe-student-panel .warn.already-paid:hover[aria-disabled=true],
  .modify-section .toolbar-container .toolbar-card .warn.show-me-how-link:hover[aria-disabled=true],
  .instructor-note-container .warn.show-edit-instructor-note-icon:hover[aria-disabled=true],
  .assignment-section-summary .warn.next-section-link:hover[aria-disabled=true],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .warn.exit-button:hover[aria-disabled=true],
  .zybook-zylab-similarity-page .zb-toolbar .warn.exit-button:hover[aria-disabled=true],
  .view-request-card .warn.back-to-library-link:hover[aria-disabled=true],
  .review-adoption .warn.back-to-library-link:hover[aria-disabled=true],
  details &gt; summary.warn:hover[aria-disabled=true],
  .pythonTutor .ExecutionVisualizer #vcrControls .warn.button:hover[aria-disabled=true],
  .definition-match-payload .definition-match-term &gt; div.warn:hover[aria-disabled=true],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.fr-btn:hover[aria-disabled=true]:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .warn.more-info:hover[aria-disabled=true],
  .student-instructions-modal .warn.copy-instructions-to-clipboard-button:hover[disabled],
  .zybook-configure-panel .panel-content .warn.move-sections-button:hover[disabled],
  .subscribe-student-panel .warn.already-paid:hover[disabled],
  .modify-section .toolbar-container .toolbar-card .warn.show-me-how-link:hover[disabled],
  .instructor-note-container .warn.show-edit-instructor-note-icon:hover[disabled],
  .assignment-section-summary .warn.next-section-link:hover[disabled],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .warn.exit-button:hover[disabled],
  .zybook-zylab-similarity-page .zb-toolbar .warn.exit-button:hover[disabled],
  .view-request-card .warn.back-to-library-link:hover[disabled],
  .review-adoption .warn.back-to-library-link:hover[disabled],
  details &gt; summary.warn:hover[disabled],
  .pythonTutor .ExecutionVisualizer #vcrControls .warn.button:hover[disabled],
  .definition-match-payload .definition-match-term &gt; div.warn:hover[disabled],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.fr-btn:hover[disabled]:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .warn.more-info:hover[disabled],
  .student-instructions-modal .warn.copy-instructions-to-clipboard-button:hover.disabled,
  .zybook-configure-panel .panel-content .warn.move-sections-button:hover.disabled,
  .subscribe-student-panel .warn.already-paid:hover.disabled,
  .modify-section .toolbar-container .toolbar-card .warn.show-me-how-link:hover.disabled,
  .instructor-note-container .warn.show-edit-instructor-note-icon:hover.disabled,
  .assignment-section-summary .warn.next-section-link:hover.disabled,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .warn.exit-button:hover.disabled,
  .zybook-zylab-similarity-page .zb-toolbar .warn.exit-button:hover.disabled,
  .view-request-card .warn.back-to-library-link:hover.disabled,
  .review-adoption .warn.back-to-library-link:hover.disabled,
  details &gt; summary.warn:hover.disabled,
  .pythonTutor .ExecutionVisualizer #vcrControls .warn.button:hover.disabled,
  .definition-match-payload .definition-match-term &gt; div.warn:hover.disabled,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.fr-btn:hover.disabled:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .warn.more-info:hover.disabled,
  .student-instructions-modal .warn.copy-instructions-to-clipboard-button:hover i[aria-disabled=true],
  .zybook-configure-panel .panel-content .warn.move-sections-button:hover i[aria-disabled=true],
  .subscribe-student-panel .warn.already-paid:hover i[aria-disabled=true],
  .modify-section .toolbar-container .toolbar-card .warn.show-me-how-link:hover i[aria-disabled=true],
  .instructor-note-container .warn.show-edit-instructor-note-icon:hover i[aria-disabled=true],
  .assignment-section-summary .warn.next-section-link:hover i[aria-disabled=true],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .warn.exit-button:hover i[aria-disabled=true],
  .zybook-zylab-similarity-page .zb-toolbar .warn.exit-button:hover i[aria-disabled=true],
  .view-request-card .warn.back-to-library-link:hover i[aria-disabled=true],
  .review-adoption .warn.back-to-library-link:hover i[aria-disabled=true],
  details &gt; summary.warn:hover i[aria-disabled=true],
  .pythonTutor .ExecutionVisualizer #vcrControls .warn.button:hover i[aria-disabled=true],
  .definition-match-payload .definition-match-term &gt; div.warn:hover i[aria-disabled=true],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.fr-btn:hover:last-child i[aria-disabled=true],
  .zb-feedback .expanded-feedback .zb-control-row .warn.more-info:hover i[aria-disabled=true],
  .student-instructions-modal .warn.copy-instructions-to-clipboard-button:hover i[disabled],
  .zybook-configure-panel .panel-content .warn.move-sections-button:hover i[disabled],
  .subscribe-student-panel .warn.already-paid:hover i[disabled],
  .modify-section .toolbar-container .toolbar-card .warn.show-me-how-link:hover i[disabled],
  .instructor-note-container .warn.show-edit-instructor-note-icon:hover i[disabled],
  .assignment-section-summary .warn.next-section-link:hover i[disabled],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .warn.exit-button:hover i[disabled],
  .zybook-zylab-similarity-page .zb-toolbar .warn.exit-button:hover i[disabled],
  .view-request-card .warn.back-to-library-link:hover i[disabled],
  .review-adoption .warn.back-to-library-link:hover i[disabled],
  details &gt; summary.warn:hover i[disabled],
  .pythonTutor .ExecutionVisualizer #vcrControls .warn.button:hover i[disabled],
  .definition-match-payload .definition-match-term &gt; div.warn:hover i[disabled],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.fr-btn:hover:last-child i[disabled],
  .zb-feedback .expanded-feedback .zb-control-row .warn.more-info:hover i[disabled],
  .student-instructions-modal .warn.copy-instructions-to-clipboard-button:hover i.disabled,
  .zybook-configure-panel .panel-content .warn.move-sections-button:hover i.disabled,
  .subscribe-student-panel .warn.already-paid:hover i.disabled,
  .modify-section .toolbar-container .toolbar-card .warn.show-me-how-link:hover i.disabled,
  .instructor-note-container .warn.show-edit-instructor-note-icon:hover i.disabled,
  .assignment-section-summary .warn.next-section-link:hover i.disabled,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .warn.exit-button:hover i.disabled,
  .zybook-zylab-similarity-page .zb-toolbar .warn.exit-button:hover i.disabled,
  .view-request-card .warn.back-to-library-link:hover i.disabled,
  .review-adoption .warn.back-to-library-link:hover i.disabled,
  details &gt; summary.warn:hover i.disabled,
  .pythonTutor .ExecutionVisualizer #vcrControls .warn.button:hover i.disabled,
  .definition-match-payload .definition-match-term &gt; div.warn:hover i.disabled,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.fr-btn:hover:last-child i.disabled,
  .zb-feedback .expanded-feedback .zb-control-row .warn.more-info:hover i.disabled {
    color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  }
  .zb-button.warn:hover[aria-disabled=true] .count, .zb-button.warn:hover[disabled] .count, .zb-button.warn:hover.disabled .count, .zb-button.warn:hover i[aria-disabled=true] .count, .zb-button.warn:hover i[disabled] .count, .zb-button.warn:hover i.disabled .count,
  .student-instructions-modal .warn.copy-instructions-to-clipboard-button:hover[aria-disabled=true] .count,
  .zybook-configure-panel .panel-content .warn.move-sections-button:hover[aria-disabled=true] .count,
  .subscribe-student-panel .warn.already-paid:hover[aria-disabled=true] .count,
  .modify-section .toolbar-container .toolbar-card .warn.show-me-how-link:hover[aria-disabled=true] .count,
  .instructor-note-container .warn.show-edit-instructor-note-icon:hover[aria-disabled=true] .count,
  .assignment-section-summary .warn.next-section-link:hover[aria-disabled=true] .count,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .warn.exit-button:hover[aria-disabled=true] .count,
  .zybook-zylab-similarity-page .zb-toolbar .warn.exit-button:hover[aria-disabled=true] .count,
  .view-request-card .warn.back-to-library-link:hover[aria-disabled=true] .count,
  .review-adoption .warn.back-to-library-link:hover[aria-disabled=true] .count,
  details &gt; summary.warn:hover[aria-disabled=true] .count,
  .pythonTutor .ExecutionVisualizer #vcrControls .warn.button:hover[aria-disabled=true] .count,
  .definition-match-payload .definition-match-term &gt; div.warn:hover[aria-disabled=true] .count,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.fr-btn:hover[aria-disabled=true]:last-child .count,
  .zb-feedback .expanded-feedback .zb-control-row .warn.more-info:hover[aria-disabled=true] .count,
  .student-instructions-modal .warn.copy-instructions-to-clipboard-button:hover[disabled] .count,
  .zybook-configure-panel .panel-content .warn.move-sections-button:hover[disabled] .count,
  .subscribe-student-panel .warn.already-paid:hover[disabled] .count,
  .modify-section .toolbar-container .toolbar-card .warn.show-me-how-link:hover[disabled] .count,
  .instructor-note-container .warn.show-edit-instructor-note-icon:hover[disabled] .count,
  .assignment-section-summary .warn.next-section-link:hover[disabled] .count,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .warn.exit-button:hover[disabled] .count,
  .zybook-zylab-similarity-page .zb-toolbar .warn.exit-button:hover[disabled] .count,
  .view-request-card .warn.back-to-library-link:hover[disabled] .count,
  .review-adoption .warn.back-to-library-link:hover[disabled] .count,
  details &gt; summary.warn:hover[disabled] .count,
  .pythonTutor .ExecutionVisualizer #vcrControls .warn.button:hover[disabled] .count,
  .definition-match-payload .definition-match-term &gt; div.warn:hover[disabled] .count,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.fr-btn:hover[disabled]:last-child .count,
  .zb-feedback .expanded-feedback .zb-control-row .warn.more-info:hover[disabled] .count,
  .student-instructions-modal .warn.copy-instructions-to-clipboard-button:hover.disabled .count,
  .zybook-configure-panel .panel-content .warn.move-sections-button:hover.disabled .count,
  .subscribe-student-panel .warn.already-paid:hover.disabled .count,
  .modify-section .toolbar-container .toolbar-card .warn.show-me-how-link:hover.disabled .count,
  .instructor-note-container .warn.show-edit-instructor-note-icon:hover.disabled .count,
  .assignment-section-summary .warn.next-section-link:hover.disabled .count,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .warn.exit-button:hover.disabled .count,
  .zybook-zylab-similarity-page .zb-toolbar .warn.exit-button:hover.disabled .count,
  .view-request-card .warn.back-to-library-link:hover.disabled .count,
  .review-adoption .warn.back-to-library-link:hover.disabled .count,
  details &gt; summary.warn:hover.disabled .count,
  .pythonTutor .ExecutionVisualizer #vcrControls .warn.button:hover.disabled .count,
  .definition-match-payload .definition-match-term &gt; div.warn:hover.disabled .count,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.fr-btn:hover.disabled:last-child .count,
  .zb-feedback .expanded-feedback .zb-control-row .warn.more-info:hover.disabled .count,
  .student-instructions-modal .warn.copy-instructions-to-clipboard-button:hover i[aria-disabled=true] .count,
  .zybook-configure-panel .panel-content .warn.move-sections-button:hover i[aria-disabled=true] .count,
  .subscribe-student-panel .warn.already-paid:hover i[aria-disabled=true] .count,
  .modify-section .toolbar-container .toolbar-card .warn.show-me-how-link:hover i[aria-disabled=true] .count,
  .instructor-note-container .warn.show-edit-instructor-note-icon:hover i[aria-disabled=true] .count,
  .assignment-section-summary .warn.next-section-link:hover i[aria-disabled=true] .count,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .warn.exit-button:hover i[aria-disabled=true] .count,
  .zybook-zylab-similarity-page .zb-toolbar .warn.exit-button:hover i[aria-disabled=true] .count,
  .view-request-card .warn.back-to-library-link:hover i[aria-disabled=true] .count,
  .review-adoption .warn.back-to-library-link:hover i[aria-disabled=true] .count,
  details &gt; summary.warn:hover i[aria-disabled=true] .count,
  .pythonTutor .ExecutionVisualizer #vcrControls .warn.button:hover i[aria-disabled=true] .count,
  .definition-match-payload .definition-match-term &gt; div.warn:hover i[aria-disabled=true] .count,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.fr-btn:hover:last-child i[aria-disabled=true] .count,
  .zb-feedback .expanded-feedback .zb-control-row .warn.more-info:hover i[aria-disabled=true] .count,
  .student-instructions-modal .warn.copy-instructions-to-clipboard-button:hover i[disabled] .count,
  .zybook-configure-panel .panel-content .warn.move-sections-button:hover i[disabled] .count,
  .subscribe-student-panel .warn.already-paid:hover i[disabled] .count,
  .modify-section .toolbar-container .toolbar-card .warn.show-me-how-link:hover i[disabled] .count,
  .instructor-note-container .warn.show-edit-instructor-note-icon:hover i[disabled] .count,
  .assignment-section-summary .warn.next-section-link:hover i[disabled] .count,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .warn.exit-button:hover i[disabled] .count,
  .zybook-zylab-similarity-page .zb-toolbar .warn.exit-button:hover i[disabled] .count,
  .view-request-card .warn.back-to-library-link:hover i[disabled] .count,
  .review-adoption .warn.back-to-library-link:hover i[disabled] .count,
  details &gt; summary.warn:hover i[disabled] .count,
  .pythonTutor .ExecutionVisualizer #vcrControls .warn.button:hover i[disabled] .count,
  .definition-match-payload .definition-match-term &gt; div.warn:hover i[disabled] .count,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.fr-btn:hover:last-child i[disabled] .count,
  .zb-feedback .expanded-feedback .zb-control-row .warn.more-info:hover i[disabled] .count,
  .student-instructions-modal .warn.copy-instructions-to-clipboard-button:hover i.disabled .count,
  .zybook-configure-panel .panel-content .warn.move-sections-button:hover i.disabled .count,
  .subscribe-student-panel .warn.already-paid:hover i.disabled .count,
  .modify-section .toolbar-container .toolbar-card .warn.show-me-how-link:hover i.disabled .count,
  .instructor-note-container .warn.show-edit-instructor-note-icon:hover i.disabled .count,
  .assignment-section-summary .warn.next-section-link:hover i.disabled .count,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .warn.exit-button:hover i.disabled .count,
  .zybook-zylab-similarity-page .zb-toolbar .warn.exit-button:hover i.disabled .count,
  .view-request-card .warn.back-to-library-link:hover i.disabled .count,
  .review-adoption .warn.back-to-library-link:hover i.disabled .count,
  details &gt; summary.warn:hover i.disabled .count,
  .pythonTutor .ExecutionVisualizer #vcrControls .warn.button:hover i.disabled .count,
  .definition-match-payload .definition-match-term &gt; div.warn:hover i.disabled .count,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.fr-btn:hover:last-child i.disabled .count,
  .zb-feedback .expanded-feedback .zb-control-row .warn.more-info:hover i.disabled .count {
    background-color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  }
  .zb-button.grey:hover, .zb-button.grey:hover i,
  .student-instructions-modal .grey.copy-instructions-to-clipboard-button:hover,
  .zybook-configure-panel .panel-content .grey.move-sections-button:hover,
  .subscribe-student-panel .grey.already-paid:hover,
  .modify-section .toolbar-container .toolbar-card .grey.show-me-how-link:hover,
  .instructor-note-container .grey.show-edit-instructor-note-icon:hover,
  .assignment-section-summary .grey.next-section-link:hover,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .grey.exit-button:hover,
  .zybook-zylab-similarity-page .zb-toolbar .grey.exit-button:hover,
  .view-request-card .grey.back-to-library-link:hover,
  .review-adoption .grey.back-to-library-link:hover,
  details &gt; summary.grey:hover,
  .pythonTutor .ExecutionVisualizer #vcrControls .grey.button:hover,
  .definition-match-payload .definition-match-term &gt; div.grey:hover,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.fr-btn:hover:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .grey.more-info:hover,
  .student-instructions-modal .grey.copy-instructions-to-clipboard-button:hover i,
  .zybook-configure-panel .panel-content .grey.move-sections-button:hover i,
  .subscribe-student-panel .grey.already-paid:hover i,
  .modify-section .toolbar-container .toolbar-card .grey.show-me-how-link:hover i,
  .instructor-note-container .grey.show-edit-instructor-note-icon:hover i,
  .assignment-section-summary .grey.next-section-link:hover i,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .grey.exit-button:hover i,
  .zybook-zylab-similarity-page .zb-toolbar .grey.exit-button:hover i,
  .view-request-card .grey.back-to-library-link:hover i,
  .review-adoption .grey.back-to-library-link:hover i,
  details &gt; summary.grey:hover i,
  .pythonTutor .ExecutionVisualizer #vcrControls .grey.button:hover i,
  .definition-match-payload .definition-match-term &gt; div.grey:hover i,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.fr-btn:hover:last-child i,
  .zb-feedback .expanded-feedback .zb-control-row .grey.more-info:hover i {
    color: hsl(calc(var(--zb-semantic-color-button-text-hover-h) + 0deg), calc(var(--zb-semantic-color-button-text-hover-s) + 0%), calc(var(--zb-semantic-color-button-text-hover-l) + 0%), calc(var(--zb-semantic-color-button-text-hover-a) + 0));
  }
  .zb-button.grey:hover .count, .zb-button.grey:hover i .count,
  .student-instructions-modal .grey.copy-instructions-to-clipboard-button:hover .count,
  .zybook-configure-panel .panel-content .grey.move-sections-button:hover .count,
  .subscribe-student-panel .grey.already-paid:hover .count,
  .modify-section .toolbar-container .toolbar-card .grey.show-me-how-link:hover .count,
  .instructor-note-container .grey.show-edit-instructor-note-icon:hover .count,
  .assignment-section-summary .grey.next-section-link:hover .count,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .grey.exit-button:hover .count,
  .zybook-zylab-similarity-page .zb-toolbar .grey.exit-button:hover .count,
  .view-request-card .grey.back-to-library-link:hover .count,
  .review-adoption .grey.back-to-library-link:hover .count,
  details &gt; summary.grey:hover .count,
  .pythonTutor .ExecutionVisualizer #vcrControls .grey.button:hover .count,
  .definition-match-payload .definition-match-term &gt; div.grey:hover .count,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.fr-btn:hover:last-child .count,
  .zb-feedback .expanded-feedback .zb-control-row .grey.more-info:hover .count {
    background-color: hsl(calc(var(--zb-semantic-color-button-text-hover-h) + 0deg), calc(var(--zb-semantic-color-button-text-hover-s) + 0%), calc(var(--zb-semantic-color-button-text-hover-l) + 0%), calc(var(--zb-semantic-color-button-text-hover-a) + 0));
  }
  .zb-button.grey:hover[aria-disabled=true], .zb-button.grey:hover[disabled], .zb-button.grey:hover.disabled, .zb-button.grey:hover i[aria-disabled=true], .zb-button.grey:hover i[disabled], .zb-button.grey:hover i.disabled,
  .student-instructions-modal .grey.copy-instructions-to-clipboard-button:hover[aria-disabled=true],
  .zybook-configure-panel .panel-content .grey.move-sections-button:hover[aria-disabled=true],
  .subscribe-student-panel .grey.already-paid:hover[aria-disabled=true],
  .modify-section .toolbar-container .toolbar-card .grey.show-me-how-link:hover[aria-disabled=true],
  .instructor-note-container .grey.show-edit-instructor-note-icon:hover[aria-disabled=true],
  .assignment-section-summary .grey.next-section-link:hover[aria-disabled=true],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .grey.exit-button:hover[aria-disabled=true],
  .zybook-zylab-similarity-page .zb-toolbar .grey.exit-button:hover[aria-disabled=true],
  .view-request-card .grey.back-to-library-link:hover[aria-disabled=true],
  .review-adoption .grey.back-to-library-link:hover[aria-disabled=true],
  details &gt; summary.grey:hover[aria-disabled=true],
  .pythonTutor .ExecutionVisualizer #vcrControls .grey.button:hover[aria-disabled=true],
  .definition-match-payload .definition-match-term &gt; div.grey:hover[aria-disabled=true],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.fr-btn:hover[aria-disabled=true]:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .grey.more-info:hover[aria-disabled=true],
  .student-instructions-modal .grey.copy-instructions-to-clipboard-button:hover[disabled],
  .zybook-configure-panel .panel-content .grey.move-sections-button:hover[disabled],
  .subscribe-student-panel .grey.already-paid:hover[disabled],
  .modify-section .toolbar-container .toolbar-card .grey.show-me-how-link:hover[disabled],
  .instructor-note-container .grey.show-edit-instructor-note-icon:hover[disabled],
  .assignment-section-summary .grey.next-section-link:hover[disabled],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .grey.exit-button:hover[disabled],
  .zybook-zylab-similarity-page .zb-toolbar .grey.exit-button:hover[disabled],
  .view-request-card .grey.back-to-library-link:hover[disabled],
  .review-adoption .grey.back-to-library-link:hover[disabled],
  details &gt; summary.grey:hover[disabled],
  .pythonTutor .ExecutionVisualizer #vcrControls .grey.button:hover[disabled],
  .definition-match-payload .definition-match-term &gt; div.grey:hover[disabled],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.fr-btn:hover[disabled]:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .grey.more-info:hover[disabled],
  .student-instructions-modal .grey.copy-instructions-to-clipboard-button:hover.disabled,
  .zybook-configure-panel .panel-content .grey.move-sections-button:hover.disabled,
  .subscribe-student-panel .grey.already-paid:hover.disabled,
  .modify-section .toolbar-container .toolbar-card .grey.show-me-how-link:hover.disabled,
  .instructor-note-container .grey.show-edit-instructor-note-icon:hover.disabled,
  .assignment-section-summary .grey.next-section-link:hover.disabled,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .grey.exit-button:hover.disabled,
  .zybook-zylab-similarity-page .zb-toolbar .grey.exit-button:hover.disabled,
  .view-request-card .grey.back-to-library-link:hover.disabled,
  .review-adoption .grey.back-to-library-link:hover.disabled,
  details &gt; summary.grey:hover.disabled,
  .pythonTutor .ExecutionVisualizer #vcrControls .grey.button:hover.disabled,
  .definition-match-payload .definition-match-term &gt; div.grey:hover.disabled,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.fr-btn:hover.disabled:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .grey.more-info:hover.disabled,
  .student-instructions-modal .grey.copy-instructions-to-clipboard-button:hover i[aria-disabled=true],
  .zybook-configure-panel .panel-content .grey.move-sections-button:hover i[aria-disabled=true],
  .subscribe-student-panel .grey.already-paid:hover i[aria-disabled=true],
  .modify-section .toolbar-container .toolbar-card .grey.show-me-how-link:hover i[aria-disabled=true],
  .instructor-note-container .grey.show-edit-instructor-note-icon:hover i[aria-disabled=true],
  .assignment-section-summary .grey.next-section-link:hover i[aria-disabled=true],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .grey.exit-button:hover i[aria-disabled=true],
  .zybook-zylab-similarity-page .zb-toolbar .grey.exit-button:hover i[aria-disabled=true],
  .view-request-card .grey.back-to-library-link:hover i[aria-disabled=true],
  .review-adoption .grey.back-to-library-link:hover i[aria-disabled=true],
  details &gt; summary.grey:hover i[aria-disabled=true],
  .pythonTutor .ExecutionVisualizer #vcrControls .grey.button:hover i[aria-disabled=true],
  .definition-match-payload .definition-match-term &gt; div.grey:hover i[aria-disabled=true],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.fr-btn:hover:last-child i[aria-disabled=true],
  .zb-feedback .expanded-feedback .zb-control-row .grey.more-info:hover i[aria-disabled=true],
  .student-instructions-modal .grey.copy-instructions-to-clipboard-button:hover i[disabled],
  .zybook-configure-panel .panel-content .grey.move-sections-button:hover i[disabled],
  .subscribe-student-panel .grey.already-paid:hover i[disabled],
  .modify-section .toolbar-container .toolbar-card .grey.show-me-how-link:hover i[disabled],
  .instructor-note-container .grey.show-edit-instructor-note-icon:hover i[disabled],
  .assignment-section-summary .grey.next-section-link:hover i[disabled],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .grey.exit-button:hover i[disabled],
  .zybook-zylab-similarity-page .zb-toolbar .grey.exit-button:hover i[disabled],
  .view-request-card .grey.back-to-library-link:hover i[disabled],
  .review-adoption .grey.back-to-library-link:hover i[disabled],
  details &gt; summary.grey:hover i[disabled],
  .pythonTutor .ExecutionVisualizer #vcrControls .grey.button:hover i[disabled],
  .definition-match-payload .definition-match-term &gt; div.grey:hover i[disabled],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.fr-btn:hover:last-child i[disabled],
  .zb-feedback .expanded-feedback .zb-control-row .grey.more-info:hover i[disabled],
  .student-instructions-modal .grey.copy-instructions-to-clipboard-button:hover i.disabled,
  .zybook-configure-panel .panel-content .grey.move-sections-button:hover i.disabled,
  .subscribe-student-panel .grey.already-paid:hover i.disabled,
  .modify-section .toolbar-container .toolbar-card .grey.show-me-how-link:hover i.disabled,
  .instructor-note-container .grey.show-edit-instructor-note-icon:hover i.disabled,
  .assignment-section-summary .grey.next-section-link:hover i.disabled,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .grey.exit-button:hover i.disabled,
  .zybook-zylab-similarity-page .zb-toolbar .grey.exit-button:hover i.disabled,
  .view-request-card .grey.back-to-library-link:hover i.disabled,
  .review-adoption .grey.back-to-library-link:hover i.disabled,
  details &gt; summary.grey:hover i.disabled,
  .pythonTutor .ExecutionVisualizer #vcrControls .grey.button:hover i.disabled,
  .definition-match-payload .definition-match-term &gt; div.grey:hover i.disabled,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.fr-btn:hover:last-child i.disabled,
  .zb-feedback .expanded-feedback .zb-control-row .grey.more-info:hover i.disabled {
    color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  }
  .zb-button.grey:hover[aria-disabled=true] .count, .zb-button.grey:hover[disabled] .count, .zb-button.grey:hover.disabled .count, .zb-button.grey:hover i[aria-disabled=true] .count, .zb-button.grey:hover i[disabled] .count, .zb-button.grey:hover i.disabled .count,
  .student-instructions-modal .grey.copy-instructions-to-clipboard-button:hover[aria-disabled=true] .count,
  .zybook-configure-panel .panel-content .grey.move-sections-button:hover[aria-disabled=true] .count,
  .subscribe-student-panel .grey.already-paid:hover[aria-disabled=true] .count,
  .modify-section .toolbar-container .toolbar-card .grey.show-me-how-link:hover[aria-disabled=true] .count,
  .instructor-note-container .grey.show-edit-instructor-note-icon:hover[aria-disabled=true] .count,
  .assignment-section-summary .grey.next-section-link:hover[aria-disabled=true] .count,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .grey.exit-button:hover[aria-disabled=true] .count,
  .zybook-zylab-similarity-page .zb-toolbar .grey.exit-button:hover[aria-disabled=true] .count,
  .view-request-card .grey.back-to-library-link:hover[aria-disabled=true] .count,
  .review-adoption .grey.back-to-library-link:hover[aria-disabled=true] .count,
  details &gt; summary.grey:hover[aria-disabled=true] .count,
  .pythonTutor .ExecutionVisualizer #vcrControls .grey.button:hover[aria-disabled=true] .count,
  .definition-match-payload .definition-match-term &gt; div.grey:hover[aria-disabled=true] .count,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.fr-btn:hover[aria-disabled=true]:last-child .count,
  .zb-feedback .expanded-feedback .zb-control-row .grey.more-info:hover[aria-disabled=true] .count,
  .student-instructions-modal .grey.copy-instructions-to-clipboard-button:hover[disabled] .count,
  .zybook-configure-panel .panel-content .grey.move-sections-button:hover[disabled] .count,
  .subscribe-student-panel .grey.already-paid:hover[disabled] .count,
  .modify-section .toolbar-container .toolbar-card .grey.show-me-how-link:hover[disabled] .count,
  .instructor-note-container .grey.show-edit-instructor-note-icon:hover[disabled] .count,
  .assignment-section-summary .grey.next-section-link:hover[disabled] .count,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .grey.exit-button:hover[disabled] .count,
  .zybook-zylab-similarity-page .zb-toolbar .grey.exit-button:hover[disabled] .count,
  .view-request-card .grey.back-to-library-link:hover[disabled] .count,
  .review-adoption .grey.back-to-library-link:hover[disabled] .count,
  details &gt; summary.grey:hover[disabled] .count,
  .pythonTutor .ExecutionVisualizer #vcrControls .grey.button:hover[disabled] .count,
  .definition-match-payload .definition-match-term &gt; div.grey:hover[disabled] .count,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.fr-btn:hover[disabled]:last-child .count,
  .zb-feedback .expanded-feedback .zb-control-row .grey.more-info:hover[disabled] .count,
  .student-instructions-modal .grey.copy-instructions-to-clipboard-button:hover.disabled .count,
  .zybook-configure-panel .panel-content .grey.move-sections-button:hover.disabled .count,
  .subscribe-student-panel .grey.already-paid:hover.disabled .count,
  .modify-section .toolbar-container .toolbar-card .grey.show-me-how-link:hover.disabled .count,
  .instructor-note-container .grey.show-edit-instructor-note-icon:hover.disabled .count,
  .assignment-section-summary .grey.next-section-link:hover.disabled .count,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .grey.exit-button:hover.disabled .count,
  .zybook-zylab-similarity-page .zb-toolbar .grey.exit-button:hover.disabled .count,
  .view-request-card .grey.back-to-library-link:hover.disabled .count,
  .review-adoption .grey.back-to-library-link:hover.disabled .count,
  details &gt; summary.grey:hover.disabled .count,
  .pythonTutor .ExecutionVisualizer #vcrControls .grey.button:hover.disabled .count,
  .definition-match-payload .definition-match-term &gt; div.grey:hover.disabled .count,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.fr-btn:hover.disabled:last-child .count,
  .zb-feedback .expanded-feedback .zb-control-row .grey.more-info:hover.disabled .count,
  .student-instructions-modal .grey.copy-instructions-to-clipboard-button:hover i[aria-disabled=true] .count,
  .zybook-configure-panel .panel-content .grey.move-sections-button:hover i[aria-disabled=true] .count,
  .subscribe-student-panel .grey.already-paid:hover i[aria-disabled=true] .count,
  .modify-section .toolbar-container .toolbar-card .grey.show-me-how-link:hover i[aria-disabled=true] .count,
  .instructor-note-container .grey.show-edit-instructor-note-icon:hover i[aria-disabled=true] .count,
  .assignment-section-summary .grey.next-section-link:hover i[aria-disabled=true] .count,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .grey.exit-button:hover i[aria-disabled=true] .count,
  .zybook-zylab-similarity-page .zb-toolbar .grey.exit-button:hover i[aria-disabled=true] .count,
  .view-request-card .grey.back-to-library-link:hover i[aria-disabled=true] .count,
  .review-adoption .grey.back-to-library-link:hover i[aria-disabled=true] .count,
  details &gt; summary.grey:hover i[aria-disabled=true] .count,
  .pythonTutor .ExecutionVisualizer #vcrControls .grey.button:hover i[aria-disabled=true] .count,
  .definition-match-payload .definition-match-term &gt; div.grey:hover i[aria-disabled=true] .count,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.fr-btn:hover:last-child i[aria-disabled=true] .count,
  .zb-feedback .expanded-feedback .zb-control-row .grey.more-info:hover i[aria-disabled=true] .count,
  .student-instructions-modal .grey.copy-instructions-to-clipboard-button:hover i[disabled] .count,
  .zybook-configure-panel .panel-content .grey.move-sections-button:hover i[disabled] .count,
  .subscribe-student-panel .grey.already-paid:hover i[disabled] .count,
  .modify-section .toolbar-container .toolbar-card .grey.show-me-how-link:hover i[disabled] .count,
  .instructor-note-container .grey.show-edit-instructor-note-icon:hover i[disabled] .count,
  .assignment-section-summary .grey.next-section-link:hover i[disabled] .count,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .grey.exit-button:hover i[disabled] .count,
  .zybook-zylab-similarity-page .zb-toolbar .grey.exit-button:hover i[disabled] .count,
  .view-request-card .grey.back-to-library-link:hover i[disabled] .count,
  .review-adoption .grey.back-to-library-link:hover i[disabled] .count,
  details &gt; summary.grey:hover i[disabled] .count,
  .pythonTutor .ExecutionVisualizer #vcrControls .grey.button:hover i[disabled] .count,
  .definition-match-payload .definition-match-term &gt; div.grey:hover i[disabled] .count,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.fr-btn:hover:last-child i[disabled] .count,
  .zb-feedback .expanded-feedback .zb-control-row .grey.more-info:hover i[disabled] .count,
  .student-instructions-modal .grey.copy-instructions-to-clipboard-button:hover i.disabled .count,
  .zybook-configure-panel .panel-content .grey.move-sections-button:hover i.disabled .count,
  .subscribe-student-panel .grey.already-paid:hover i.disabled .count,
  .modify-section .toolbar-container .toolbar-card .grey.show-me-how-link:hover i.disabled .count,
  .instructor-note-container .grey.show-edit-instructor-note-icon:hover i.disabled .count,
  .assignment-section-summary .grey.next-section-link:hover i.disabled .count,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .grey.exit-button:hover i.disabled .count,
  .zybook-zylab-similarity-page .zb-toolbar .grey.exit-button:hover i.disabled .count,
  .view-request-card .grey.back-to-library-link:hover i.disabled .count,
  .review-adoption .grey.back-to-library-link:hover i.disabled .count,
  details &gt; summary.grey:hover i.disabled .count,
  .pythonTutor .ExecutionVisualizer #vcrControls .grey.button:hover i.disabled .count,
  .definition-match-payload .definition-match-term &gt; div.grey:hover i.disabled .count,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.fr-btn:hover:last-child i.disabled .count,
  .zb-feedback .expanded-feedback .zb-control-row .grey.more-info:hover i.disabled .count {
    background-color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  }
  .zb-button.green.raised:hover, .zb-button.green.raised:hover i,
  .student-instructions-modal .green.raised.copy-instructions-to-clipboard-button:hover,
  .zybook-configure-panel .panel-content .green.raised.move-sections-button:hover,
  .subscribe-student-panel .green.raised.already-paid:hover,
  .modify-section .toolbar-container .toolbar-card .green.raised.show-me-how-link:hover,
  .instructor-note-container .green.raised.show-edit-instructor-note-icon:hover,
  .assignment-section-summary .green.raised.next-section-link:hover,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .green.raised.exit-button:hover,
  .zybook-zylab-similarity-page .zb-toolbar .green.raised.exit-button:hover,
  .view-request-card .green.raised.back-to-library-link:hover,
  .review-adoption .green.raised.back-to-library-link:hover,
  details &gt; summary.green.raised:hover,
  .pythonTutor .ExecutionVisualizer #vcrControls .green.raised.button:hover,
  .definition-match-payload .definition-match-term &gt; div.green.raised:hover,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.raised.fr-btn:hover:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .green.raised.more-info:hover,
  .student-instructions-modal .green.raised.copy-instructions-to-clipboard-button:hover i,
  .zybook-configure-panel .panel-content .green.raised.move-sections-button:hover i,
  .subscribe-student-panel .green.raised.already-paid:hover i,
  .modify-section .toolbar-container .toolbar-card .green.raised.show-me-how-link:hover i,
  .instructor-note-container .green.raised.show-edit-instructor-note-icon:hover i,
  .assignment-section-summary .green.raised.next-section-link:hover i,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .green.raised.exit-button:hover i,
  .zybook-zylab-similarity-page .zb-toolbar .green.raised.exit-button:hover i,
  .view-request-card .green.raised.back-to-library-link:hover i,
  .review-adoption .green.raised.back-to-library-link:hover i,
  details &gt; summary.green.raised:hover i,
  .pythonTutor .ExecutionVisualizer #vcrControls .green.raised.button:hover i,
  .definition-match-payload .definition-match-term &gt; div.green.raised:hover i,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.raised.fr-btn:hover:last-child i,
  .zb-feedback .expanded-feedback .zb-control-row .green.raised.more-info:hover i {
    color: hsl(calc(var(--zb-semantic-color-button-raised-h) + 0deg), calc(var(--zb-semantic-color-button-raised-s) + 0%), calc(var(--zb-semantic-color-button-raised-l) + 0%), calc(var(--zb-semantic-color-button-raised-a) + 0));
  }
  .zb-button.green.raised:hover[aria-disabled=true], .zb-button.green.raised:hover[disabled], .zb-button.green.raised:hover.disabled, .zb-button.green.raised:hover i[aria-disabled=true], .zb-button.green.raised:hover i[disabled], .zb-button.green.raised:hover i.disabled,
  .student-instructions-modal .green.raised.copy-instructions-to-clipboard-button:hover[aria-disabled=true],
  .zybook-configure-panel .panel-content .green.raised.move-sections-button:hover[aria-disabled=true],
  .subscribe-student-panel .green.raised.already-paid:hover[aria-disabled=true],
  .modify-section .toolbar-container .toolbar-card .green.raised.show-me-how-link:hover[aria-disabled=true],
  .instructor-note-container .green.raised.show-edit-instructor-note-icon:hover[aria-disabled=true],
  .assignment-section-summary .green.raised.next-section-link:hover[aria-disabled=true],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .green.raised.exit-button:hover[aria-disabled=true],
  .zybook-zylab-similarity-page .zb-toolbar .green.raised.exit-button:hover[aria-disabled=true],
  .view-request-card .green.raised.back-to-library-link:hover[aria-disabled=true],
  .review-adoption .green.raised.back-to-library-link:hover[aria-disabled=true],
  details &gt; summary.green.raised:hover[aria-disabled=true],
  .pythonTutor .ExecutionVisualizer #vcrControls .green.raised.button:hover[aria-disabled=true],
  .definition-match-payload .definition-match-term &gt; div.green.raised:hover[aria-disabled=true],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.raised.fr-btn:hover[aria-disabled=true]:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .green.raised.more-info:hover[aria-disabled=true],
  .student-instructions-modal .green.raised.copy-instructions-to-clipboard-button:hover[disabled],
  .zybook-configure-panel .panel-content .green.raised.move-sections-button:hover[disabled],
  .subscribe-student-panel .green.raised.already-paid:hover[disabled],
  .modify-section .toolbar-container .toolbar-card .green.raised.show-me-how-link:hover[disabled],
  .instructor-note-container .green.raised.show-edit-instructor-note-icon:hover[disabled],
  .assignment-section-summary .green.raised.next-section-link:hover[disabled],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .green.raised.exit-button:hover[disabled],
  .zybook-zylab-similarity-page .zb-toolbar .green.raised.exit-button:hover[disabled],
  .view-request-card .green.raised.back-to-library-link:hover[disabled],
  .review-adoption .green.raised.back-to-library-link:hover[disabled],
  details &gt; summary.green.raised:hover[disabled],
  .pythonTutor .ExecutionVisualizer #vcrControls .green.raised.button:hover[disabled],
  .definition-match-payload .definition-match-term &gt; div.green.raised:hover[disabled],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.raised.fr-btn:hover[disabled]:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .green.raised.more-info:hover[disabled],
  .student-instructions-modal .green.raised.copy-instructions-to-clipboard-button:hover.disabled,
  .zybook-configure-panel .panel-content .green.raised.move-sections-button:hover.disabled,
  .subscribe-student-panel .green.raised.already-paid:hover.disabled,
  .modify-section .toolbar-container .toolbar-card .green.raised.show-me-how-link:hover.disabled,
  .instructor-note-container .green.raised.show-edit-instructor-note-icon:hover.disabled,
  .assignment-section-summary .green.raised.next-section-link:hover.disabled,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .green.raised.exit-button:hover.disabled,
  .zybook-zylab-similarity-page .zb-toolbar .green.raised.exit-button:hover.disabled,
  .view-request-card .green.raised.back-to-library-link:hover.disabled,
  .review-adoption .green.raised.back-to-library-link:hover.disabled,
  details &gt; summary.green.raised:hover.disabled,
  .pythonTutor .ExecutionVisualizer #vcrControls .green.raised.button:hover.disabled,
  .definition-match-payload .definition-match-term &gt; div.green.raised:hover.disabled,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.raised.fr-btn:hover.disabled:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .green.raised.more-info:hover.disabled,
  .student-instructions-modal .green.raised.copy-instructions-to-clipboard-button:hover i[aria-disabled=true],
  .zybook-configure-panel .panel-content .green.raised.move-sections-button:hover i[aria-disabled=true],
  .subscribe-student-panel .green.raised.already-paid:hover i[aria-disabled=true],
  .modify-section .toolbar-container .toolbar-card .green.raised.show-me-how-link:hover i[aria-disabled=true],
  .instructor-note-container .green.raised.show-edit-instructor-note-icon:hover i[aria-disabled=true],
  .assignment-section-summary .green.raised.next-section-link:hover i[aria-disabled=true],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .green.raised.exit-button:hover i[aria-disabled=true],
  .zybook-zylab-similarity-page .zb-toolbar .green.raised.exit-button:hover i[aria-disabled=true],
  .view-request-card .green.raised.back-to-library-link:hover i[aria-disabled=true],
  .review-adoption .green.raised.back-to-library-link:hover i[aria-disabled=true],
  details &gt; summary.green.raised:hover i[aria-disabled=true],
  .pythonTutor .ExecutionVisualizer #vcrControls .green.raised.button:hover i[aria-disabled=true],
  .definition-match-payload .definition-match-term &gt; div.green.raised:hover i[aria-disabled=true],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.raised.fr-btn:hover:last-child i[aria-disabled=true],
  .zb-feedback .expanded-feedback .zb-control-row .green.raised.more-info:hover i[aria-disabled=true],
  .student-instructions-modal .green.raised.copy-instructions-to-clipboard-button:hover i[disabled],
  .zybook-configure-panel .panel-content .green.raised.move-sections-button:hover i[disabled],
  .subscribe-student-panel .green.raised.already-paid:hover i[disabled],
  .modify-section .toolbar-container .toolbar-card .green.raised.show-me-how-link:hover i[disabled],
  .instructor-note-container .green.raised.show-edit-instructor-note-icon:hover i[disabled],
  .assignment-section-summary .green.raised.next-section-link:hover i[disabled],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .green.raised.exit-button:hover i[disabled],
  .zybook-zylab-similarity-page .zb-toolbar .green.raised.exit-button:hover i[disabled],
  .view-request-card .green.raised.back-to-library-link:hover i[disabled],
  .review-adoption .green.raised.back-to-library-link:hover i[disabled],
  details &gt; summary.green.raised:hover i[disabled],
  .pythonTutor .ExecutionVisualizer #vcrControls .green.raised.button:hover i[disabled],
  .definition-match-payload .definition-match-term &gt; div.green.raised:hover i[disabled],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.raised.fr-btn:hover:last-child i[disabled],
  .zb-feedback .expanded-feedback .zb-control-row .green.raised.more-info:hover i[disabled],
  .student-instructions-modal .green.raised.copy-instructions-to-clipboard-button:hover i.disabled,
  .zybook-configure-panel .panel-content .green.raised.move-sections-button:hover i.disabled,
  .subscribe-student-panel .green.raised.already-paid:hover i.disabled,
  .modify-section .toolbar-container .toolbar-card .green.raised.show-me-how-link:hover i.disabled,
  .instructor-note-container .green.raised.show-edit-instructor-note-icon:hover i.disabled,
  .assignment-section-summary .green.raised.next-section-link:hover i.disabled,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .green.raised.exit-button:hover i.disabled,
  .zybook-zylab-similarity-page .zb-toolbar .green.raised.exit-button:hover i.disabled,
  .view-request-card .green.raised.back-to-library-link:hover i.disabled,
  .review-adoption .green.raised.back-to-library-link:hover i.disabled,
  details &gt; summary.green.raised:hover i.disabled,
  .pythonTutor .ExecutionVisualizer #vcrControls .green.raised.button:hover i.disabled,
  .definition-match-payload .definition-match-term &gt; div.green.raised:hover i.disabled,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .green.raised.fr-btn:hover:last-child i.disabled,
  .zb-feedback .expanded-feedback .zb-control-row .green.raised.more-info:hover i.disabled {
    color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  }
  .zb-button.grey.raised:hover, .zb-button.grey.raised:hover i,
  .student-instructions-modal .grey.raised.copy-instructions-to-clipboard-button:hover,
  .zybook-configure-panel .panel-content .grey.raised.move-sections-button:hover,
  .subscribe-student-panel .grey.raised.already-paid:hover,
  .modify-section .toolbar-container .toolbar-card .grey.raised.show-me-how-link:hover,
  .instructor-note-container .grey.raised.show-edit-instructor-note-icon:hover,
  .assignment-section-summary .grey.raised.next-section-link:hover,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .grey.raised.exit-button:hover,
  .zybook-zylab-similarity-page .zb-toolbar .grey.raised.exit-button:hover,
  .view-request-card .grey.raised.back-to-library-link:hover,
  .review-adoption .grey.raised.back-to-library-link:hover,
  details &gt; summary.grey.raised:hover,
  .pythonTutor .ExecutionVisualizer #vcrControls .grey.raised.button:hover,
  .definition-match-payload .definition-match-term &gt; div.grey.raised:hover,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.raised.fr-btn:hover:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .grey.raised.more-info:hover,
  .student-instructions-modal .grey.raised.copy-instructions-to-clipboard-button:hover i,
  .zybook-configure-panel .panel-content .grey.raised.move-sections-button:hover i,
  .subscribe-student-panel .grey.raised.already-paid:hover i,
  .modify-section .toolbar-container .toolbar-card .grey.raised.show-me-how-link:hover i,
  .instructor-note-container .grey.raised.show-edit-instructor-note-icon:hover i,
  .assignment-section-summary .grey.raised.next-section-link:hover i,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .grey.raised.exit-button:hover i,
  .zybook-zylab-similarity-page .zb-toolbar .grey.raised.exit-button:hover i,
  .view-request-card .grey.raised.back-to-library-link:hover i,
  .review-adoption .grey.raised.back-to-library-link:hover i,
  details &gt; summary.grey.raised:hover i,
  .pythonTutor .ExecutionVisualizer #vcrControls .grey.raised.button:hover i,
  .definition-match-payload .definition-match-term &gt; div.grey.raised:hover i,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.raised.fr-btn:hover:last-child i,
  .zb-feedback .expanded-feedback .zb-control-row .grey.raised.more-info:hover i {
    color: hsl(calc(var(--zb-semantic-color-button-raised-h) + 0deg), calc(var(--zb-semantic-color-button-raised-s) + 0%), calc(var(--zb-semantic-color-button-raised-l) + 0%), calc(var(--zb-semantic-color-button-raised-a) + 0));
  }
  .zb-button.grey.raised:hover[aria-disabled=true], .zb-button.grey.raised:hover[disabled], .zb-button.grey.raised:hover.disabled, .zb-button.grey.raised:hover i[aria-disabled=true], .zb-button.grey.raised:hover i[disabled], .zb-button.grey.raised:hover i.disabled,
  .student-instructions-modal .grey.raised.copy-instructions-to-clipboard-button:hover[aria-disabled=true],
  .zybook-configure-panel .panel-content .grey.raised.move-sections-button:hover[aria-disabled=true],
  .subscribe-student-panel .grey.raised.already-paid:hover[aria-disabled=true],
  .modify-section .toolbar-container .toolbar-card .grey.raised.show-me-how-link:hover[aria-disabled=true],
  .instructor-note-container .grey.raised.show-edit-instructor-note-icon:hover[aria-disabled=true],
  .assignment-section-summary .grey.raised.next-section-link:hover[aria-disabled=true],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .grey.raised.exit-button:hover[aria-disabled=true],
  .zybook-zylab-similarity-page .zb-toolbar .grey.raised.exit-button:hover[aria-disabled=true],
  .view-request-card .grey.raised.back-to-library-link:hover[aria-disabled=true],
  .review-adoption .grey.raised.back-to-library-link:hover[aria-disabled=true],
  details &gt; summary.grey.raised:hover[aria-disabled=true],
  .pythonTutor .ExecutionVisualizer #vcrControls .grey.raised.button:hover[aria-disabled=true],
  .definition-match-payload .definition-match-term &gt; div.grey.raised:hover[aria-disabled=true],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.raised.fr-btn:hover[aria-disabled=true]:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .grey.raised.more-info:hover[aria-disabled=true],
  .student-instructions-modal .grey.raised.copy-instructions-to-clipboard-button:hover[disabled],
  .zybook-configure-panel .panel-content .grey.raised.move-sections-button:hover[disabled],
  .subscribe-student-panel .grey.raised.already-paid:hover[disabled],
  .modify-section .toolbar-container .toolbar-card .grey.raised.show-me-how-link:hover[disabled],
  .instructor-note-container .grey.raised.show-edit-instructor-note-icon:hover[disabled],
  .assignment-section-summary .grey.raised.next-section-link:hover[disabled],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .grey.raised.exit-button:hover[disabled],
  .zybook-zylab-similarity-page .zb-toolbar .grey.raised.exit-button:hover[disabled],
  .view-request-card .grey.raised.back-to-library-link:hover[disabled],
  .review-adoption .grey.raised.back-to-library-link:hover[disabled],
  details &gt; summary.grey.raised:hover[disabled],
  .pythonTutor .ExecutionVisualizer #vcrControls .grey.raised.button:hover[disabled],
  .definition-match-payload .definition-match-term &gt; div.grey.raised:hover[disabled],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.raised.fr-btn:hover[disabled]:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .grey.raised.more-info:hover[disabled],
  .student-instructions-modal .grey.raised.copy-instructions-to-clipboard-button:hover.disabled,
  .zybook-configure-panel .panel-content .grey.raised.move-sections-button:hover.disabled,
  .subscribe-student-panel .grey.raised.already-paid:hover.disabled,
  .modify-section .toolbar-container .toolbar-card .grey.raised.show-me-how-link:hover.disabled,
  .instructor-note-container .grey.raised.show-edit-instructor-note-icon:hover.disabled,
  .assignment-section-summary .grey.raised.next-section-link:hover.disabled,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .grey.raised.exit-button:hover.disabled,
  .zybook-zylab-similarity-page .zb-toolbar .grey.raised.exit-button:hover.disabled,
  .view-request-card .grey.raised.back-to-library-link:hover.disabled,
  .review-adoption .grey.raised.back-to-library-link:hover.disabled,
  details &gt; summary.grey.raised:hover.disabled,
  .pythonTutor .ExecutionVisualizer #vcrControls .grey.raised.button:hover.disabled,
  .definition-match-payload .definition-match-term &gt; div.grey.raised:hover.disabled,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.raised.fr-btn:hover.disabled:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .grey.raised.more-info:hover.disabled,
  .student-instructions-modal .grey.raised.copy-instructions-to-clipboard-button:hover i[aria-disabled=true],
  .zybook-configure-panel .panel-content .grey.raised.move-sections-button:hover i[aria-disabled=true],
  .subscribe-student-panel .grey.raised.already-paid:hover i[aria-disabled=true],
  .modify-section .toolbar-container .toolbar-card .grey.raised.show-me-how-link:hover i[aria-disabled=true],
  .instructor-note-container .grey.raised.show-edit-instructor-note-icon:hover i[aria-disabled=true],
  .assignment-section-summary .grey.raised.next-section-link:hover i[aria-disabled=true],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .grey.raised.exit-button:hover i[aria-disabled=true],
  .zybook-zylab-similarity-page .zb-toolbar .grey.raised.exit-button:hover i[aria-disabled=true],
  .view-request-card .grey.raised.back-to-library-link:hover i[aria-disabled=true],
  .review-adoption .grey.raised.back-to-library-link:hover i[aria-disabled=true],
  details &gt; summary.grey.raised:hover i[aria-disabled=true],
  .pythonTutor .ExecutionVisualizer #vcrControls .grey.raised.button:hover i[aria-disabled=true],
  .definition-match-payload .definition-match-term &gt; div.grey.raised:hover i[aria-disabled=true],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.raised.fr-btn:hover:last-child i[aria-disabled=true],
  .zb-feedback .expanded-feedback .zb-control-row .grey.raised.more-info:hover i[aria-disabled=true],
  .student-instructions-modal .grey.raised.copy-instructions-to-clipboard-button:hover i[disabled],
  .zybook-configure-panel .panel-content .grey.raised.move-sections-button:hover i[disabled],
  .subscribe-student-panel .grey.raised.already-paid:hover i[disabled],
  .modify-section .toolbar-container .toolbar-card .grey.raised.show-me-how-link:hover i[disabled],
  .instructor-note-container .grey.raised.show-edit-instructor-note-icon:hover i[disabled],
  .assignment-section-summary .grey.raised.next-section-link:hover i[disabled],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .grey.raised.exit-button:hover i[disabled],
  .zybook-zylab-similarity-page .zb-toolbar .grey.raised.exit-button:hover i[disabled],
  .view-request-card .grey.raised.back-to-library-link:hover i[disabled],
  .review-adoption .grey.raised.back-to-library-link:hover i[disabled],
  details &gt; summary.grey.raised:hover i[disabled],
  .pythonTutor .ExecutionVisualizer #vcrControls .grey.raised.button:hover i[disabled],
  .definition-match-payload .definition-match-term &gt; div.grey.raised:hover i[disabled],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.raised.fr-btn:hover:last-child i[disabled],
  .zb-feedback .expanded-feedback .zb-control-row .grey.raised.more-info:hover i[disabled],
  .student-instructions-modal .grey.raised.copy-instructions-to-clipboard-button:hover i.disabled,
  .zybook-configure-panel .panel-content .grey.raised.move-sections-button:hover i.disabled,
  .subscribe-student-panel .grey.raised.already-paid:hover i.disabled,
  .modify-section .toolbar-container .toolbar-card .grey.raised.show-me-how-link:hover i.disabled,
  .instructor-note-container .grey.raised.show-edit-instructor-note-icon:hover i.disabled,
  .assignment-section-summary .grey.raised.next-section-link:hover i.disabled,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .grey.raised.exit-button:hover i.disabled,
  .zybook-zylab-similarity-page .zb-toolbar .grey.raised.exit-button:hover i.disabled,
  .view-request-card .grey.raised.back-to-library-link:hover i.disabled,
  .review-adoption .grey.raised.back-to-library-link:hover i.disabled,
  details &gt; summary.grey.raised:hover i.disabled,
  .pythonTutor .ExecutionVisualizer #vcrControls .grey.raised.button:hover i.disabled,
  .definition-match-payload .definition-match-term &gt; div.grey.raised:hover i.disabled,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.raised.fr-btn:hover:last-child i.disabled,
  .zb-feedback .expanded-feedback .zb-control-row .grey.raised.more-info:hover i.disabled {
    color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  }
  .zb-button.primary.raised:hover, .zb-button.primary.raised:hover i,
  .student-instructions-modal .primary.raised.copy-instructions-to-clipboard-button:hover,
  .zybook-configure-panel .panel-content .primary.raised.move-sections-button:hover,
  .subscribe-student-panel .primary.raised.already-paid:hover,
  .modify-section .toolbar-container .toolbar-card .primary.raised.show-me-how-link:hover,
  .instructor-note-container .primary.raised.show-edit-instructor-note-icon:hover,
  .assignment-section-summary .primary.raised.next-section-link:hover,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .primary.raised.exit-button:hover,
  .zybook-zylab-similarity-page .zb-toolbar .primary.raised.exit-button:hover,
  .view-request-card .primary.raised.back-to-library-link:hover,
  .review-adoption .primary.raised.back-to-library-link:hover,
  details &gt; summary.primary.raised:hover,
  .pythonTutor .ExecutionVisualizer #vcrControls .primary.raised.button:hover,
  .definition-match-payload .definition-match-term &gt; div.primary.raised:hover,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.raised.fr-btn:hover:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .primary.raised.more-info:hover,
  .student-instructions-modal .primary.raised.copy-instructions-to-clipboard-button:hover i,
  .zybook-configure-panel .panel-content .primary.raised.move-sections-button:hover i,
  .subscribe-student-panel .primary.raised.already-paid:hover i,
  .modify-section .toolbar-container .toolbar-card .primary.raised.show-me-how-link:hover i,
  .instructor-note-container .primary.raised.show-edit-instructor-note-icon:hover i,
  .assignment-section-summary .primary.raised.next-section-link:hover i,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .primary.raised.exit-button:hover i,
  .zybook-zylab-similarity-page .zb-toolbar .primary.raised.exit-button:hover i,
  .view-request-card .primary.raised.back-to-library-link:hover i,
  .review-adoption .primary.raised.back-to-library-link:hover i,
  details &gt; summary.primary.raised:hover i,
  .pythonTutor .ExecutionVisualizer #vcrControls .primary.raised.button:hover i,
  .definition-match-payload .definition-match-term &gt; div.primary.raised:hover i,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.raised.fr-btn:hover:last-child i,
  .zb-feedback .expanded-feedback .zb-control-row .primary.raised.more-info:hover i {
    color: hsl(calc(var(--zb-semantic-color-button-raised-h) + 0deg), calc(var(--zb-semantic-color-button-raised-s) + 0%), calc(var(--zb-semantic-color-button-raised-l) + 0%), calc(var(--zb-semantic-color-button-raised-a) + 0));
  }
  .zb-button.primary.raised:hover[aria-disabled=true], .zb-button.primary.raised:hover[disabled], .zb-button.primary.raised:hover.disabled, .zb-button.primary.raised:hover i[aria-disabled=true], .zb-button.primary.raised:hover i[disabled], .zb-button.primary.raised:hover i.disabled,
  .student-instructions-modal .primary.raised.copy-instructions-to-clipboard-button:hover[aria-disabled=true],
  .zybook-configure-panel .panel-content .primary.raised.move-sections-button:hover[aria-disabled=true],
  .subscribe-student-panel .primary.raised.already-paid:hover[aria-disabled=true],
  .modify-section .toolbar-container .toolbar-card .primary.raised.show-me-how-link:hover[aria-disabled=true],
  .instructor-note-container .primary.raised.show-edit-instructor-note-icon:hover[aria-disabled=true],
  .assignment-section-summary .primary.raised.next-section-link:hover[aria-disabled=true],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .primary.raised.exit-button:hover[aria-disabled=true],
  .zybook-zylab-similarity-page .zb-toolbar .primary.raised.exit-button:hover[aria-disabled=true],
  .view-request-card .primary.raised.back-to-library-link:hover[aria-disabled=true],
  .review-adoption .primary.raised.back-to-library-link:hover[aria-disabled=true],
  details &gt; summary.primary.raised:hover[aria-disabled=true],
  .pythonTutor .ExecutionVisualizer #vcrControls .primary.raised.button:hover[aria-disabled=true],
  .definition-match-payload .definition-match-term &gt; div.primary.raised:hover[aria-disabled=true],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.raised.fr-btn:hover[aria-disabled=true]:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .primary.raised.more-info:hover[aria-disabled=true],
  .student-instructions-modal .primary.raised.copy-instructions-to-clipboard-button:hover[disabled],
  .zybook-configure-panel .panel-content .primary.raised.move-sections-button:hover[disabled],
  .subscribe-student-panel .primary.raised.already-paid:hover[disabled],
  .modify-section .toolbar-container .toolbar-card .primary.raised.show-me-how-link:hover[disabled],
  .instructor-note-container .primary.raised.show-edit-instructor-note-icon:hover[disabled],
  .assignment-section-summary .primary.raised.next-section-link:hover[disabled],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .primary.raised.exit-button:hover[disabled],
  .zybook-zylab-similarity-page .zb-toolbar .primary.raised.exit-button:hover[disabled],
  .view-request-card .primary.raised.back-to-library-link:hover[disabled],
  .review-adoption .primary.raised.back-to-library-link:hover[disabled],
  details &gt; summary.primary.raised:hover[disabled],
  .pythonTutor .ExecutionVisualizer #vcrControls .primary.raised.button:hover[disabled],
  .definition-match-payload .definition-match-term &gt; div.primary.raised:hover[disabled],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.raised.fr-btn:hover[disabled]:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .primary.raised.more-info:hover[disabled],
  .student-instructions-modal .primary.raised.copy-instructions-to-clipboard-button:hover.disabled,
  .zybook-configure-panel .panel-content .primary.raised.move-sections-button:hover.disabled,
  .subscribe-student-panel .primary.raised.already-paid:hover.disabled,
  .modify-section .toolbar-container .toolbar-card .primary.raised.show-me-how-link:hover.disabled,
  .instructor-note-container .primary.raised.show-edit-instructor-note-icon:hover.disabled,
  .assignment-section-summary .primary.raised.next-section-link:hover.disabled,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .primary.raised.exit-button:hover.disabled,
  .zybook-zylab-similarity-page .zb-toolbar .primary.raised.exit-button:hover.disabled,
  .view-request-card .primary.raised.back-to-library-link:hover.disabled,
  .review-adoption .primary.raised.back-to-library-link:hover.disabled,
  details &gt; summary.primary.raised:hover.disabled,
  .pythonTutor .ExecutionVisualizer #vcrControls .primary.raised.button:hover.disabled,
  .definition-match-payload .definition-match-term &gt; div.primary.raised:hover.disabled,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.raised.fr-btn:hover.disabled:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .primary.raised.more-info:hover.disabled,
  .student-instructions-modal .primary.raised.copy-instructions-to-clipboard-button:hover i[aria-disabled=true],
  .zybook-configure-panel .panel-content .primary.raised.move-sections-button:hover i[aria-disabled=true],
  .subscribe-student-panel .primary.raised.already-paid:hover i[aria-disabled=true],
  .modify-section .toolbar-container .toolbar-card .primary.raised.show-me-how-link:hover i[aria-disabled=true],
  .instructor-note-container .primary.raised.show-edit-instructor-note-icon:hover i[aria-disabled=true],
  .assignment-section-summary .primary.raised.next-section-link:hover i[aria-disabled=true],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .primary.raised.exit-button:hover i[aria-disabled=true],
  .zybook-zylab-similarity-page .zb-toolbar .primary.raised.exit-button:hover i[aria-disabled=true],
  .view-request-card .primary.raised.back-to-library-link:hover i[aria-disabled=true],
  .review-adoption .primary.raised.back-to-library-link:hover i[aria-disabled=true],
  details &gt; summary.primary.raised:hover i[aria-disabled=true],
  .pythonTutor .ExecutionVisualizer #vcrControls .primary.raised.button:hover i[aria-disabled=true],
  .definition-match-payload .definition-match-term &gt; div.primary.raised:hover i[aria-disabled=true],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.raised.fr-btn:hover:last-child i[aria-disabled=true],
  .zb-feedback .expanded-feedback .zb-control-row .primary.raised.more-info:hover i[aria-disabled=true],
  .student-instructions-modal .primary.raised.copy-instructions-to-clipboard-button:hover i[disabled],
  .zybook-configure-panel .panel-content .primary.raised.move-sections-button:hover i[disabled],
  .subscribe-student-panel .primary.raised.already-paid:hover i[disabled],
  .modify-section .toolbar-container .toolbar-card .primary.raised.show-me-how-link:hover i[disabled],
  .instructor-note-container .primary.raised.show-edit-instructor-note-icon:hover i[disabled],
  .assignment-section-summary .primary.raised.next-section-link:hover i[disabled],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .primary.raised.exit-button:hover i[disabled],
  .zybook-zylab-similarity-page .zb-toolbar .primary.raised.exit-button:hover i[disabled],
  .view-request-card .primary.raised.back-to-library-link:hover i[disabled],
  .review-adoption .primary.raised.back-to-library-link:hover i[disabled],
  details &gt; summary.primary.raised:hover i[disabled],
  .pythonTutor .ExecutionVisualizer #vcrControls .primary.raised.button:hover i[disabled],
  .definition-match-payload .definition-match-term &gt; div.primary.raised:hover i[disabled],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.raised.fr-btn:hover:last-child i[disabled],
  .zb-feedback .expanded-feedback .zb-control-row .primary.raised.more-info:hover i[disabled],
  .student-instructions-modal .primary.raised.copy-instructions-to-clipboard-button:hover i.disabled,
  .zybook-configure-panel .panel-content .primary.raised.move-sections-button:hover i.disabled,
  .subscribe-student-panel .primary.raised.already-paid:hover i.disabled,
  .modify-section .toolbar-container .toolbar-card .primary.raised.show-me-how-link:hover i.disabled,
  .instructor-note-container .primary.raised.show-edit-instructor-note-icon:hover i.disabled,
  .assignment-section-summary .primary.raised.next-section-link:hover i.disabled,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .primary.raised.exit-button:hover i.disabled,
  .zybook-zylab-similarity-page .zb-toolbar .primary.raised.exit-button:hover i.disabled,
  .view-request-card .primary.raised.back-to-library-link:hover i.disabled,
  .review-adoption .primary.raised.back-to-library-link:hover i.disabled,
  details &gt; summary.primary.raised:hover i.disabled,
  .pythonTutor .ExecutionVisualizer #vcrControls .primary.raised.button:hover i.disabled,
  .definition-match-payload .definition-match-term &gt; div.primary.raised:hover i.disabled,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .primary.raised.fr-btn:hover:last-child i.disabled,
  .zb-feedback .expanded-feedback .zb-control-row .primary.raised.more-info:hover i.disabled {
    color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  }
  .zb-button.secondary.raised:hover, .zb-button.secondary.raised:hover i,
  .student-instructions-modal .secondary.raised.copy-instructions-to-clipboard-button:hover,
  .zybook-configure-panel .panel-content .secondary.raised.move-sections-button:hover,
  .subscribe-student-panel .secondary.raised.already-paid:hover,
  .modify-section .toolbar-container .toolbar-card .secondary.raised.show-me-how-link:hover,
  .instructor-note-container .secondary.raised.show-edit-instructor-note-icon:hover,
  .assignment-section-summary .secondary.raised.next-section-link:hover,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button:hover,
  .zybook-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button:hover,
  .view-request-card .secondary.raised.back-to-library-link:hover,
  .review-adoption .secondary.raised.back-to-library-link:hover,
  details &gt; summary.secondary.raised:hover,
  .pythonTutor .ExecutionVisualizer #vcrControls .secondary.raised.button:hover,
  .definition-match-payload .definition-match-term &gt; div.secondary.raised:hover,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.raised.fr-btn:hover:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .secondary.raised.more-info:hover,
  .student-instructions-modal .secondary.raised.copy-instructions-to-clipboard-button:hover i,
  .zybook-configure-panel .panel-content .secondary.raised.move-sections-button:hover i,
  .subscribe-student-panel .secondary.raised.already-paid:hover i,
  .modify-section .toolbar-container .toolbar-card .secondary.raised.show-me-how-link:hover i,
  .instructor-note-container .secondary.raised.show-edit-instructor-note-icon:hover i,
  .assignment-section-summary .secondary.raised.next-section-link:hover i,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button:hover i,
  .zybook-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button:hover i,
  .view-request-card .secondary.raised.back-to-library-link:hover i,
  .review-adoption .secondary.raised.back-to-library-link:hover i,
  details &gt; summary.secondary.raised:hover i,
  .pythonTutor .ExecutionVisualizer #vcrControls .secondary.raised.button:hover i,
  .definition-match-payload .definition-match-term &gt; div.secondary.raised:hover i,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.raised.fr-btn:hover:last-child i,
  .zb-feedback .expanded-feedback .zb-control-row .secondary.raised.more-info:hover i {
    color: hsl(calc(var(--zb-semantic-color-button-raised-h) + 0deg), calc(var(--zb-semantic-color-button-raised-s) + 0%), calc(var(--zb-semantic-color-button-raised-l) + 0%), calc(var(--zb-semantic-color-button-raised-a) + 0));
  }
  .zb-button.secondary.raised:hover[aria-disabled=true], .zb-button.secondary.raised:hover[disabled], .zb-button.secondary.raised:hover.disabled, .zb-button.secondary.raised:hover i[aria-disabled=true], .zb-button.secondary.raised:hover i[disabled], .zb-button.secondary.raised:hover i.disabled,
  .student-instructions-modal .secondary.raised.copy-instructions-to-clipboard-button:hover[aria-disabled=true],
  .zybook-configure-panel .panel-content .secondary.raised.move-sections-button:hover[aria-disabled=true],
  .subscribe-student-panel .secondary.raised.already-paid:hover[aria-disabled=true],
  .modify-section .toolbar-container .toolbar-card .secondary.raised.show-me-how-link:hover[aria-disabled=true],
  .instructor-note-container .secondary.raised.show-edit-instructor-note-icon:hover[aria-disabled=true],
  .assignment-section-summary .secondary.raised.next-section-link:hover[aria-disabled=true],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button:hover[aria-disabled=true],
  .zybook-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button:hover[aria-disabled=true],
  .view-request-card .secondary.raised.back-to-library-link:hover[aria-disabled=true],
  .review-adoption .secondary.raised.back-to-library-link:hover[aria-disabled=true],
  details &gt; summary.secondary.raised:hover[aria-disabled=true],
  .pythonTutor .ExecutionVisualizer #vcrControls .secondary.raised.button:hover[aria-disabled=true],
  .definition-match-payload .definition-match-term &gt; div.secondary.raised:hover[aria-disabled=true],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.raised.fr-btn:hover[aria-disabled=true]:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .secondary.raised.more-info:hover[aria-disabled=true],
  .student-instructions-modal .secondary.raised.copy-instructions-to-clipboard-button:hover[disabled],
  .zybook-configure-panel .panel-content .secondary.raised.move-sections-button:hover[disabled],
  .subscribe-student-panel .secondary.raised.already-paid:hover[disabled],
  .modify-section .toolbar-container .toolbar-card .secondary.raised.show-me-how-link:hover[disabled],
  .instructor-note-container .secondary.raised.show-edit-instructor-note-icon:hover[disabled],
  .assignment-section-summary .secondary.raised.next-section-link:hover[disabled],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button:hover[disabled],
  .zybook-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button:hover[disabled],
  .view-request-card .secondary.raised.back-to-library-link:hover[disabled],
  .review-adoption .secondary.raised.back-to-library-link:hover[disabled],
  details &gt; summary.secondary.raised:hover[disabled],
  .pythonTutor .ExecutionVisualizer #vcrControls .secondary.raised.button:hover[disabled],
  .definition-match-payload .definition-match-term &gt; div.secondary.raised:hover[disabled],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.raised.fr-btn:hover[disabled]:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .secondary.raised.more-info:hover[disabled],
  .student-instructions-modal .secondary.raised.copy-instructions-to-clipboard-button:hover.disabled,
  .zybook-configure-panel .panel-content .secondary.raised.move-sections-button:hover.disabled,
  .subscribe-student-panel .secondary.raised.already-paid:hover.disabled,
  .modify-section .toolbar-container .toolbar-card .secondary.raised.show-me-how-link:hover.disabled,
  .instructor-note-container .secondary.raised.show-edit-instructor-note-icon:hover.disabled,
  .assignment-section-summary .secondary.raised.next-section-link:hover.disabled,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button:hover.disabled,
  .zybook-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button:hover.disabled,
  .view-request-card .secondary.raised.back-to-library-link:hover.disabled,
  .review-adoption .secondary.raised.back-to-library-link:hover.disabled,
  details &gt; summary.secondary.raised:hover.disabled,
  .pythonTutor .ExecutionVisualizer #vcrControls .secondary.raised.button:hover.disabled,
  .definition-match-payload .definition-match-term &gt; div.secondary.raised:hover.disabled,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.raised.fr-btn:hover.disabled:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .secondary.raised.more-info:hover.disabled,
  .student-instructions-modal .secondary.raised.copy-instructions-to-clipboard-button:hover i[aria-disabled=true],
  .zybook-configure-panel .panel-content .secondary.raised.move-sections-button:hover i[aria-disabled=true],
  .subscribe-student-panel .secondary.raised.already-paid:hover i[aria-disabled=true],
  .modify-section .toolbar-container .toolbar-card .secondary.raised.show-me-how-link:hover i[aria-disabled=true],
  .instructor-note-container .secondary.raised.show-edit-instructor-note-icon:hover i[aria-disabled=true],
  .assignment-section-summary .secondary.raised.next-section-link:hover i[aria-disabled=true],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button:hover i[aria-disabled=true],
  .zybook-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button:hover i[aria-disabled=true],
  .view-request-card .secondary.raised.back-to-library-link:hover i[aria-disabled=true],
  .review-adoption .secondary.raised.back-to-library-link:hover i[aria-disabled=true],
  details &gt; summary.secondary.raised:hover i[aria-disabled=true],
  .pythonTutor .ExecutionVisualizer #vcrControls .secondary.raised.button:hover i[aria-disabled=true],
  .definition-match-payload .definition-match-term &gt; div.secondary.raised:hover i[aria-disabled=true],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.raised.fr-btn:hover:last-child i[aria-disabled=true],
  .zb-feedback .expanded-feedback .zb-control-row .secondary.raised.more-info:hover i[aria-disabled=true],
  .student-instructions-modal .secondary.raised.copy-instructions-to-clipboard-button:hover i[disabled],
  .zybook-configure-panel .panel-content .secondary.raised.move-sections-button:hover i[disabled],
  .subscribe-student-panel .secondary.raised.already-paid:hover i[disabled],
  .modify-section .toolbar-container .toolbar-card .secondary.raised.show-me-how-link:hover i[disabled],
  .instructor-note-container .secondary.raised.show-edit-instructor-note-icon:hover i[disabled],
  .assignment-section-summary .secondary.raised.next-section-link:hover i[disabled],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button:hover i[disabled],
  .zybook-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button:hover i[disabled],
  .view-request-card .secondary.raised.back-to-library-link:hover i[disabled],
  .review-adoption .secondary.raised.back-to-library-link:hover i[disabled],
  details &gt; summary.secondary.raised:hover i[disabled],
  .pythonTutor .ExecutionVisualizer #vcrControls .secondary.raised.button:hover i[disabled],
  .definition-match-payload .definition-match-term &gt; div.secondary.raised:hover i[disabled],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.raised.fr-btn:hover:last-child i[disabled],
  .zb-feedback .expanded-feedback .zb-control-row .secondary.raised.more-info:hover i[disabled],
  .student-instructions-modal .secondary.raised.copy-instructions-to-clipboard-button:hover i.disabled,
  .zybook-configure-panel .panel-content .secondary.raised.move-sections-button:hover i.disabled,
  .subscribe-student-panel .secondary.raised.already-paid:hover i.disabled,
  .modify-section .toolbar-container .toolbar-card .secondary.raised.show-me-how-link:hover i.disabled,
  .instructor-note-container .secondary.raised.show-edit-instructor-note-icon:hover i.disabled,
  .assignment-section-summary .secondary.raised.next-section-link:hover i.disabled,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button:hover i.disabled,
  .zybook-zylab-similarity-page .zb-toolbar .secondary.raised.exit-button:hover i.disabled,
  .view-request-card .secondary.raised.back-to-library-link:hover i.disabled,
  .review-adoption .secondary.raised.back-to-library-link:hover i.disabled,
  details &gt; summary.secondary.raised:hover i.disabled,
  .pythonTutor .ExecutionVisualizer #vcrControls .secondary.raised.button:hover i.disabled,
  .definition-match-payload .definition-match-term &gt; div.secondary.raised:hover i.disabled,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .secondary.raised.fr-btn:hover:last-child i.disabled,
  .zb-feedback .expanded-feedback .zb-control-row .secondary.raised.more-info:hover i.disabled {
    color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  }
  .zb-button.warn.raised:hover, .zb-button.warn.raised:hover i,
  .student-instructions-modal .warn.raised.copy-instructions-to-clipboard-button:hover,
  .zybook-configure-panel .panel-content .warn.raised.move-sections-button:hover,
  .subscribe-student-panel .warn.raised.already-paid:hover,
  .modify-section .toolbar-container .toolbar-card .warn.raised.show-me-how-link:hover,
  .instructor-note-container .warn.raised.show-edit-instructor-note-icon:hover,
  .assignment-section-summary .warn.raised.next-section-link:hover,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .warn.raised.exit-button:hover,
  .zybook-zylab-similarity-page .zb-toolbar .warn.raised.exit-button:hover,
  .view-request-card .warn.raised.back-to-library-link:hover,
  .review-adoption .warn.raised.back-to-library-link:hover,
  details &gt; summary.warn.raised:hover,
  .pythonTutor .ExecutionVisualizer #vcrControls .warn.raised.button:hover,
  .definition-match-payload .definition-match-term &gt; div.warn.raised:hover,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.raised.fr-btn:hover:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .warn.raised.more-info:hover,
  .student-instructions-modal .warn.raised.copy-instructions-to-clipboard-button:hover i,
  .zybook-configure-panel .panel-content .warn.raised.move-sections-button:hover i,
  .subscribe-student-panel .warn.raised.already-paid:hover i,
  .modify-section .toolbar-container .toolbar-card .warn.raised.show-me-how-link:hover i,
  .instructor-note-container .warn.raised.show-edit-instructor-note-icon:hover i,
  .assignment-section-summary .warn.raised.next-section-link:hover i,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .warn.raised.exit-button:hover i,
  .zybook-zylab-similarity-page .zb-toolbar .warn.raised.exit-button:hover i,
  .view-request-card .warn.raised.back-to-library-link:hover i,
  .review-adoption .warn.raised.back-to-library-link:hover i,
  details &gt; summary.warn.raised:hover i,
  .pythonTutor .ExecutionVisualizer #vcrControls .warn.raised.button:hover i,
  .definition-match-payload .definition-match-term &gt; div.warn.raised:hover i,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.raised.fr-btn:hover:last-child i,
  .zb-feedback .expanded-feedback .zb-control-row .warn.raised.more-info:hover i {
    color: hsl(calc(var(--zb-semantic-color-button-raised-h) + 0deg), calc(var(--zb-semantic-color-button-raised-s) + 0%), calc(var(--zb-semantic-color-button-raised-l) + 0%), calc(var(--zb-semantic-color-button-raised-a) + 0));
  }
  .zb-button.warn.raised:hover[aria-disabled=true], .zb-button.warn.raised:hover[disabled], .zb-button.warn.raised:hover.disabled, .zb-button.warn.raised:hover i[aria-disabled=true], .zb-button.warn.raised:hover i[disabled], .zb-button.warn.raised:hover i.disabled,
  .student-instructions-modal .warn.raised.copy-instructions-to-clipboard-button:hover[aria-disabled=true],
  .zybook-configure-panel .panel-content .warn.raised.move-sections-button:hover[aria-disabled=true],
  .subscribe-student-panel .warn.raised.already-paid:hover[aria-disabled=true],
  .modify-section .toolbar-container .toolbar-card .warn.raised.show-me-how-link:hover[aria-disabled=true],
  .instructor-note-container .warn.raised.show-edit-instructor-note-icon:hover[aria-disabled=true],
  .assignment-section-summary .warn.raised.next-section-link:hover[aria-disabled=true],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .warn.raised.exit-button:hover[aria-disabled=true],
  .zybook-zylab-similarity-page .zb-toolbar .warn.raised.exit-button:hover[aria-disabled=true],
  .view-request-card .warn.raised.back-to-library-link:hover[aria-disabled=true],
  .review-adoption .warn.raised.back-to-library-link:hover[aria-disabled=true],
  details &gt; summary.warn.raised:hover[aria-disabled=true],
  .pythonTutor .ExecutionVisualizer #vcrControls .warn.raised.button:hover[aria-disabled=true],
  .definition-match-payload .definition-match-term &gt; div.warn.raised:hover[aria-disabled=true],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.raised.fr-btn:hover[aria-disabled=true]:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .warn.raised.more-info:hover[aria-disabled=true],
  .student-instructions-modal .warn.raised.copy-instructions-to-clipboard-button:hover[disabled],
  .zybook-configure-panel .panel-content .warn.raised.move-sections-button:hover[disabled],
  .subscribe-student-panel .warn.raised.already-paid:hover[disabled],
  .modify-section .toolbar-container .toolbar-card .warn.raised.show-me-how-link:hover[disabled],
  .instructor-note-container .warn.raised.show-edit-instructor-note-icon:hover[disabled],
  .assignment-section-summary .warn.raised.next-section-link:hover[disabled],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .warn.raised.exit-button:hover[disabled],
  .zybook-zylab-similarity-page .zb-toolbar .warn.raised.exit-button:hover[disabled],
  .view-request-card .warn.raised.back-to-library-link:hover[disabled],
  .review-adoption .warn.raised.back-to-library-link:hover[disabled],
  details &gt; summary.warn.raised:hover[disabled],
  .pythonTutor .ExecutionVisualizer #vcrControls .warn.raised.button:hover[disabled],
  .definition-match-payload .definition-match-term &gt; div.warn.raised:hover[disabled],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.raised.fr-btn:hover[disabled]:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .warn.raised.more-info:hover[disabled],
  .student-instructions-modal .warn.raised.copy-instructions-to-clipboard-button:hover.disabled,
  .zybook-configure-panel .panel-content .warn.raised.move-sections-button:hover.disabled,
  .subscribe-student-panel .warn.raised.already-paid:hover.disabled,
  .modify-section .toolbar-container .toolbar-card .warn.raised.show-me-how-link:hover.disabled,
  .instructor-note-container .warn.raised.show-edit-instructor-note-icon:hover.disabled,
  .assignment-section-summary .warn.raised.next-section-link:hover.disabled,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .warn.raised.exit-button:hover.disabled,
  .zybook-zylab-similarity-page .zb-toolbar .warn.raised.exit-button:hover.disabled,
  .view-request-card .warn.raised.back-to-library-link:hover.disabled,
  .review-adoption .warn.raised.back-to-library-link:hover.disabled,
  details &gt; summary.warn.raised:hover.disabled,
  .pythonTutor .ExecutionVisualizer #vcrControls .warn.raised.button:hover.disabled,
  .definition-match-payload .definition-match-term &gt; div.warn.raised:hover.disabled,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.raised.fr-btn:hover.disabled:last-child,
  .zb-feedback .expanded-feedback .zb-control-row .warn.raised.more-info:hover.disabled,
  .student-instructions-modal .warn.raised.copy-instructions-to-clipboard-button:hover i[aria-disabled=true],
  .zybook-configure-panel .panel-content .warn.raised.move-sections-button:hover i[aria-disabled=true],
  .subscribe-student-panel .warn.raised.already-paid:hover i[aria-disabled=true],
  .modify-section .toolbar-container .toolbar-card .warn.raised.show-me-how-link:hover i[aria-disabled=true],
  .instructor-note-container .warn.raised.show-edit-instructor-note-icon:hover i[aria-disabled=true],
  .assignment-section-summary .warn.raised.next-section-link:hover i[aria-disabled=true],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .warn.raised.exit-button:hover i[aria-disabled=true],
  .zybook-zylab-similarity-page .zb-toolbar .warn.raised.exit-button:hover i[aria-disabled=true],
  .view-request-card .warn.raised.back-to-library-link:hover i[aria-disabled=true],
  .review-adoption .warn.raised.back-to-library-link:hover i[aria-disabled=true],
  details &gt; summary.warn.raised:hover i[aria-disabled=true],
  .pythonTutor .ExecutionVisualizer #vcrControls .warn.raised.button:hover i[aria-disabled=true],
  .definition-match-payload .definition-match-term &gt; div.warn.raised:hover i[aria-disabled=true],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.raised.fr-btn:hover:last-child i[aria-disabled=true],
  .zb-feedback .expanded-feedback .zb-control-row .warn.raised.more-info:hover i[aria-disabled=true],
  .student-instructions-modal .warn.raised.copy-instructions-to-clipboard-button:hover i[disabled],
  .zybook-configure-panel .panel-content .warn.raised.move-sections-button:hover i[disabled],
  .subscribe-student-panel .warn.raised.already-paid:hover i[disabled],
  .modify-section .toolbar-container .toolbar-card .warn.raised.show-me-how-link:hover i[disabled],
  .instructor-note-container .warn.raised.show-edit-instructor-note-icon:hover i[disabled],
  .assignment-section-summary .warn.raised.next-section-link:hover i[disabled],
  .zybook-advanced-zylab-similarity-page .zb-toolbar .warn.raised.exit-button:hover i[disabled],
  .zybook-zylab-similarity-page .zb-toolbar .warn.raised.exit-button:hover i[disabled],
  .view-request-card .warn.raised.back-to-library-link:hover i[disabled],
  .review-adoption .warn.raised.back-to-library-link:hover i[disabled],
  details &gt; summary.warn.raised:hover i[disabled],
  .pythonTutor .ExecutionVisualizer #vcrControls .warn.raised.button:hover i[disabled],
  .definition-match-payload .definition-match-term &gt; div.warn.raised:hover i[disabled],
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.raised.fr-btn:hover:last-child i[disabled],
  .zb-feedback .expanded-feedback .zb-control-row .warn.raised.more-info:hover i[disabled],
  .student-instructions-modal .warn.raised.copy-instructions-to-clipboard-button:hover i.disabled,
  .zybook-configure-panel .panel-content .warn.raised.move-sections-button:hover i.disabled,
  .subscribe-student-panel .warn.raised.already-paid:hover i.disabled,
  .modify-section .toolbar-container .toolbar-card .warn.raised.show-me-how-link:hover i.disabled,
  .instructor-note-container .warn.raised.show-edit-instructor-note-icon:hover i.disabled,
  .assignment-section-summary .warn.raised.next-section-link:hover i.disabled,
  .zybook-advanced-zylab-similarity-page .zb-toolbar .warn.raised.exit-button:hover i.disabled,
  .zybook-zylab-similarity-page .zb-toolbar .warn.raised.exit-button:hover i.disabled,
  .view-request-card .warn.raised.back-to-library-link:hover i.disabled,
  .review-adoption .warn.raised.back-to-library-link:hover i.disabled,
  details &gt; summary.warn.raised:hover i.disabled,
  .pythonTutor .ExecutionVisualizer #vcrControls .warn.raised.button:hover i.disabled,
  .definition-match-payload .definition-match-term &gt; div.warn.raised:hover i.disabled,
  .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .warn.raised.fr-btn:hover:last-child i.disabled,
  .zb-feedback .expanded-feedback .zb-control-row .warn.raised.more-info:hover i.disabled {
    color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  }
}

.modify-section .zybook-exam-section .access-controls,
.modify-section .zybook-exam-section .result-details,
.modify-section .zybook-access-controls-section .access-controls,
.modify-section .zybook-access-controls-section .result-details, .modify-section .toolbar-container .toolbar-card, .insert-content.in-side-menu, .insert-content.in-section.expanded.inverted, .insert-content.in-section.expanded.reversed:not(.inverted), .not-found-page .time-remaining-toast,
.zybook-advanced-zylab-page .time-remaining-toast,
.zybook-chapter-print-page .time-remaining-toast,
.zybook-chapter-section-page .time-remaining-toast,
.zybook-chapter-section-loading-page .time-remaining-toast,
.zybook-create-section-page .time-remaining-toast,
.zybook-edit-section-page .time-remaining-toast,
.zybook-error-page .time-remaining-toast,
.zylab-ui-page .time-remaining-toast,
.zybook-unused-section-loading-page .time-remaining-toast,
.zybook-unused-section-page .time-remaining-toast,
.section-preview-modal .time-remaining-toast, .unknown-content-resource, .section-settings-menu,
.zb-card {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  border-radius: 2px;
  box-shadow: 0 3px 1px -2px hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.86)), 0 2px 2px 0 hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.902)), 0 1px 5px 0 hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.916));
  box-sizing: border-box;
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}
.modify-section .zybook-exam-section .loading-card.access-controls,
.modify-section .zybook-exam-section .loading-card.result-details,
.modify-section .zybook-access-controls-section .loading-card.access-controls,
.modify-section .zybook-access-controls-section .loading-card.result-details, .modify-section .toolbar-container .loading-card.toolbar-card, .loading-card.insert-content.in-side-menu, .loading-card.insert-content.in-section.expanded.inverted, .loading-card.insert-content.in-section.expanded.reversed:not(.inverted), .not-found-page .loading-card.time-remaining-toast,
.zybook-advanced-zylab-page .loading-card.time-remaining-toast,
.zybook-chapter-print-page .loading-card.time-remaining-toast,
.zybook-chapter-section-page .loading-card.time-remaining-toast,
.zybook-chapter-section-loading-page .loading-card.time-remaining-toast,
.zybook-create-section-page .loading-card.time-remaining-toast,
.zybook-edit-section-page .loading-card.time-remaining-toast,
.zybook-error-page .loading-card.time-remaining-toast,
.zylab-ui-page .loading-card.time-remaining-toast,
.zybook-unused-section-loading-page .loading-card.time-remaining-toast,
.zybook-unused-section-page .loading-card.time-remaining-toast,
.section-preview-modal .loading-card.time-remaining-toast, .loading-card.unknown-content-resource, .loading-card.section-settings-menu,
.zb-card.loading-card {
  margin: 10% auto auto;
  width: 120px;
}
.modify-section .zybook-exam-section .loading-card.access-controls .zb-card-content,
.modify-section .zybook-exam-section .loading-card.result-details .zb-card-content,
.modify-section .zybook-access-controls-section .loading-card.access-controls .zb-card-content,
.modify-section .zybook-access-controls-section .loading-card.result-details .zb-card-content, .modify-section .toolbar-container .loading-card.toolbar-card .zb-card-content, .loading-card.insert-content.in-side-menu .zb-card-content, .loading-card.insert-content.in-section.expanded.inverted .zb-card-content, .loading-card.insert-content.in-section.expanded.reversed:not(.inverted) .zb-card-content, .not-found-page .loading-card.time-remaining-toast .zb-card-content,
.zybook-advanced-zylab-page .loading-card.time-remaining-toast .zb-card-content,
.zybook-chapter-print-page .loading-card.time-remaining-toast .zb-card-content,
.zybook-chapter-section-page .loading-card.time-remaining-toast .zb-card-content,
.zybook-chapter-section-loading-page .loading-card.time-remaining-toast .zb-card-content,
.zybook-create-section-page .loading-card.time-remaining-toast .zb-card-content,
.zybook-edit-section-page .loading-card.time-remaining-toast .zb-card-content,
.zybook-error-page .loading-card.time-remaining-toast .zb-card-content,
.zylab-ui-page .loading-card.time-remaining-toast .zb-card-content,
.zybook-unused-section-loading-page .loading-card.time-remaining-toast .zb-card-content,
.zybook-unused-section-page .loading-card.time-remaining-toast .zb-card-content,
.section-preview-modal .loading-card.time-remaining-toast .zb-card-content, .loading-card.unknown-content-resource .zb-card-content, .loading-card.section-settings-menu .zb-card-content,
.zb-card.loading-card .zb-card-content {
  padding-bottom: 8px;
  padding-top: 16px;
  position: relative;
}
.modify-section .zybook-exam-section .loading-card.access-controls .zb-progress-circular,
.modify-section .zybook-exam-section .loading-card.result-details .zb-progress-circular,
.modify-section .zybook-access-controls-section .loading-card.access-controls .zb-progress-circular,
.modify-section .zybook-access-controls-section .loading-card.result-details .zb-progress-circular, .modify-section .toolbar-container .loading-card.toolbar-card .zb-progress-circular, .loading-card.insert-content.in-side-menu .zb-progress-circular, .loading-card.insert-content.in-section.expanded.inverted .zb-progress-circular, .loading-card.insert-content.in-section.expanded.reversed:not(.inverted) .zb-progress-circular, .not-found-page .loading-card.time-remaining-toast .zb-progress-circular,
.zybook-advanced-zylab-page .loading-card.time-remaining-toast .zb-progress-circular,
.zybook-chapter-print-page .loading-card.time-remaining-toast .zb-progress-circular,
.zybook-chapter-section-page .loading-card.time-remaining-toast .zb-progress-circular,
.zybook-chapter-section-loading-page .loading-card.time-remaining-toast .zb-progress-circular,
.zybook-create-section-page .loading-card.time-remaining-toast .zb-progress-circular,
.zybook-edit-section-page .loading-card.time-remaining-toast .zb-progress-circular,
.zybook-error-page .loading-card.time-remaining-toast .zb-progress-circular,
.zylab-ui-page .loading-card.time-remaining-toast .zb-progress-circular,
.zybook-unused-section-loading-page .loading-card.time-remaining-toast .zb-progress-circular,
.zybook-unused-section-page .loading-card.time-remaining-toast .zb-progress-circular,
.section-preview-modal .loading-card.time-remaining-toast .zb-progress-circular, .loading-card.unknown-content-resource .zb-progress-circular, .loading-card.section-settings-menu .zb-progress-circular,
.zb-card.loading-card .zb-progress-circular {
  margin: auto;
}
.modify-section .zybook-exam-section .loading-card.access-controls h2,
.modify-section .zybook-exam-section .loading-card.result-details h2,
.modify-section .zybook-access-controls-section .loading-card.access-controls h2,
.modify-section .zybook-access-controls-section .loading-card.result-details h2, .modify-section .toolbar-container .loading-card.toolbar-card h2, .loading-card.insert-content.in-side-menu h2, .loading-card.insert-content.in-section.expanded.inverted h2, .loading-card.insert-content.in-section.expanded.reversed:not(.inverted) h2, .not-found-page .loading-card.time-remaining-toast h2,
.zybook-advanced-zylab-page .loading-card.time-remaining-toast h2,
.zybook-chapter-print-page .loading-card.time-remaining-toast h2,
.zybook-chapter-section-page .loading-card.time-remaining-toast h2,
.zybook-chapter-section-loading-page .loading-card.time-remaining-toast h2,
.zybook-create-section-page .loading-card.time-remaining-toast h2,
.zybook-edit-section-page .loading-card.time-remaining-toast h2,
.zybook-error-page .loading-card.time-remaining-toast h2,
.zylab-ui-page .loading-card.time-remaining-toast h2,
.zybook-unused-section-loading-page .loading-card.time-remaining-toast h2,
.zybook-unused-section-page .loading-card.time-remaining-toast h2,
.section-preview-modal .loading-card.time-remaining-toast h2, .loading-card.unknown-content-resource h2, .loading-card.section-settings-menu h2,
.zb-card.loading-card h2 {
  font-size: 16px;
  margin-bottom: 8px;
  margin-top: 8px;
}
.modify-section .zybook-exam-section .access-controls .zb-card-content,
.modify-section .zybook-exam-section .result-details .zb-card-content,
.modify-section .zybook-access-controls-section .access-controls .zb-card-content,
.modify-section .zybook-access-controls-section .result-details .zb-card-content, .modify-section .toolbar-container .toolbar-card .zb-card-content, .insert-content.in-side-menu .zb-card-content, .insert-content.in-section.expanded.inverted .zb-card-content, .insert-content.in-section.expanded.reversed:not(.inverted) .zb-card-content, .not-found-page .time-remaining-toast .zb-card-content,
.zybook-advanced-zylab-page .time-remaining-toast .zb-card-content,
.zybook-chapter-print-page .time-remaining-toast .zb-card-content,
.zybook-chapter-section-page .time-remaining-toast .zb-card-content,
.zybook-chapter-section-loading-page .time-remaining-toast .zb-card-content,
.zybook-create-section-page .time-remaining-toast .zb-card-content,
.zybook-edit-section-page .time-remaining-toast .zb-card-content,
.zybook-error-page .time-remaining-toast .zb-card-content,
.zylab-ui-page .time-remaining-toast .zb-card-content,
.zybook-unused-section-loading-page .time-remaining-toast .zb-card-content,
.zybook-unused-section-page .time-remaining-toast .zb-card-content,
.section-preview-modal .time-remaining-toast .zb-card-content, .unknown-content-resource .zb-card-content, .section-settings-menu .zb-card-content,
.zb-card .zb-card-content {
  padding: 24px;
}
.modify-section .zybook-exam-section .access-controls .zb-card-content &gt; *:first-child,
.modify-section .zybook-exam-section .result-details .zb-card-content &gt; *:first-child,
.modify-section .zybook-access-controls-section .access-controls .zb-card-content &gt; *:first-child,
.modify-section .zybook-access-controls-section .result-details .zb-card-content &gt; *:first-child, .modify-section .toolbar-container .toolbar-card .zb-card-content &gt; *:first-child, .insert-content.in-side-menu .zb-card-content &gt; *:first-child, .insert-content.in-section.expanded.inverted .zb-card-content &gt; *:first-child, .insert-content.in-section.expanded.reversed:not(.inverted) .zb-card-content &gt; *:first-child, .not-found-page .time-remaining-toast .zb-card-content &gt; *:first-child,
.zybook-advanced-zylab-page .time-remaining-toast .zb-card-content &gt; *:first-child,
.zybook-chapter-print-page .time-remaining-toast .zb-card-content &gt; *:first-child,
.zybook-chapter-section-page .time-remaining-toast .zb-card-content &gt; *:first-child,
.zybook-chapter-section-loading-page .time-remaining-toast .zb-card-content &gt; *:first-child,
.zybook-create-section-page .time-remaining-toast .zb-card-content &gt; *:first-child,
.zybook-edit-section-page .time-remaining-toast .zb-card-content &gt; *:first-child,
.zybook-error-page .time-remaining-toast .zb-card-content &gt; *:first-child,
.zylab-ui-page .time-remaining-toast .zb-card-content &gt; *:first-child,
.zybook-unused-section-loading-page .time-remaining-toast .zb-card-content &gt; *:first-child,
.zybook-unused-section-page .time-remaining-toast .zb-card-content &gt; *:first-child,
.section-preview-modal .time-remaining-toast .zb-card-content &gt; *:first-child, .unknown-content-resource .zb-card-content &gt; *:first-child, .section-settings-menu .zb-card-content &gt; *:first-child,
.zb-card .zb-card-content &gt; *:first-child {
  margin-top: 0;
}
.modify-section .zybook-exam-section .access-controls .zb-card-content &gt; *:last-child,
.modify-section .zybook-exam-section .result-details .zb-card-content &gt; *:last-child,
.modify-section .zybook-access-controls-section .access-controls .zb-card-content &gt; *:last-child,
.modify-section .zybook-access-controls-section .result-details .zb-card-content &gt; *:last-child, .modify-section .toolbar-container .toolbar-card .zb-card-content &gt; *:last-child, .insert-content.in-side-menu .zb-card-content &gt; *:last-child, .insert-content.in-section.expanded.inverted .zb-card-content &gt; *:last-child, .insert-content.in-section.expanded.reversed:not(.inverted) .zb-card-content &gt; *:last-child, .not-found-page .time-remaining-toast .zb-card-content &gt; *:last-child,
.zybook-advanced-zylab-page .time-remaining-toast .zb-card-content &gt; *:last-child,
.zybook-chapter-print-page .time-remaining-toast .zb-card-content &gt; *:last-child,
.zybook-chapter-section-page .time-remaining-toast .zb-card-content &gt; *:last-child,
.zybook-chapter-section-loading-page .time-remaining-toast .zb-card-content &gt; *:last-child,
.zybook-create-section-page .time-remaining-toast .zb-card-content &gt; *:last-child,
.zybook-edit-section-page .time-remaining-toast .zb-card-content &gt; *:last-child,
.zybook-error-page .time-remaining-toast .zb-card-content &gt; *:last-child,
.zylab-ui-page .time-remaining-toast .zb-card-content &gt; *:last-child,
.zybook-unused-section-loading-page .time-remaining-toast .zb-card-content &gt; *:last-child,
.zybook-unused-section-page .time-remaining-toast .zb-card-content &gt; *:last-child,
.section-preview-modal .time-remaining-toast .zb-card-content &gt; *:last-child, .unknown-content-resource .zb-card-content &gt; *:last-child, .section-settings-menu .zb-card-content &gt; *:last-child,
.zb-card .zb-card-content &gt; *:last-child {
  margin-bottom: 0;
}
.modify-section .zybook-exam-section .access-controls .no-padding,
.modify-section .zybook-exam-section .result-details .no-padding,
.modify-section .zybook-access-controls-section .access-controls .no-padding,
.modify-section .zybook-access-controls-section .result-details .no-padding, .modify-section .toolbar-container .toolbar-card .no-padding, .insert-content.in-side-menu .no-padding, .insert-content.in-section.expanded.inverted .no-padding, .insert-content.in-section.expanded.reversed:not(.inverted) .no-padding, .not-found-page .time-remaining-toast .no-padding,
.zybook-advanced-zylab-page .time-remaining-toast .no-padding,
.zybook-chapter-print-page .time-remaining-toast .no-padding,
.zybook-chapter-section-page .time-remaining-toast .no-padding,
.zybook-chapter-section-loading-page .time-remaining-toast .no-padding,
.zybook-create-section-page .time-remaining-toast .no-padding,
.zybook-edit-section-page .time-remaining-toast .no-padding,
.zybook-error-page .time-remaining-toast .no-padding,
.zylab-ui-page .time-remaining-toast .no-padding,
.zybook-unused-section-loading-page .time-remaining-toast .no-padding,
.zybook-unused-section-page .time-remaining-toast .no-padding,
.section-preview-modal .time-remaining-toast .no-padding, .unknown-content-resource .no-padding, .section-settings-menu .no-padding,
.zb-card .no-padding {
  padding: 0;
}

.zb-card-list {
  margin-bottom: 16px;
}
.zb-card-list .list-title {
  margin-bottom: 6px;
}
.zb-card-list .zb-card-list-content {
  white-space: pre;
}
.zb-card-list .center {
  text-align: center;
}
.zb-card-list .zb-card {
  cursor: pointer;
  margin-bottom: 1px;
  transition: all 0.4s linear;
}
.zb-card-list .zb-card .zb-card-content {
  padding: 16px;
}
.zb-card-list .zb-card .zb-card-content div,
.zb-card-list .zb-card .zb-card-content span {
  margin-right: 16px;
}
.zb-card-list .zb-card:hover {
  background: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + -0.9));
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  transition: background 0.2s ease-out;
}

.chart svg {
  display: block;
}
.chart svg .axis line,
.chart svg .axis path {
  fill: none;
  stroke: hsl(calc(var(--zb-semantic-color-grey-600-h) + 0deg), calc(var(--zb-semantic-color-grey-600-s) + 0%), calc(var(--zb-semantic-color-grey-600-l) + 0%), calc(var(--zb-semantic-color-grey-600-a) + 0));
  stroke-width: 1px;
}
.chart svg .axis .tick.minor line {
  stroke: hsl(calc(var(--zb-semantic-color-grey-600-h) + 0deg), calc(var(--zb-semantic-color-grey-600-s) + 0%), calc(var(--zb-semantic-color-grey-600-l) + 0%), calc(var(--zb-semantic-color-grey-600-a) + 0));
  stroke-width: 2px;
}
.chart svg text {
  cursor: default;
  fill: hsl(calc(var(--zb-semantic-color-grey-600-h) + 0deg), calc(var(--zb-semantic-color-grey-600-s) + 0%), calc(var(--zb-semantic-color-grey-600-l) + 0%), calc(var(--zb-semantic-color-grey-600-a) + 0));
  font-size: 11px;
  shape-rendering: crispEdges;
}

.chart .pie-chart {
  display: block;
  height: auto;
  width: auto;
}
.chart path.slice {
  stroke-width: 2px;
}
.chart polyline {
  fill: none;
  opacity: 0.3;
  stroke: #000000;
  stroke-width: 2px;
}

.zb-checkbox {
  align-items: center;
}
.zb-checkbox.label-present label {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  padding-left: 8px;
}
.zb-checkbox.label-present.left label {
  order: -1;
  padding-left: 0;
  padding-right: 8px;
}
.zb-checkbox input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 2px solid hsl(calc(var(--zb-semantic-color-input-border-h) + 0deg), calc(var(--zb-semantic-color-input-border-s) + 0%), calc(var(--zb-semantic-color-input-border-l) + 0%), calc(var(--zb-semantic-color-input-border-a) + 0));
  border-radius: 2px;
  box-sizing: border-box;
  content: "";
  cursor: pointer;
  flex-shrink: 0;
  height: 20px;
  position: relative;
  width: 20px;
}
.zb-checkbox input::after {
  border: solid hsl(calc(var(--zb-semantic-color-icon-h) + 0deg), calc(var(--zb-semantic-color-icon-s) + 0%), calc(var(--zb-semantic-color-icon-l) + 0%), calc(var(--zb-semantic-color-icon-a) + 0));
  border-width: 0 2px 2px 0;
  content: "";
  display: block;
  height: 12px;
  left: 4px;
  opacity: 0;
  position: absolute;
  transform: rotate(45deg);
  width: 6px;
}
.zb-checkbox input:checked::after {
  opacity: 1;
}
.zb-checkbox input:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.zb-checkbox input:disabled + label {
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-checkbox input:focus {
  outline-offset: 3px;
}
.zb-checkbox.switch input {
  background-color: hsl(calc(var(--zb-semantic-color-switch-off-background-h) + 0deg), calc(var(--zb-semantic-color-switch-off-background-s) + 0%), calc(var(--zb-semantic-color-switch-off-background-l) + 0%), calc(var(--zb-semantic-color-switch-off-background-a) + 0));
  border: 0;
  border-radius: 28px;
  height: 30px;
  transition: 0.1s;
  width: 52px;
}
.zb-checkbox.switch input::after {
  background-color: hsl(calc(var(--zb-semantic-color-switch-control-background-h) + 0deg), calc(var(--zb-semantic-color-switch-control-background-s) + 0%), calc(var(--zb-semantic-color-switch-control-background-l) + 0%), calc(var(--zb-semantic-color-switch-control-background-a) + 0));
  border: 0;
  border-radius: 50%;
  height: 22px;
  opacity: 1;
  top: 4px;
  transform: rotate(0);
  transition: 0.1s;
  width: 22px;
}
.zb-checkbox.switch input:checked::after {
  transform: translateX(22px);
}
.zb-checkbox.switch.sm input {
  height: 22px;
  width: 40px;
}
.zb-checkbox.switch.sm input::after {
  bottom: 0;
  height: 16px;
  margin: auto;
  top: 0;
  width: 16px;
}
.zb-checkbox.switch.sm input:checked::after {
  transform: translateX(16px);
}
.zb-checkbox:not(.switch) [disabled]:not(:checked) {
  background-color: #e8e8e8;
}
.zb-checkbox.grey:not(.switch):hover input:not([disabled], :checked) {
  border-color: hsl(calc(var(--zb-semantic-color-checkbox-grey-h) + 0deg), calc(var(--zb-semantic-color-checkbox-grey-s) + 0%), calc(var(--zb-semantic-color-checkbox-grey-l) + 0%), calc(var(--zb-semantic-color-checkbox-grey-a) + 0));
}
.zb-checkbox.grey input:checked {
  background-color: hsl(calc(var(--zb-semantic-color-checkbox-grey-h) + 0deg), calc(var(--zb-semantic-color-checkbox-grey-s) + 0%), calc(var(--zb-semantic-color-checkbox-grey-l) + 0%), calc(var(--zb-semantic-color-checkbox-grey-a) + 0));
  border-color: hsl(calc(var(--zb-semantic-color-checkbox-grey-h) + 0deg), calc(var(--zb-semantic-color-checkbox-grey-s) + 0%), calc(var(--zb-semantic-color-checkbox-grey-l) + 0%), calc(var(--zb-semantic-color-checkbox-grey-a) + 0));
}
.zb-checkbox.primary:not(.switch):hover input:not([disabled], :checked) {
  border-color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
}
.zb-checkbox.primary input:checked {
  background-color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  border-color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
}
.zb-checkbox.secondary:not(.switch):hover input:not([disabled], :checked) {
  border-color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
}
.zb-checkbox.secondary input:checked {
  background-color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  border-color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
}
.zb-checkbox.zylab-green:not(.switch):hover input:not([disabled], :checked) {
  border-color: hsl(calc(var(--zb-semantic-color-zybook-lab-h) + 0deg), calc(var(--zb-semantic-color-zybook-lab-s) + 0%), calc(var(--zb-semantic-color-zybook-lab-l) + 0%), calc(var(--zb-semantic-color-zybook-lab-a) + 0));
}
.zb-checkbox.zylab-green input:checked {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-lab-h) + 0deg), calc(var(--zb-semantic-color-zybook-lab-s) + 0%), calc(var(--zb-semantic-color-zybook-lab-l) + 0%), calc(var(--zb-semantic-color-zybook-lab-a) + 0));
  border-color: hsl(calc(var(--zb-semantic-color-zybook-lab-h) + 0deg), calc(var(--zb-semantic-color-zybook-lab-s) + 0%), calc(var(--zb-semantic-color-zybook-lab-l) + 0%), calc(var(--zb-semantic-color-zybook-lab-a) + 0));
}
.zb-checkbox.green:not(.switch):hover input:not([disabled], :checked) {
  border-color: hsl(calc(var(--zb-semantic-color-success-h) + 0deg), calc(var(--zb-semantic-color-success-s) + 0%), calc(var(--zb-semantic-color-success-l) + 0%), calc(var(--zb-semantic-color-success-a) + 0));
}
.zb-checkbox.green input:checked {
  background-color: hsl(calc(var(--zb-semantic-color-success-h) + 0deg), calc(var(--zb-semantic-color-success-s) + 0%), calc(var(--zb-semantic-color-success-l) + 0%), calc(var(--zb-semantic-color-success-a) + 0));
  border-color: hsl(calc(var(--zb-semantic-color-success-h) + 0deg), calc(var(--zb-semantic-color-success-s) + 0%), calc(var(--zb-semantic-color-success-l) + 0%), calc(var(--zb-semantic-color-success-a) + 0));
}

.common-errors {
  border-left: 8px solid hsl(calc(var(--zb-semantic-color-info-h) + 0deg), calc(var(--zb-semantic-color-info-s) + 0%), calc(var(--zb-semantic-color-info-l) + 0%), calc(var(--zb-semantic-color-info-a) + 0));
  font-size: 14px;
  margin-bottom: 15px;
  padding: 10px 16px;
}
.common-errors.needs-acknowledgement {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-info-h) + 0deg), calc(var(--zb-semantic-color-info-s) + 0%), calc(var(--zb-semantic-color-info-l) + 0%), calc(var(--zb-semantic-color-info-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-info-h) + 0deg), calc(var(--zb-semantic-color-info-s) + 0%), calc(var(--zb-semantic-color-info-l) + 0%), calc(var(--zb-semantic-color-info-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-info-h) + 0deg), calc(var(--zb-semantic-color-info-s) + 0%), calc(var(--zb-semantic-color-info-l) + 0%), calc(var(--zb-semantic-color-info-a) + 0));
}
.common-errors h3 {
  color: hsl(calc(var(--zb-semantic-color-info-h) + 0deg), calc(var(--zb-semantic-color-info-s) + 0%), calc(var(--zb-semantic-color-info-l) + 0%), calc(var(--zb-semantic-color-info-a) + 0));
  font-size: inherit;
  font-weight: bold;
  margin: 0;
}
.common-errors div {
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
}
.common-errors div .acknowledge-button {
  margin-left: 10px;
}
.common-errors div .acknowledge-button button {
  background-color: hsl(calc(var(--zb-semantic-color-info-h) + 0deg), calc(var(--zb-semantic-color-info-s) + 0%), calc(var(--zb-semantic-color-info-l) + 0%), calc(var(--zb-semantic-color-info-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
}
.common-errors div .acknowledge-button button:hover {
  background-color: hsl(calc(var(--zb-semantic-color-info-h) + 0deg), calc(var(--zb-semantic-color-info-s) + 0%), calc(var(--zb-semantic-color-info-l) + -10%), calc(var(--zb-semantic-color-info-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
}

.date-time-picker {
  align-items: center;
  color: hsl(calc(var(--zb-semantic-color-input-h) + 0deg), calc(var(--zb-semantic-color-input-s) + 0%), calc(var(--zb-semantic-color-input-l) + 0%), calc(var(--zb-semantic-color-input-a) + 0));
  display: flex;
  font-size: 14px;
  justify-content: space-between;
  margin-top: 8px;
}
.date-time-picker input {
  flex: 2;
}
.date-time-picker input[disabled] {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-background-h) + 0deg), calc(var(--zb-semantic-color-disabled-background-s) + 0%), calc(var(--zb-semantic-color-disabled-background-l) + 0%), calc(var(--zb-semantic-color-disabled-background-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.date-time-picker input::-moz-placeholder {
  color: hsl(calc(var(--zb-semantic-color-input-placeholder-h) + 0deg), calc(var(--zb-semantic-color-input-placeholder-s) + 0%), calc(var(--zb-semantic-color-input-placeholder-l) + 0%), calc(var(--zb-semantic-color-input-placeholder-a) + 0));
}
.date-time-picker input::placeholder {
  color: hsl(calc(var(--zb-semantic-color-input-placeholder-h) + 0deg), calc(var(--zb-semantic-color-input-placeholder-s) + 0%), calc(var(--zb-semantic-color-input-placeholder-l) + 0%), calc(var(--zb-semantic-color-input-placeholder-a) + 0));
}
.date-time-picker .date-picker {
  padding-left: 8px;
}
.date-time-picker .timezone-text {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  font-size: 14px;
  margin-left: 8px;
}
.date-time-picker .zb-power-select-container {
  color: hsl(calc(var(--zb-semantic-color-input-h) + 0deg), calc(var(--zb-semantic-color-input-s) + 0%), calc(var(--zb-semantic-color-input-l) + 0%), calc(var(--zb-semantic-color-input-a) + 0));
  font-size: 14px;
  height: auto;
  margin-left: 8px;
  min-width: 100px;
  width: 40%;
}
.date-time-picker .zb-power-select-container .ember-power-select-option[aria-selected=true] {
  background-color: hsl(calc(var(--zb-semantic-color-select-option-background-hover-h) + 0deg), calc(var(--zb-semantic-color-select-option-background-hover-s) + 0%), calc(var(--zb-semantic-color-select-option-background-hover-l) + 0%), calc(var(--zb-semantic-color-select-option-background-hover-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-select-option-hover-h) + 0deg), calc(var(--zb-semantic-color-select-option-hover-s) + 0%), calc(var(--zb-semantic-color-select-option-hover-l) + 0%), calc(var(--zb-semantic-color-select-option-hover-a) + 0));
}
.date-time-picker .zb-power-select-container .ember-power-select-option.selected {
  background-color: hsl(calc(var(--zb-semantic-color-select-option-selected-background-h) + 0deg), calc(var(--zb-semantic-color-select-option-selected-background-s) + 0%), calc(var(--zb-semantic-color-select-option-selected-background-l) + 0%), calc(var(--zb-semantic-color-select-option-selected-background-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-select-option-selected-h) + 0deg), calc(var(--zb-semantic-color-select-option-selected-s) + 0%), calc(var(--zb-semantic-color-select-option-selected-l) + 0%), calc(var(--zb-semantic-color-select-option-selected-a) + 0));
}
.date-time-picker .zb-power-select-container .ember-power-select-trigger {
  background-color: hsl(calc(var(--zb-semantic-color-input-background-h) + 0deg), calc(var(--zb-semantic-color-input-background-s) + 0%), calc(var(--zb-semantic-color-input-background-l) + 0%), calc(var(--zb-semantic-color-input-background-a) + 0));
}
.date-time-picker.message-present.error .date-picker,
.date-time-picker.message-present.error .time-picker {
  border: 1px solid get-color("error");
}

.dt-message-container {
  color: hsl(calc(var(--zb-semantic-color-info-h) + 0deg), calc(var(--zb-semantic-color-info-s) + 0%), calc(var(--zb-semantic-color-info-l) + 0%), calc(var(--zb-semantic-color-info-a) + 0));
  font-size: 12px;
  position: relative;
  transition-duration: 0.15s;
}
.dt-message-container.error {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.dt-message-container.success {
  color: hsl(calc(var(--zb-semantic-color-success-h) + 0deg), calc(var(--zb-semantic-color-success-s) + 0%), calc(var(--zb-semantic-color-success-l) + 0%), calc(var(--zb-semantic-color-success-a) + 0));
}

.code-writing-prompt .file-select {
  margin-bottom: 8px;
}
.code-writing-prompt .code-editor {
  width: 900px;
}
.code-writing-prompt .code-editor.disabled {
  opacity: 0.75;
}
.code-writing-prompt .code-editor.hidden {
  display: none;
}
.code-writing-prompt code {
  white-space: pre;
}

.programming-submission-exam-question .sql-output.develop-output {
  white-space: nowrap;
}
.programming-submission-exam-question .sql-output.develop-output table {
  align-self: flex-start;
  background: hsl(calc(var(--zb-semantic-color-table-background-h) + 0deg), calc(var(--zb-semantic-color-table-background-s) + 0%), calc(var(--zb-semantic-color-table-background-l) + 0%), calc(var(--zb-semantic-color-table-background-a) + 0));
  border: 2px solid hsl(calc(var(--zb-semantic-color-table-border-h) + 0deg), calc(var(--zb-semantic-color-table-border-s) + 0%), calc(var(--zb-semantic-color-table-border-l) + 0%), calc(var(--zb-semantic-color-table-border-a) + 0));
  border-collapse: separate;
  border-top: none;
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  margin: 6px 0;
}
.programming-submission-exam-question .sql-output.develop-output table td {
  border: 1px solid hsl(calc(var(--zb-semantic-color-table-border-h) + 0deg), calc(var(--zb-semantic-color-table-border-s) + 0%), calc(var(--zb-semantic-color-table-border-l) + 0%), calc(var(--zb-semantic-color-table-border-a) + 0));
  padding: 8px;
}
.programming-submission-exam-question .sql-output.develop-output table th {
  background-color: hsl(calc(var(--zb-semantic-color-table-header-background-h) + 0deg), calc(var(--zb-semantic-color-table-header-background-s) + 0%), calc(var(--zb-semantic-color-table-header-background-l) + 0%), calc(var(--zb-semantic-color-table-header-background-a) + 0));
  border: 1px solid hsl(calc(var(--zb-semantic-color-table-border-h) + 0deg), calc(var(--zb-semantic-color-table-border-s) + 0%), calc(var(--zb-semantic-color-table-border-l) + 0%), calc(var(--zb-semantic-color-table-border-a) + 0));
  font-weight: 300;
  padding: 5px;
}
.programming-submission-exam-question .sql-output.develop-output table th,
.programming-submission-exam-question .sql-output.develop-output table td {
  border-left: none;
}
.programming-submission-exam-question .sql-output.develop-output table thead {
  position: sticky;
  top: 0;
}
.programming-submission-exam-question .sql-output.develop-output table thead th {
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-table-border-h) + 0deg), calc(var(--zb-semantic-color-table-border-s) + 0%), calc(var(--zb-semantic-color-table-border-l) + 0%), calc(var(--zb-semantic-color-table-border-a) + 0));
}
.programming-submission-exam-question .sql-output.develop-output table th:last-child,
.programming-submission-exam-question .sql-output.develop-output table td:last-child {
  border-right: none;
}
.programming-submission-exam-question .sql-output.develop-output table tr:last-child td {
  border-bottom: none;
}
.programming-submission-exam-question .sql-output.develop-output table tr .is-selected td,
.programming-submission-exam-question .sql-output.develop-output table tr .is-selected th {
  background-color: hsl(calc(var(--zb-semantic-color-highlight-h) + 0deg), calc(var(--zb-semantic-color-highlight-s) + 0%), calc(var(--zb-semantic-color-highlight-l) + 0%), calc(var(--zb-semantic-color-highlight-a) + 0));
}

.expected-output-test-result,
.manual-deduction-test-result,
.manual-grade-test-result {
  padding-top: 0;
}
.expected-output-test-result .no-output-result,
.manual-deduction-test-result .no-output-result,
.manual-grade-test-result .no-output-result {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
  font-style: italic;
}
.expected-output-test-result .output-differs,
.manual-deduction-test-result .output-differs,
.manual-grade-test-result .output-differs {
  font-size: 16px;
  margin: 0 0 16px 16px;
}
.expected-output-test-result .results-hidden-text,
.manual-deduction-test-result .results-hidden-text,
.manual-grade-test-result .results-hidden-text {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 14px;
  margin: 10px 34px;
}
.expected-output-test-result .results-hidden-text.instructor,
.manual-deduction-test-result .results-hidden-text.instructor,
.manual-grade-test-result .results-hidden-text.instructor {
  font-style: italic;
}
.expected-output-test-result .results-hidden-text-manual-grading,
.manual-deduction-test-result .results-hidden-text-manual-grading,
.manual-grade-test-result .results-hidden-text-manual-grading {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 14px;
  margin-bottom: 0;
}
.expected-output-test-result .results-hidden-text-manual-grading.margin-14,
.manual-deduction-test-result .results-hidden-text-manual-grading.margin-14,
.manual-grade-test-result .results-hidden-text-manual-grading.margin-14 {
  margin-bottom: 14px;
}
.expected-output-test-result .results-hidden-text-manual-grading.instructor,
.manual-deduction-test-result .results-hidden-text-manual-grading.instructor,
.manual-grade-test-result .results-hidden-text-manual-grading.instructor {
  font-style: italic;
}
.expected-output-test-result .description-text,
.manual-deduction-test-result .description-text,
.manual-grade-test-result .description-text {
  font-size: 16px;
  margin-bottom: 14px;
}

.unit-test-result {
  padding: 8px 16px;
}
.unit-test-result .description {
  margin-bottom: 12px;
}
.unit-test-result .programming-code-output:not(.error-output) {
  display: inline-block;
}

.test-result {
  border-top: 1px solid "border";
  margin-bottom: 8px;
}
.test-result .test-result-row {
  align-items: center;
  margin-bottom: 15px;
}
.test-result .result-row-description {
  margin-right: 16px;
  min-width: 150px;
  text-align: right;
  width: 150px;
}
.test-result .output-comparison {
  margin: auto auto 0;
}
.test-result .test-header {
  align-items: center;
  background-color: transparent;
  border: 0;
  font-weight: 300;
  height: 25px;
  justify-content: space-between;
  margin: 8px 0;
  padding: 0;
  width: 100%;
}
.test-result .test-header .zb-input-label {
  margin-bottom: 0;
}
.test-result .test-header .expand-button {
  color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
}
.test-result .test-header .test-title-container {
  align-items: center;
  color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
  max-width: 90%;
  transition-duration: 0.5s;
}
.test-result .test-header .test-title-container i {
  margin: 1px 4px 0 0;
}
.test-result .test-header .test-title-container span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.test-result.allow-expand .test-header {
  cursor: pointer;
}
.test-result.allow-expand .test-header:hover .test-title-container span {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}
.test-result.allow-expand .test-header.not-button {
  cursor: default;
}
.test-result .expected-output-test-result,
.test-result .unit-test-result {
  padding: 8px 16px;
}
.test-result .expected-output-test-result.remove-padding-top,
.test-result .unit-test-result.remove-padding-top {
  padding-top: 0;
}
.test-result .test-result-row.align-start {
  align-items: flex-start;
}
.test-result .sql-output-container {
  background-color: hsl(calc(var(--zb-semantic-color-background-h) + 0deg), calc(var(--zb-semantic-color-background-s) + 0%), calc(var(--zb-semantic-color-background-l) + 0%), calc(var(--zb-semantic-color-background-a) + 0));
  border: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + -0.5));
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  overflow-x: auto;
}
.test-result .sql-output-container ::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0);
}
.test-result .sql-output-container .result-table-container {
  margin: 10px;
  margin-right: 0;
  max-height: 600px;
  min-height: 60px;
  overflow-y: auto;
  padding-right: 10px;
}
.test-result .sql-output-container .result-table-container table {
  align-self: flex-start;
  border-collapse: separate;
  border-top: none;
  font-weight: 300;
}
.test-result .sql-output-container .result-table-container table th,
.test-result .sql-output-container .result-table-container table td {
  border-left: none;
}
.test-result .sql-output-container .result-table-container table td {
  border-top: none;
}
.test-result .sql-output-container .result-table-container table th .is-selected {
  background-color: hsl(calc(var(--zb-semantic-color-highlight-h) + 0deg), calc(var(--zb-semantic-color-highlight-s) + 0%), calc(var(--zb-semantic-color-highlight-l) + 0%), calc(var(--zb-semantic-color-highlight-a) + 0));
}
.test-result .sql-output-container .result-table-container table thead {
  position: sticky;
  top: 0;
}
.test-result .sql-output-container .result-table-container table thead th {
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-table-border-h) + 0deg), calc(var(--zb-semantic-color-table-border-s) + 0%), calc(var(--zb-semantic-color-table-border-l) + 0%), calc(var(--zb-semantic-color-table-border-a) + 0));
}
.test-result .sql-output-container .result-table-container table th:last-child,
.test-result .sql-output-container .result-table-container table td:last-child {
  border-right: none;
}
.test-result .sql-output-container .result-table-container table tr:last-child td {
  border-bottom: none;
}
.test-result .sql-output-container .result-table-container table tr .is-selected td,
.test-result .sql-output-container .result-table-container table tr .is-selected th {
  background-color: hsl(calc(var(--zb-semantic-color-highlight-h) + 0deg), calc(var(--zb-semantic-color-highlight-s) + 0%), calc(var(--zb-semantic-color-highlight-l) + 0%), calc(var(--zb-semantic-color-highlight-a) + 0));
}

.strict-equal-assert-result .actual-type,
.strict-equal-assert-result .expected-type {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  margin-left: 16px;
}
.strict-equal-assert-result .type-message {
  margin-left: 16px;
}

.programming-submission-test-bench .margin-bottom,
.programming-submission-test-bench .compile-output-header {
  margin-bottom: 16px;
}
.programming-submission-test-bench .compile-output-header {
  color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
}
.programming-submission-test-bench .test-result:nth-of-type(1) {
  border-top: 0;
}

.zystudio-exam-attempt-question {
  min-height: 34rem;
  overflow: hidden;
  resize: vertical;
}

.manage-exam .exam-table-header {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-list-background-h) + 0deg), calc(var(--zb-semantic-color-list-background-s) + 0%), calc(var(--zb-semantic-color-list-background-l) + 0%), calc(var(--zb-semantic-color-list-background-a) + 0));
}
.manage-exam .exam-questions-list {
  max-height: 500px;
  overflow: auto;
}
.manage-exam .zb-button-label {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 12px;
  margin-top: -16px;
  pointer-events: none;
}
.manage-exam .question-row {
  text-decoration: none;
}
.manage-exam .question-row.grey {
  background-color: hsl(calc(var(--zb-semantic-color-list-background-h) + 0deg), calc(var(--zb-semantic-color-list-background-s) + 0%), calc(var(--zb-semantic-color-list-background-l) + 0%), calc(var(--zb-semantic-color-list-background-a) + 0));
}
.manage-exam .question-row .tag-button-container {
  overflow-x: hidden;
}
.manage-exam .question-row .tag-button-container:hover {
  overflow-x: scroll;
}
.manage-exam .question-row .tag-button-container:hover .tag-button {
  text-decoration: none;
  transform: translateY(3px);
}
.manage-exam .question-row .tag-button-container:hover::-webkit-scrollbar {
  background: transparent;
  height: 6px;
}
.manage-exam .question-row .tag-button-container:hover::-webkit-scrollbar-thumb {
  background: hsl(calc(var(--zb-semantic-color-grey-400-h) + 0deg), calc(var(--zb-semantic-color-grey-400-s) + 0%), calc(var(--zb-semantic-color-grey-400-l) + 0%), calc(var(--zb-semantic-color-grey-400-a) + 0));
}
.manage-exam .points-input {
  border: 1px solid hsl(calc(var(--zb-semantic-color-grey-600-h) + 0deg), calc(var(--zb-semantic-color-grey-600-s) + 0%), calc(var(--zb-semantic-color-grey-600-l) + 0%), calc(var(--zb-semantic-color-grey-600-a) + 0));
  height: inherit;
}
.manage-exam .points-input .zb-input {
  border-bottom: 0;
}
.manage-exam .flash .message-container {
  animation: blinker 0.1s linear;
}
.manage-exam .questions-filter .tag-dropdown {
  top: 50px;
}
.manage-exam .access-code-toast {
  min-width: 50px;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.interactive-activity-container.exam-question .activity-title-bar {
  border-left: 4px solid hsl(calc(var(--zb-semantic-color-zybook-exam-h) + 0deg), calc(var(--zb-semantic-color-zybook-exam-s) + 0%), calc(var(--zb-semantic-color-zybook-exam-l) + 0%), calc(var(--zb-semantic-color-zybook-exam-a) + 0));
  margin-bottom: 0;
}
.interactive-activity-container.exam-question .activity-description .zb-input-container {
  height: 28px;
  margin-left: 4px;
  margin-right: auto;
}
.interactive-activity-container.exam-question .points-input {
  border: 1px solid hsl(calc(var(--zb-semantic-color-grey-600-h) + 0deg), calc(var(--zb-semantic-color-grey-600-s) + 0%), calc(var(--zb-semantic-color-grey-600-l) + 0%), calc(var(--zb-semantic-color-grey-600-a) + 0));
}
.interactive-activity-container.exam-question .points-input .zb-input {
  border-bottom: none;
}
.interactive-activity-container.exam-question .points-input .message-container {
  min-width: 100px;
  top: 36px;
}
.interactive-activity-container.exam-question .points-input.message-present.error {
  border: 1px solid hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.interactive-activity-container.exam-question .manage-exam-question {
  padding: 0;
}

.ice-dash-code-writing {
  max-width: 700px;
}
.ice-dash-code-writing .file-select {
  margin-bottom: 8px;
}
.ice-dash-code-writing .code-editor {
  width: 100%;
}
.ice-dash-code-writing .code-editor.disabled {
  opacity: 0.75;
}
.ice-dash-code-writing .code-editor.hidden {
  display: none;
}
.ice-dash-code-writing code {
  white-space: pre;
}

.programming-submission-exam-question .lab-spec *:first-child {
  margin-top: 0;
}
.programming-submission-exam-question .develop-output {
  min-height: 60px;
}
.programming-submission-exam-question .download-files .files-dl-row {
  align-items: center;
  margin-bottom: 16px;
}
.programming-submission-exam-question .download-files .files-dl-row .filenames-row {
  align-items: center;
  flex-wrap: wrap;
}
.programming-submission-exam-question .download-files .files-dl-row .filenames-row .programming-code-output {
  margin-bottom: 4px;
  margin-top: 4px;
  overflow-x: inherit;
}
.programming-submission-exam-question .download-files .files-dl-row .filenames-row span {
  margin: 0 8px;
}
.programming-submission-exam-question .download-files .files-dl-row .download-files-button {
  margin-left: 12px;
  margin-right: 32px;
}
.programming-submission-exam-question .program-output-header {
  font-weight: normal;
  margin-top: 2rem;
  padding-bottom: 0.5rem;
}

.exam-questions pre {
  white-space: pre-wrap;
  word-break: break-all;
}
.exam-questions .reloading {
  display: none;
}

.multiple-choice-exam-question .fr-class-code {
  display: inline-block;
}
.multiple-choice-exam-question img,
.multiple-choice-exam-question .fr-view img {
  display: flex;
  float: none;
  margin: 4px auto;
  vertical-align: top;
}
.multiple-choice-exam-question img.fr-dib.fr-fil,
.multiple-choice-exam-question .fr-view img.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}
.multiple-choice-exam-question img.fr-dib.fr-fir,
.multiple-choice-exam-question .fr-view img.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}
.multiple-choice-exam-question img.fr-dii,
.multiple-choice-exam-question .fr-view img.fr-dii {
  display: inline-block;
  margin-left: 4px;
  margin-right: 4px;
  max-width: calc(100% - 8px);
  vertical-align: bottom;
}
.multiple-choice-exam-question .zytable {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}
.multiple-choice-exam-question .zytable td {
  font-weight: 300;
}
.multiple-choice-exam-question .readonly label {
  width: 100%;
}
.multiple-choice-exam-question .questions {
  display: grid;
  grid-template-columns: 40px 1fr;
}
.multiple-choice-exam-question p {
  margin: 0;
}

.multiple-choice .fr-box.fr-basic .fr-element {
  margin-bottom: 0;
  padding: 0;
}

.zystudio-exam-question .language-error {
  border-left: 2px solid hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
  font-size: 12px;
  left: 10px;
  padding-left: 4px;
  position: absolute;
  top: 10px;
}

.question-pool-list .question-pool-row,
.question-pool-exam-question .question-pool-row {
  align-items: center;
  display: grid;
  grid-template-columns: 30% 70%;
  max-width: 100%;
  width: 100%;
}
.question-pool-list .question-pool-row .row-column-one,
.question-pool-exam-question .question-pool-row .row-column-one {
  display: flex;
  flex-direction: row;
}
.question-pool-list .question-pool-row .row-column-two,
.question-pool-exam-question .question-pool-row .row-column-two {
  align-items: center;
  display: grid;
  grid-template-columns: 1fr auto;
  margin-bottom: auto;
  margin-top: auto;
}
.question-pool-list .question-pool-row .row-column-two .description-text,
.question-pool-exam-question .question-pool-row .row-column-two .description-text {
  margin-bottom: auto;
  margin-top: auto;
}
.question-pool-list .question-pool-row .row-column-two .action-buttons,
.question-pool-exam-question .question-pool-row .row-column-two .action-buttons {
  display: flex;
  flex-direction: row;
  margin-left: auto;
  padding-left: 16px;
}
.question-pool-list .question-pool-row .row-column-two .action-buttons .delete-confirmation,
.question-pool-exam-question .question-pool-row .row-column-two .action-buttons .delete-confirmation {
  align-items: center;
  display: flex;
  flex-direction: row;
  margin-bottom: auto;
  margin-top: auto;
  white-space: nowrap;
}

.exams-list .exam-row {
  text-decoration: none;
  transition-duration: 0.1s;
}
.exams-list .exam-row.grey {
  background-color: hsl(calc(var(--zb-semantic-color-list-background-h) + 0deg), calc(var(--zb-semantic-color-list-background-s) + 0%), calc(var(--zb-semantic-color-list-background-l) + 0%), calc(var(--zb-semantic-color-list-background-a) + 0));
}
.exams-list .exam-row:hover {
  box-shadow: inset 0 0 5px 1px #aaaaaa;
}

.ice-dashboard .students-list {
  min-width: 720px;
}
.ice-dashboard .user-select-trigger {
  white-space: nowrap;
  width: 250px;
}
.ice-dashboard .user-select-trigger .title-trigger {
  overflow: hidden;
}
.ice-dashboard .student-list-grid-container {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  width: 100%;
}
.ice-dashboard .student-attempt-list-grid-container {
  display: grid;
  grid-template-columns: 48px 1fr 1fr 1fr 64px;
  width: 100%;
}
.ice-dashboard .attempt-question-list-grid-container {
  display: grid;
  grid-template-columns: 48px 1fr 1fr 1fr;
  width: 100%;
}
.ice-dashboard .zb-select-container .select {
  margin-top: 12px;
  width: 180px;
}
.ice-dashboard .ember-basic-dropdown {
  display: inline-block;
}
.ice-dashboard .zb-power-select-container {
  margin-right: 20px;
}
.ice-dashboard .filter-row {
  align-items: center;
  display: grid;
  grid-template-columns: 56px 84px 550px 142px;
  height: 54px;
}
.ice-dashboard .filter-row .label {
  margin-left: 10px;
  margin-right: 10px;
}
.ice-dashboard .filter-row .filter-controls {
  align-items: center;
  display: grid;
  grid-template-columns: 270px 84px 180px;
}
.ice-dashboard .manual-score-label {
  align-items: center;
  background-color: hsl(calc(var(--zb-semantic-color-zybook-exam-h) + 0deg), calc(var(--zb-semantic-color-zybook-exam-s) + 0%), calc(var(--zb-semantic-color-zybook-exam-l) + 0%), calc(var(--zb-semantic-color-zybook-exam-a) + 0));
  border-radius: 2px;
  box-sizing: border-box;
  color: hsl(calc(var(--zb-semantic-color-inverse-body-h) + 0deg), calc(var(--zb-semantic-color-inverse-body-s) + 0%), calc(var(--zb-semantic-color-inverse-body-l) + 0%), calc(var(--zb-semantic-color-inverse-body-a) + 0));
  display: flex;
  font-size: 12px;
  font-weight: 300;
  height: 22px;
  margin-left: 4px;
  padding: 4px;
  white-space: nowrap;
}

.questions-filter .title-input {
  height: 30px;
  width: 400px;
}
.questions-filter .tag-dropdown {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  border: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  left: 440px;
  position: absolute;
  top: 40px;
  width: 250px;
  z-index: 1;
}

.tag-button {
  background-color: hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-inverse-body-h) + 0deg), calc(var(--zb-semantic-color-inverse-body-s) + 0%), calc(var(--zb-semantic-color-inverse-body-l) + 0%), calc(var(--zb-semantic-color-inverse-body-a) + 0));
  text-decoration: none;
}
.tag-button.border {
  box-shadow: inset 0 0 0 1px hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}
.tag-button:hover {
  box-shadow: inset 0 0 5px 1px #888888;
  transition-duration: 0.1s;
}

.exam-questions-list .question-row {
  text-decoration: none;
  transition-duration: 0.1s;
}
.exam-questions-list .question-row.grey {
  background-color: hsl(calc(var(--zb-semantic-color-list-background-h) + 0deg), calc(var(--zb-semantic-color-list-background-s) + 0%), calc(var(--zb-semantic-color-list-background-l) + 0%), calc(var(--zb-semantic-color-list-background-a) + 0));
}
.exam-questions-list .question-row.hover {
  box-shadow: inset 0 0 5px 1px #aaaaaa;
}
.exam-questions-list .tag-button-container {
  overflow-x: hidden;
}
.exam-questions-list .tag-button-container:hover {
  overflow-x: scroll;
}
.exam-questions-list .tag-button-container:hover .tag-button {
  transform: translateY(3px);
}
.exam-questions-list .tag-button-container:hover::-webkit-scrollbar {
  background: transparent;
  height: 6px;
}
.exam-questions-list .tag-button-container:hover::-webkit-scrollbar-thumb {
  background: hsl(calc(var(--zb-semantic-color-grey-400-h) + 0deg), calc(var(--zb-semantic-color-grey-400-s) + 0%), calc(var(--zb-semantic-color-grey-400-l) + 0%), calc(var(--zb-semantic-color-grey-400-a) + 0));
}
.exam-questions-list .question-container {
  border-bottom: 4px solid hsl(calc(var(--zb-semantic-color-list-background-h) + 0deg), calc(var(--zb-semantic-color-list-background-s) + 0%), calc(var(--zb-semantic-color-list-background-l) + 0%), calc(var(--zb-semantic-color-list-background-a) + 0));
  border-top: 4px solid hsl(calc(var(--zb-semantic-color-list-background-h) + 0deg), calc(var(--zb-semantic-color-list-background-s) + 0%), calc(var(--zb-semantic-color-list-background-l) + 0%), calc(var(--zb-semantic-color-list-background-a) + 0));
}
.exam-questions-list .question-container .border-right {
  border-right: 4px solid hsl(calc(var(--zb-semantic-color-list-background-h) + 0deg), calc(var(--zb-semantic-color-list-background-s) + 0%), calc(var(--zb-semantic-color-list-background-l) + 0%), calc(var(--zb-semantic-color-list-background-a) + 0));
}

.questions-list-header {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-list-background-h) + 0deg), calc(var(--zb-semantic-color-list-background-s) + 0%), calc(var(--zb-semantic-color-list-background-l) + 0%), calc(var(--zb-semantic-color-list-background-a) + 0));
}
.questions-list-header a {
  font-size: 14px;
}

.manage-exam-question h1 {
  font-weight: normal;
}
.manage-exam-question .exam-multiple-choice-toolbar {
  height: 56px;
  margin-bottom: 38px;
  position: relative;
  width: 100%;
}
.manage-exam-question .exam-multiple-choice-toolbar .fr-toolbar {
  border: 0;
  border-radius: 0;
  left: 0;
  margin-top: 0;
  position: absolute;
  top: 2px !important;
  z-index: 1;
}
.manage-exam-question .exam-multiple-choice-toolbar .fr-toolbar .fr-newline {
  height: 0;
}
.manage-exam-question .edit-question-controls {
  height: 100%;
}
.manage-exam-question .edit-question-controls .zb-button {
  margin: auto;
}
.manage-exam-question .edit-question-controls .choices-controls {
  align-items: center;
  justify-content: space-between;
}
.manage-exam-question .edit-question-controls .choices-controls .zb-button {
  height: 18px;
}
.manage-exam-question .zb-radio-button input {
  height: 16px;
  width: 16px;
}
.manage-exam-question .zb-radio-button label::before {
  top: 0;
}
.manage-exam-question .zb-radio-button label::after {
  top: 4px;
}
.manage-exam-question .zb-radio-button p {
  margin: 0 0 10px;
}
.manage-exam-question .exam-multiple-choice-toolbar .hide-text-area .fr-wrapper,
.manage-exam-question .exam-multiple-choice-toolbar .hide-text-area .fr-second-toolbar,
.manage-exam-question .exam-multiple-choice-toolbar .hide-editor-toolbar .fr-toolbar {
  display: none;
}
.manage-exam-question .question-set-instructions-input .fr-box.fr-basic .fr-element {
  padding: 0;
}
.manage-exam-question .multiple-choice-exam-question .fr-box.fr-basic .fr-wrapper {
  border: 0;
}
.manage-exam-question .multiple-choice-exam-question .fr-box.fr-basic .fr-wrapper p {
  margin: 0;
}
.manage-exam-question .multiple-choice-exam-question .fr-box.fr-basic .fr-wrapper .fr-element {
  font-size: 16px;
  min-height: 22px !important;
  padding: 0;
}
.manage-exam-question .multiple-choice-exam-question .fr-box.fr-basic .fr-second-toolbar {
  border: 0;
}
.manage-exam-question .fr-class-code {
  display: inline-block;
}
.manage-exam-question .add-tag-input {
  height: 30px;
}
.manage-exam-question .tags-dropdown {
  max-width: -moz-min-content;
  max-width: min-content;
  min-width: 230px;
  position: absolute;
  top: 52px;
  z-index: 3;
}
.manage-exam-question .tags-dropdown button {
  transition: background-color 0.1s ease-out;
}
.manage-exam-question .tags-dropdown button:hover {
  background-color: hsl(calc(var(--zb-semantic-color-grey-background-h) + 0deg), calc(var(--zb-semantic-color-grey-background-s) + 0%), calc(var(--zb-semantic-color-grey-background-l) + 0%), calc(var(--zb-semantic-color-grey-background-a) + 0));
}
.manage-exam-question .tag:hover {
  box-shadow: inset 0 0 5px 1px #888888;
  transition-duration: 0.1s;
}
.manage-exam-question .flash-input .message-container,
.manage-exam-question .flash {
  animation: blinker 0.1s linear;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.tags-list .tag-row {
  padding: 2px;
}
.tags-list .tag-row.border {
  border: 2px solid hsl(calc(var(--zb-semantic-color-grey-600-h) + 0deg), calc(var(--zb-semantic-color-grey-600-s) + 0%), calc(var(--zb-semantic-color-grey-600-l) + 0%), calc(var(--zb-semantic-color-grey-600-a) + 0));
  padding: 0;
}
.tags-list .tag-row .edit-tag-input {
  border: 0;
  border-bottom: 2px solid hsl(calc(var(--zb-semantic-color-grey-600-h) + 0deg), calc(var(--zb-semantic-color-grey-600-s) + 0%), calc(var(--zb-semantic-color-grey-600-l) + 0%), calc(var(--zb-semantic-color-grey-600-a) + 0));
  height: auto;
  width: 450px;
}
.tags-list .tag-action-container {
  opacity: 0;
  width: -moz-min-content;
  width: min-content;
}
.tags-list .tag-action-container:focus-within, .tags-list .tag-action-container.show-actions {
  opacity: 1;
}
.tags-list .zb-modal-content {
  padding: 16px;
}

.zb-feedback {
  width: 100%;
}
.zb-feedback .feedback-control-row {
  align-items: center;
  display: grid;
  grid-template-areas: "a b c d e";
  grid-template-columns: 0 1fr 2.35fr 0.7fr 0.3fr;
}
.zb-feedback .feedback-control-row .need-help {
  font-size: 13px;
  grid-area: a;
  margin-left: auto;
}
.zb-feedback .feedback-control-row .section-feedback-controls {
  align-items: center;
  display: flex;
  grid-area: c;
  padding: 0;
}
.zb-feedback .feedback-control-row .section-feedback-controls .feedback-prompt {
  font-size: 18px;
  margin-right: 15px;
}
.zb-feedback .feedback-control-row .section-feedback-controls .feedback-thumbs-pill {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  border: none;
  border-radius: 20px;
  height: 35px;
  width: 100px;
}
.zb-feedback .feedback-control-row .section-feedback-controls .feedback-thumbs-pill .disable-hover {
  pointer-events: none;
}
.zb-feedback .feedback-control-row .section-feedback-controls .feedback-thumbs-pill .vertical-divider {
  color: hsl(calc(var(--zb-semantic-color-background-h) + 0deg), calc(var(--zb-semantic-color-background-s) + 0%), calc(var(--zb-semantic-color-background-l) + 0%), calc(var(--zb-semantic-color-background-a) + 0));
  font-size: 30px;
  font-weight: 250;
  text-align: center;
  vertical-align: top;
}
.zb-feedback .feedback-control-row .section-feedback-controls .feedback-thumbs-pill .button-sized-icon {
  border: 1px solid transparent;
  padding: 5px 8px;
}
.zb-feedback .feedback-control-row .feedback-sent {
  color: hsl(calc(var(--zb-semantic-color-info-h) + 0deg), calc(var(--zb-semantic-color-info-s) + 0%), calc(var(--zb-semantic-color-info-l) + 0%), calc(var(--zb-semantic-color-info-a) + 0));
  font-size: 13px;
  font-weight: bold;
  grid-area: d;
  margin: 8px auto;
  padding: 12px;
}
.zb-feedback .feedback-control-row .expand-feedback-button {
  font-size: 13px;
  grid-area: e;
  margin-left: auto;
}
.zb-feedback .expanded-feedback {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  border: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  padding: 0 16px;
}
.zb-feedback .expanded-feedback .feedback-header-row {
  align-items: baseline;
  display: flex;
  gap: 30px;
}
.zb-feedback .expanded-feedback .feedback-header-row .feedback-header {
  color: hsl(calc(var(--zb-semantic-color-zybook-activity-heading-h) + 0deg), calc(var(--zb-semantic-color-zybook-activity-heading-s) + 0%), calc(var(--zb-semantic-color-zybook-activity-heading-l) + 0%), calc(var(--zb-semantic-color-zybook-activity-heading-a) + 0));
  font-size: 20px;
  font-weight: bold;
}
.zb-feedback .expanded-feedback .zb-checkbox {
  margin-top: 8px;
}
.zb-feedback .expanded-feedback .zb-message-container {
  padding: 12px;
}
.zb-feedback .expanded-feedback .zb-control-row {
  align-items: center;
}
.zb-feedback .expanded-feedback .zb-control-row .more-info {
  margin-left: auto;
  padding: 0;
}
.zb-feedback .expanded-feedback .bug-info {
  font-size: 13px;
  margin: 8px 0 0 30px;
}
.zb-feedback .expanded-feedback .zb-radio-button {
  margin: 8px;
}
.zb-feedback .expanded-feedback .text {
  margin-top: 16px;
}
.zb-feedback .expanded-feedback .question-selection {
  align-items: center;
  margin-bottom: 16px;
}
.zb-feedback .expanded-feedback .question-selection .ember-basic-dropdown {
  margin-left: 32px;
  min-width: 150px;
}
.zb-feedback .inscribe-modal .zb-modal-content {
  height: 85%;
  width: 85%;
}

.zb-control-row {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  min-height: 54px;
  padding-bottom: 8px;
  padding-top: 8px;
  width: 100%;
}
.zb-control-row .ember-basic-dropdown,
.zb-control-row .zb-button,
.zb-control-row .zb-checkbox,
.zb-control-row .zb-icon,
.zb-control-row .zb-input-container,
.zb-control-row .zb-menu,
.zb-control-row .zb-radio-button,
.zb-control-row .zb-text-area,
.zb-control-row &gt; .zb-progress-circular,
.zb-control-row &gt; label,
.zb-control-row &gt; div {
  margin-right: 16px;
}
.zb-control-row span,
.zb-control-row &gt; label,
.zb-control-row &gt; div {
  align-self: center;
}
.zb-control-row .zb-checkbox,
.zb-control-row .zb-radio-button {
  margin-bottom: 16px;
  margin-top: 16px;
}
.zb-control-row .zb-button {
  margin-bottom: 9px;
  margin-top: 9px;
}
.zb-control-row .zb-button.full-width span {
  margin-right: auto;
}
.zb-control-row .zb-button .zb-icon.sm,
.zb-control-row .zb-button .zb-icon.med,
.zb-control-row .zb-button .zb-icon.lg,
.zb-control-row .zb-button .zb-icon.xl {
  margin-bottom: 0;
  margin-right: 0;
  margin-top: 0;
}
.zb-control-row .zb-input-container {
  margin-top: 14px;
}
.zb-control-row .zb-input-container.label-present {
  margin-top: 0;
}
.zb-control-row .zb-icon.sm {
  margin-bottom: 18px;
  margin-top: 18px;
}
.zb-control-row .zb-icon.med {
  margin-bottom: 15px;
  margin-top: 15px;
}
.zb-control-row .zb-icon.lg {
  margin-bottom: 9px;
  margin-top: 9px;
}
.zb-control-row .zb-icon.xl {
  margin-bottom: 3px;
  margin-top: 3px;
}
.zb-control-row .zb-icon.error {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.zb-control-row .zb-icon.warning {
  color: hsl(calc(var(--zb-semantic-color-info-h) + 0deg), calc(var(--zb-semantic-color-info-s) + 0%), calc(var(--zb-semantic-color-info-l) + 0%), calc(var(--zb-semantic-color-info-a) + 0));
}
.zb-control-row .zb-icon.success {
  color: hsl(calc(var(--zb-semantic-color-success-h) + 0deg), calc(var(--zb-semantic-color-success-s) + 0%), calc(var(--zb-semantic-color-success-l) + 0%), calc(var(--zb-semantic-color-success-a) + 0));
}
.zb-control-row .zb-menu {
  margin-bottom: 7px;
  margin-top: 7px;
}
.zb-control-row .ember-basic-dropdown {
  margin-bottom: 12px;
  margin-top: 12px;
}

.zb-dropdown-container .option {
  background-color: hsl(calc(var(--zb-semantic-color-multi-select-pill-background-h) + 0deg), calc(var(--zb-semantic-color-multi-select-pill-background-s) + 0%), calc(var(--zb-semantic-color-multi-select-pill-background-l) + 0%), calc(var(--zb-semantic-color-multi-select-pill-background-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-multi-select-pill-h) + 0deg), calc(var(--zb-semantic-color-multi-select-pill-s) + 0%), calc(var(--zb-semantic-color-multi-select-pill-l) + 0%), calc(var(--zb-semantic-color-multi-select-pill-a) + 0));
  margin: 2px;
}
.zb-dropdown-container .option.border {
  box-shadow: inset 0 0 0 1px hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + 0));
}
.zb-dropdown-container .option .clear-option-icon {
  height: 19px;
  margin: 0;
  padding: 0;
}

.zb-input-container {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  height: 54px;
  position: relative;
  transition-duration: 0.15s;
}
.zb-input-container [aria-invalid=true] {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.zb-input-container.zb-dropdown-container {
  height: auto;
}
.zb-input-container .option-list-dropdown {
  min-width: 300px;
  position: absolute;
  top: 35px;
  width: 100%;
  z-index: 3;
}
.zb-input-container .option-list-dropdown li {
  transition: background-color 0.1s ease-out;
}
.zb-input-container .option-list-dropdown li:hover, .zb-input-container .option-list-dropdown li:focus {
  background-color: hsl(calc(var(--zb-semantic-color-select-option-background-hover-h) + 0deg), calc(var(--zb-semantic-color-select-option-background-hover-s) + 0%), calc(var(--zb-semantic-color-select-option-background-hover-l) + 0%), calc(var(--zb-semantic-color-select-option-background-hover-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-select-option-hover-h) + 0deg), calc(var(--zb-semantic-color-select-option-hover-s) + 0%), calc(var(--zb-semantic-color-select-option-hover-l) + 0%), calc(var(--zb-semantic-color-select-option-hover-a) + 0));
}
.zb-input-container .single-option-selected {
  font-weight: normal;
}
.zb-input-container ::-moz-placeholder {
  color: hsl(calc(var(--zb-semantic-color-input-placeholder-h) + 0deg), calc(var(--zb-semantic-color-input-placeholder-s) + 0%), calc(var(--zb-semantic-color-input-placeholder-l) + 0%), calc(var(--zb-semantic-color-input-placeholder-a) + 0));
}
.zb-input-container ::placeholder {
  color: hsl(calc(var(--zb-semantic-color-input-placeholder-h) + 0deg), calc(var(--zb-semantic-color-input-placeholder-s) + 0%), calc(var(--zb-semantic-color-input-placeholder-l) + 0%), calc(var(--zb-semantic-color-input-placeholder-a) + 0));
}
.zb-input-container ::-ms-clear {
  display: none;
}
.zb-input-container.readonly &gt; input {
  border-bottom: 0;
  -webkit-text-fill-color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}
.zb-input-container .message-container {
  color: hsl(calc(var(--zb-semantic-color-info-h) + 0deg), calc(var(--zb-semantic-color-info-s) + 0%), calc(var(--zb-semantic-color-info-l) + 0%), calc(var(--zb-semantic-color-info-a) + 0));
  font-size: 12px;
  position: absolute;
  top: 32px;
  transition-duration: 0.15s;
}
.zb-input-container.error .message-container {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.zb-input-container.success .message-container {
  color: hsl(calc(var(--zb-semantic-color-success-h) + 0deg), calc(var(--zb-semantic-color-success-s) + 0%), calc(var(--zb-semantic-color-success-l) + 0%), calc(var(--zb-semantic-color-success-a) + 0));
}
.zb-input-container.label-present {
  padding-top: 14px;
}
.zb-input-container.label-present .message-container {
  top: 46px;
}
.zb-input-container.label-present .clear-icon {
  top: 8px;
}
.zb-input-container.label-present .input-icon {
  top: 18px;
}
.zb-input-container.label-present .option-list-dropdown {
  top: 49px;
}
.zb-input-container.label-present input::-moz-placeholder {
  opacity: 0;
}
.zb-input-container.label-present input::placeholder {
  opacity: 0;
}
.zb-input-container.message-present.error &gt; input {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.zb-input-container.message-present.error &gt; input:focus, .zb-input-container.message-present.error &gt; input.focus {
  border-bottom: 2px solid hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.zb-input-container.multi-select-selection-present .option-list-dropdown {
  top: 91px;
}
.zb-input-container:has(input:is(:-webkit-autofill, :-webkit-autofill)) &gt; label {
  color: hsl(calc(var(--zb-semantic-color-input-label-h) + 0deg), calc(var(--zb-semantic-color-input-label-s) + 0%), calc(var(--zb-semantic-color-input-label-l) + 0%), calc(var(--zb-semantic-color-input-label-a) + 0));
  font-size: 12px;
  padding-left: 0;
  top: -2px;
}
.zb-input-container:focus &gt; label, .zb-input-container.value-present &gt; label, .zb-input-container:has(input:not(:placeholder-shown)) &gt; label, .zb-input-container:has(input:is(:-webkit-autofill, :autofill)) &gt; label {
  color: hsl(calc(var(--zb-semantic-color-input-label-h) + 0deg), calc(var(--zb-semantic-color-input-label-s) + 0%), calc(var(--zb-semantic-color-input-label-l) + 0%), calc(var(--zb-semantic-color-input-label-a) + 0));
  font-size: 12px;
  padding-left: 0;
  top: -2px;
}
.zb-input-container &gt; .clear-button {
  display: none;
}
.zb-input-container:has(input:not(:-moz-placeholder)) &gt; .clear-button {
  display: inline-block;
}
.zb-input-container.value-present &gt; .clear-button, .zb-input-container:has(input:not(:placeholder-shown)) &gt; .clear-button {
  display: inline-block;
}
.zb-input-container label {
  color: hsl(calc(var(--zb-semantic-color-input-label-h) + 0deg), calc(var(--zb-semantic-color-input-label-s) + 0%), calc(var(--zb-semantic-color-input-label-l) + 0%), calc(var(--zb-semantic-color-input-label-a) + 0));
  pointer-events: none;
  position: absolute;
  top: 18px;
  transition-duration: 0.15s;
  z-index: 1000;
}
.zb-input-container.disabled {
  cursor: not-allowed;
}
.zb-input-container.disabled .input-icon {
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-input-container.disabled &gt; label {
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-input-container.disabled &gt; input {
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  cursor: not-allowed;
  -webkit-text-fill-color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-input-container.disabled &gt; input:disabled {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-input-container input {
  background: transparent;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-input-border-h) + 0deg), calc(var(--zb-semantic-color-input-border-s) + 0%), calc(var(--zb-semantic-color-input-border-l) + 0%), calc(var(--zb-semantic-color-input-border-a) + 0));
  border-radius: 0;
  color: hsl(calc(var(--zb-semantic-color-input-h) + 0deg), calc(var(--zb-semantic-color-input-s) + 0%), calc(var(--zb-semantic-color-input-l) + 0%), calc(var(--zb-semantic-color-input-a) + 0));
  line-height: 26px;
  min-height: 26px;
  text-overflow: ellipsis;
  transition: border-bottom 0.15s ease-out, color 0.15s ease-out;
}
.zb-input-container input:-webkit-autofill {
  background: transparent;
  background-color: transparent;
  box-shadow: inset 0 0 0 9999px hsl(calc(var(--zb-semantic-color-inverse-shadow-h) + 0deg), calc(var(--zb-semantic-color-inverse-shadow-s) + 0%), calc(var(--zb-semantic-color-inverse-shadow-l) + 0%), calc(var(--zb-semantic-color-inverse-shadow-a) + 0));
}
.zb-input-container input:autofill {
  background: transparent;
  background-color: transparent;
  box-shadow: inset 0 0 0 9999px hsl(calc(var(--zb-semantic-color-inverse-shadow-h) + 0deg), calc(var(--zb-semantic-color-inverse-shadow-s) + 0%), calc(var(--zb-semantic-color-inverse-shadow-l) + 0%), calc(var(--zb-semantic-color-inverse-shadow-a) + 0));
}
.zb-input-container input:-internal-autofill-selected {
  background: transparent;
  background-color: transparent;
  box-shadow: inset 0 0 0 9999px hsl(calc(var(--zb-semantic-color-inverse-shadow-h) + 0deg), calc(var(--zb-semantic-color-inverse-shadow-s) + 0%), calc(var(--zb-semantic-color-inverse-shadow-l) + 0%), calc(var(--zb-semantic-color-inverse-shadow-a) + 0));
}
.zb-input-container .icon-margin {
  padding-left: 30px;
}
.zb-input-container .icon-margin .icon-margin {
  left: 30px;
}
.zb-input-container .clear-margin {
  padding-right: 30px;
}
.zb-input-container .input-icon {
  left: 2px;
  position: absolute;
  top: 4px;
}
.zb-input-container .clear-icon {
  position: absolute;
  right: -4px;
  top: -2px;
}
.zb-input-container .right-icon {
  position: absolute;
  right: 0;
}

.vm-it-section .progress-card {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
}
.vm-it-section .left-side .zb-toolbar,
.vm-it-section .right-side .zb-toolbar {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  bottom: 0;
  box-shadow: 0 -1px 3px hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.902));
  z-index: 5;
}
.vm-it-section .left-side .zb-toolbar .zb-actions,
.vm-it-section .right-side .zb-toolbar .zb-actions {
  align-items: center;
  height: 48px;
  width: auto;
}
.vm-it-section .left-side .zb-toolbar .zb-actions .preview-button,
.vm-it-section .right-side .zb-toolbar .zb-actions .preview-button {
  margin-left: auto;
}
.vm-it-section .left-side .zb-toolbar .error-validation-message,
.vm-it-section .right-side .zb-toolbar .error-validation-message {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
  margin-left: 32px;
  margin-top: 2px;
}
.vm-it-section .left-side {
  width: 40%;
}
.vm-it-section .right-side {
  display: flex;
  flex-direction: column-reverse;
}
.vm-it-section .right-side iframe {
  flex-grow: 1;
}
.vm-it-section .right-side .zb-toolbar {
  order: -1;
  width: 100%;
}
.vm-it-section .section-nav.previous,
.vm-it-section .section-nav.next {
  min-height: 56px;
}

.material-icons.xs,
.material-icons-outlined.xs,
.material-icons-two-tone.xs,
.material-icons-round.xs,
.material-icons-sharp.xs {
  font-size: 14px;
}
.material-icons.sm,
.material-icons-outlined.sm,
.material-icons-two-tone.sm,
.material-icons-round.sm,
.material-icons-sharp.sm {
  font-size: 18px;
}
.material-icons.med,
.material-icons-outlined.med,
.material-icons-two-tone.med,
.material-icons-round.med,
.material-icons-sharp.med {
  font-size: 24px;
}
.material-icons.lg,
.material-icons-outlined.lg,
.material-icons-two-tone.lg,
.material-icons-round.lg,
.material-icons-sharp.lg {
  font-size: 36px;
}
.material-icons.xl,
.material-icons-outlined.xl,
.material-icons-two-tone.xl,
.material-icons-round.xl,
.material-icons-sharp.xl {
  font-size: 48px;
}
.material-icons.red,
.material-icons-outlined.red,
.material-icons-two-tone.red,
.material-icons-round.red,
.material-icons-sharp.red {
  color: hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + 0));
}
.material-icons.orange,
.material-icons-outlined.orange,
.material-icons-two-tone.orange,
.material-icons-round.orange,
.material-icons-sharp.orange {
  color: hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + 0));
}
.material-icons.yellow,
.material-icons-outlined.yellow,
.material-icons-two-tone.yellow,
.material-icons-round.yellow,
.material-icons-sharp.yellow {
  color: hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + 0));
}
.material-icons.green,
.material-icons-outlined.green,
.material-icons-two-tone.green,
.material-icons-round.green,
.material-icons-sharp.green {
  color: hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + 0));
}
.material-icons.light-blue,
.material-icons-outlined.light-blue,
.material-icons-two-tone.light-blue,
.material-icons-round.light-blue,
.material-icons-sharp.light-blue {
  color: hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + 0));
}
.material-icons.blue,
.material-icons-outlined.blue,
.material-icons-two-tone.blue,
.material-icons-round.blue,
.material-icons-sharp.blue {
  color: hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + 0));
}
.material-icons.blue-grey,
.material-icons-outlined.blue-grey,
.material-icons-two-tone.blue-grey,
.material-icons-round.blue-grey,
.material-icons-sharp.blue-grey {
  color: hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + 0));
}
.material-icons.grey,
.material-icons-outlined.grey,
.material-icons-two-tone.grey,
.material-icons-round.grey,
.material-icons-sharp.grey {
  color: hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + 0));
}
.material-icons.dark-grey,
.material-icons-outlined.dark-grey,
.material-icons-two-tone.dark-grey,
.material-icons-round.dark-grey,
.material-icons-sharp.dark-grey {
  color: hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + 0));
}
.material-icons.white,
.material-icons-outlined.white,
.material-icons-two-tone.white,
.material-icons-round.white,
.material-icons-sharp.white {
  color: hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + 0));
}
.material-icons.indigo,
.material-icons-outlined.indigo,
.material-icons-two-tone.indigo,
.material-icons-round.indigo,
.material-icons-sharp.indigo {
  color: hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + 0));
}
.material-icons.purple,
.material-icons-outlined.purple,
.material-icons-two-tone.purple,
.material-icons-round.purple,
.material-icons-sharp.purple {
  color: hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + 0));
}
.material-icons.disabled,
.material-icons-outlined.disabled,
.material-icons-two-tone.disabled,
.material-icons-round.disabled,
.material-icons-sharp.disabled {
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.material-icons.primary,
.material-icons-outlined.primary,
.material-icons-two-tone.primary,
.material-icons-round.primary,
.material-icons-sharp.primary {
  color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
}
.material-icons.secondary,
.material-icons-outlined.secondary,
.material-icons-two-tone.secondary,
.material-icons-round.secondary,
.material-icons-sharp.secondary {
  color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
}
.material-icons.warning,
.material-icons-outlined.warning,
.material-icons-two-tone.warning,
.material-icons-round.warning,
.material-icons-sharp.warning {
  color: hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
}
.material-icons[disabled],
.material-icons-outlined[disabled],
.material-icons-two-tone[disabled],
.material-icons-round[disabled],
.material-icons-sharp[disabled] {
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.material-icons.has-label,
.material-icons-outlined.has-label,
.material-icons-two-tone.has-label,
.material-icons-round.has-label,
.material-icons-sharp.has-label {
  align-items: center;
  display: flex;
}
.material-icons .label,
.material-icons-outlined .label,
.material-icons-two-tone .label,
.material-icons-round .label,
.material-icons-sharp .label {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  font-size: 16px;
  margin: 0;
  margin-left: 8px;
}

.zb-menu-button,
.zb-author-menu .ember-basic-dropdown-content a,
.zb-author-menu .ember-basic-dropdown-content button,
.zb-menu .ember-basic-dropdown-content a,
.zb-menu .ember-basic-dropdown-content button,
.zb-author-menu .ember-basic-dropdown-trigger,
.zb-menu .ember-basic-dropdown-trigger {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  cursor: pointer;
  display: block;
  height: 40px;
}

.zb-author-menu,
.zb-menu {
  display: inline-block;
  position: relative;
}
.zb-author-menu .ember-basic-dropdown-trigger,
.zb-menu .ember-basic-dropdown-trigger {
  align-items: center;
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  display: flex;
}
.zb-author-menu.narrow-toggle-button .ember-basic-dropdown-trigger,
.zb-menu.narrow-toggle-button .ember-basic-dropdown-trigger {
  height: 24px;
}
.zb-author-menu.narrow-toggle-button .ember-basic-dropdown-trigger i,
.zb-menu.narrow-toggle-button .ember-basic-dropdown-trigger i {
  top: 0;
}
.zb-author-menu .ember-basic-dropdown-content,
.zb-menu .ember-basic-dropdown-content {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  box-shadow: 0 3px 1px -2px hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.86)), 0 2px 2px 0 hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.902)), 0 1px 5px 0 hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.916));
  box-sizing: border-box;
  list-style: none;
  margin-top: 0;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
}
.zb-author-menu .ember-basic-dropdown-content a,
.zb-author-menu .ember-basic-dropdown-content button,
.zb-menu .ember-basic-dropdown-content a,
.zb-menu .ember-basic-dropdown-content button {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  padding: 0 8px;
  text-align: left;
}
.zb-author-menu .ember-basic-dropdown-content a:hover,
.zb-author-menu .ember-basic-dropdown-content button:hover,
.zb-menu .ember-basic-dropdown-content a:hover,
.zb-menu .ember-basic-dropdown-content button:hover {
  background-color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + -0.5));
  transition-duration: 0.5s;
}
.zb-author-menu .ember-basic-dropdown-content button,
.zb-menu .ember-basic-dropdown-content button {
  width: 100%;
}
.zb-author-menu .ember-basic-dropdown-content a,
.zb-menu .ember-basic-dropdown-content a {
  line-height: 40px;
}
.zb-author-menu .ember-basic-dropdown-content li,
.zb-menu .ember-basic-dropdown-content li {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.zb-author-menu .ember-basic-dropdown-trigger {
  height: unset;
}

.zb-modal {
  align-items: center;
  background-color: hsl(calc(var(--zb-semantic-color-black-h) + 0deg), calc(var(--zb-semantic-color-black-s) + 0%), calc(var(--zb-semantic-color-black-l) + 0%), calc(var(--zb-semantic-color-black-a) + -0.46));
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

:where(.zb-modal .zb-modal-content) {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  border-radius: 4px;
  max-height: 90%;
  overflow-y: auto;
  width: 50%;
}
:where(.zb-modal .zb-modal-content):focus {
  outline: none;
}
:where(.zb-modal .zb-modal-content) h1 {
  margin-top: 0;
}

.zb-choices-modal .zb-modal-content {
  padding: 16px;
}
.zb-choices-modal .actions {
  align-items: center;
  padding-top: 16px;
}
.zb-choices-modal .actions .zb-button {
  margin: 5px;
}
.zb-choices-modal.sm .zb-modal-content {
  width: 360px;
}
.zb-choices-modal.med .zb-modal-content {
  width: 480px;
}
.zb-choices-modal.fit .zb-modal-content {
  width: -moz-fit-content;
  width: fit-content;
}

.exams-modal h1 {
  font-weight: 300;
}
.exams-modal .zb-modal-content {
  padding: 24px;
}
.exams-modal .message {
  margin-bottom: 32px;
  margin-top: 32px;
}
.exams-modal .actions {
  justify-content: space-between;
  padding-top: 0;
}

.forbidden-html-modal .zb-modal-content {
  width: 820px;
}
.forbidden-html-modal .forbidden-html {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  font-family: "Courier", monospace, sans-serif;
  font-weight: bold;
  list-style-type: none;
  margin-bottom: 0.5rem;
  margin-left: 1.5rem;
}

.lightbox-modal {
  background: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  border-radius: 4px;
  font-family: "Roboto", sans-serif;
  margin: auto;
  max-height: 80vh;
  max-width: 80%;
  overflow: auto;
  padding: 32px;
}

.profile-modal .profile-email-back-button,
.profile-modal .profile-password-back-button {
  margin-bottom: 8px;
  margin-top: auto;
}
.profile-modal .profile-email-title,
.profile-modal .profile-password-title {
  display: inline;
  font-size: 24px;
  margin-bottom: 8px;
  margin-top: auto;
}
.profile-modal .zb-input-container label {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
}
.profile-modal .zb-modal-content {
  max-width: 900px;
  width: 90%;
}

.toolbar-message {
  align-self: center;
  margin-left: 8px;
}

.error-message {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.error-message .card-declined-text {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
  text-decoration: underline;
}

.resource-import-modal .resource-list-header {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.resource-import-modal .author-column,
.resource-import-modal .section-column,
.resource-import-modal .title-column,
.resource-import-modal .type-column,
.resource-import-modal .controls-column {
  align-items: center;
  display: flex;
  flex: 0 0;
  margin: 0;
  padding-left: 10px;
}
.resource-import-modal .author-column .zb-progress-circular,
.resource-import-modal .section-column .zb-progress-circular,
.resource-import-modal .title-column .zb-progress-circular,
.resource-import-modal .type-column .zb-progress-circular,
.resource-import-modal .controls-column .zb-progress-circular {
  margin: 0 11px;
}
.resource-import-modal .section-column,
.resource-import-modal .title-column {
  flex-basis: 25%;
}
.resource-import-modal .type-column {
  flex-basis: 12.5%;
  text-transform: capitalize;
}
.resource-import-modal .author-column {
  flex-basis: 7.5%;
}
.resource-import-modal .type-indicator {
  border: 3px solid;
  border-radius: 6px;
  box-sizing: border-box;
  display: inline-block;
  height: 12px;
  margin: 0 8px;
  width: 12px;
}
.resource-import-modal .type-indicator.lab, .resource-import-modal .type-indicator.studio {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-lab-h) + 0deg), calc(var(--zb-semantic-color-zybook-lab-s) + 0%), calc(var(--zb-semantic-color-zybook-lab-l) + 0%), calc(var(--zb-semantic-color-zybook-lab-a) + 0));
  border-color: hsl(calc(var(--zb-semantic-color-zybook-lab-h) + 0deg), calc(var(--zb-semantic-color-zybook-lab-s) + 0%), calc(var(--zb-semantic-color-zybook-lab-l) + 0%), calc(var(--zb-semantic-color-zybook-lab-a) + 0));
}
.resource-import-modal .type-indicator.challenge {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-challenge-h) + 0deg), calc(var(--zb-semantic-color-zybook-challenge-s) + 0%), calc(var(--zb-semantic-color-zybook-challenge-l) + 0%), calc(var(--zb-semantic-color-zybook-challenge-a) + 0));
  border-color: hsl(calc(var(--zb-semantic-color-zybook-challenge-h) + 0deg), calc(var(--zb-semantic-color-zybook-challenge-s) + 0%), calc(var(--zb-semantic-color-zybook-challenge-l) + 0%), calc(var(--zb-semantic-color-zybook-challenge-a) + 0));
}
.resource-import-modal .type-indicator.participation {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-participation-h) + 0deg), calc(var(--zb-semantic-color-zybook-participation-s) + 0%), calc(var(--zb-semantic-color-zybook-participation-l) + 0%), calc(var(--zb-semantic-color-zybook-participation-a) + 0));
  border-color: hsl(calc(var(--zb-semantic-color-zybook-participation-h) + 0deg), calc(var(--zb-semantic-color-zybook-participation-s) + 0%), calc(var(--zb-semantic-color-zybook-participation-l) + 0%), calc(var(--zb-semantic-color-zybook-participation-a) + 0));
}
.resource-import-modal .resource-import-header,
.resource-import-modal .select-level-header,
.resource-import-modal .select-test-header {
  justify-content: space-between;
}
.resource-import-modal .resource-import-header h1,
.resource-import-modal .select-level-header h1,
.resource-import-modal .select-test-header h1 {
  font-size: 32px;
  margin: 30px 0 0;
}
.resource-import-modal .resource-import-filters &gt; .left {
  width: 300px;
}
.resource-import-modal .resource-import-filters &gt; .left.padding-top {
  padding-top: 14px;
}
.resource-import-modal .resource-import-filters &gt; .right {
  flex-basis: 350px;
  margin-left: 24px;
  padding-top: 14px;
}
.resource-import-modal .resource-import-filters .zb-input-container {
  height: auto;
}
.resource-import-modal .resource-import-filters .ember-power-select-options {
  overflow-x: hidden;
}
.resource-import-modal .resource-import-filters .title-detail-item span {
  white-space: normal;
}
.resource-import-modal .resource-import-filters .title-trigger {
  overflow: hidden;
  white-space: nowrap;
}
.resource-import-modal .zb-list-loading-container .zb-progress-circular {
  padding-bottom: 125px;
}
.resource-import-modal .challenge-activity-container {
  display: flex;
  justify-content: center;
  padding: 5px 50px;
}
.resource-import-modal .challenge-activity-container .interactive-activity-container {
  min-width: 300px;
  width: 100%;
}
.resource-import-modal .select-level-header,
.resource-import-modal .resource-import-header,
.resource-import-modal .resource-import-filters {
  display: flex;
  flex-direction: row;
  margin-left: 30px;
}
.resource-import-modal .select-level-buttons {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 20px;
}
.resource-import-modal .select-level-buttons .right {
  display: flex;
}
.resource-import-modal .select-level-buttons .right .zb-select-container {
  align-self: flex-end;
  height: auto;
  margin: 0 15px;
}
.resource-import-modal .select-level-buttons .right .zb-select-container .select {
  min-width: 60px;
}
.resource-import-modal .select-level-buttons .right label {
  align-items: center;
  display: flex;
}
.resource-import-modal.is-importing .preview-button,
.resource-import-modal.is-importing .import-button {
  display: none;
}
.resource-import-modal.hidden {
  display: none;
}
.resource-import-modal .controls-column {
  flex-grow: 1;
}
.resource-import-modal .controls-column .preview-button {
  opacity: 0;
}
.resource-import-modal .controls-column .preview-button:focus {
  opacity: 1;
}
.resource-import-modal .zb-list-container {
  height: 608px;
}
.resource-import-modal .list {
  height: 480px;
  overflow-y: scroll;
}
.resource-import-modal .item-row {
  flex-shrink: 0;
}
.resource-import-modal .item-row:hover .preview-button {
  opacity: 1;
}
.resource-import-modal .zb-modal-content {
  position: relative;
  width: 60%;
}
.resource-import-modal .zb-modal-content .empty-container {
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
}
.resource-import-modal .content-tool-container,
.resource-import-modal .progression-container {
  width: calc(100% - 12px);
}
.resource-import-modal .code-editor {
  width: 100%;
}
.resource-import-modal .code-writing-prompt .code-editor {
  width: 100%;
}
.resource-import-modal .message-container,
.resource-import-modal .error-container {
  padding: 0 25px;
}
.resource-import-modal .error-container {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
@media (max-width: 1024px) {
  .resource-import-modal .zb-modal-content {
    width: 70%;
  }
  .resource-import-modal .challenge-activity-container {
    padding: 5px 20px;
  }
}
@media (max-width: 769px) {
  .resource-import-modal .zb-modal-content {
    width: 88%;
  }
  .resource-import-modal .challenge-activity-container {
    padding: 5px 20px;
  }
}
@media (max-width: 577px) {
  .resource-import-modal .zb-modal-content {
    width: 96%;
  }
}
@media (max-width: 480px) {
  .resource-import-modal .select-level-buttons {
    flex-wrap: wrap;
  }
}

.test-import-modal .zb-modal-content {
  height: 90%;
  min-height: 200px;
  overflow-y: hidden;
}
.test-import-modal .zb-modal-content .empty-container {
  left: 0;
  right: 0;
}
.test-import-modal .zb-modal-content .loading-zybook-item {
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  width: 100%;
}
.test-import-modal .test-import-header {
  margin-left: 0;
}
.test-import-modal .test-import-header h1 {
  margin-top: 0;
}
.test-import-modal .test-body {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  margin-top: 8px;
  max-height: calc(100% - 115px);
  overflow-y: auto;
}
.test-import-modal .test-body .zb-switch {
  justify-content: right;
  margin: 0 20px 8px;
}
.test-import-modal .test-body .zb-checkbox {
  margin-right: 16px;
  margin-top: 4px;
}
.test-import-modal .test-body .all-questions .zb-checkbox {
  margin-top: 0;
}
.test-import-modal .test-body .all-questions .zb-checkbox.transparent {
  opacity: 0.5;
}
.test-import-modal .table-of-contents-list .toc-item {
  overflow-x: auto;
}
.test-import-modal .test-import-filters {
  margin-left: 0;
}
.test-import-modal .test-import-filters &gt; .right {
  padding-top: 0;
}
.test-import-modal .test-list {
  list-style-type: none;
}
.test-import-modal .loading-tests-spinner {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.test-import-modal .test-questions {
  box-sizing: border-box;
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
  padding-top: 32px;
}
.test-import-modal .test-questions .close-button {
  padding-right: 0;
}
.test-import-modal .test-questions .actions {
  display: flex;
  flex-direction: column;
  margin-top: auto;
  padding: 20px 0;
}
.test-import-modal .test-questions .actions .error-text-color {
  align-self: flex-end;
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.test-import-modal .test-questions .format-radios-group {
  align-items: center;
  gap: 8px;
}

.zb-multi-step-container .title-container {
  justify-content: space-between;
  margin: 24px 16px 16px;
}
.zb-multi-step-container .title-container h2 {
  margin: 0;
}
.zb-multi-step-container .step-content {
  margin: 0 24px;
}
.zb-multi-step-container .navigation-container {
  align-items: center;
  border-top: 1px solid "border";
  height: 76px;
  justify-content: center;
  margin: 24px 16px 0;
}
.zb-multi-step-container .navigation-container .state-indicator-container {
  align-items: center;
  height: 76px;
}
.zb-multi-step-container .navigation-container .state-indicator-container .zb-state-indicator {
  margin: 32px 0 8px;
}
.zb-multi-step-container .navigation-container .state-indicator-container span {
  color: hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
  font-size: 14px;
}
.zb-multi-step-container .navigation-container .nav-step-container {
  flex: 1;
}
.zb-multi-step-container .navigation-container .nav-step-container .button-centered {
  width: 120px;
}
.zb-multi-step-container .navigation-container .nav-step-container.left button {
  padding: 4px 16px;
}
.zb-multi-step-container .navigation-container .nav-step-container.left div {
  margin-top: 0;
}
.zb-multi-step-container .navigation-container .nav-step-container.right {
  justify-content: flex-end;
}
.zb-multi-step-container .navigation-container .nav-step-container div {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 12px;
  margin-top: 4px;
  text-align: center;
}
.zb-multi-step-container .navigation-container .zb-progress-circular {
  margin-right: 16px;
}

.toolbar,
.top-toolbar {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  min-height: 56px;
  width: 100%;
}

.top-toolbar {
  align-items: center;
  box-shadow: 0 0 10px hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.46));
  justify-content: space-between;
  min-height: 56px;
  position: relative;
}
.top-toolbar .changelog-button {
  display: inline-flex;
  flex-flow: row-reverse;
}
.top-toolbar .changelog-button #HW_badge_cont {
  height: 32px;
  margin-right: -120px;
  width: 136px;
}
.top-toolbar .changelog-button #HW_badge {
  background: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  color: transparent;
  height: 6px;
  left: 6px;
  top: 14px;
  width: 6px;
}
.top-toolbar .changelog-button .HW_softHidden {
  display: none;
}
.top-toolbar .changelog-button-hidden-text #HW_badge_cont {
  margin-right: -34px !important;
  width: 48px !important;
}
.top-toolbar .breadcrumb-menu .breadcrumb-menu-toggle {
  align-self: center;
  background: url("/zycommon-web/assets/logo.svg");
  background-repeat: no-repeat;
  height: 22px;
  justify-content: flex-end;
  margin-top: 2px;
  width: 85px;
}
.top-toolbar .breadcrumb-menu .breadcrumb-menu-toggle i {
  position: absolute;
  right: -32px;
}
.top-toolbar .breadcrumb-menu .breadcrumb-dropdown li {
  max-width: calc(100vw - 130px);
}
.top-toolbar .logo {
  margin-top: 5px;
  max-width: 83px;
}
.top-toolbar .toolbar-title {
  margin-left: 8px;
}
@keyframes slideInFromLeft {
  0% {
    left: -60px;
  }
  100% {
    left: 12px;
  }
}
.top-toolbar .menu-button {
  animation: slideInFromLeft 0.5s ease-out 0s 1;
  left: 12px;
  position: fixed;
}
.top-toolbar .left-buttons,
.top-toolbar .right-buttons,
.top-toolbar .zb-breadcrumbs {
  align-items: center;
}
.top-toolbar .left-buttons {
  width: calc(100% - 502px);
}
.top-toolbar .zb-breadcrumbs {
  flex-grow: 1;
  margin-left: 60px;
  transition-duration: 0.5s;
  width: 100%;
}
.top-toolbar .zb-breadcrumbs.hide-nav-menu-button {
  margin-left: 12px;
}
.top-toolbar .toolbar-menu-toggle,
.top-toolbar .toolbar-menu-toggle &gt; i {
  transition-duration: 0.5s;
}
.top-toolbar .zb-menu {
  margin-left: 8px;
  white-space: nowrap;
}
.top-toolbar .right-buttons {
  padding-right: 16px;
}
.top-toolbar .sign-out-button {
  margin-left: 24px;
}
@media (max-width: 376px) {
  .top-toolbar .right-buttons {
    padding-right: 12px;
  }
}
@media (hover: hover) {
  .top-toolbar .menu-button,
  .top-toolbar .toolbar-button,
  .top-toolbar .toolbar-menu-toggle {
    font-size: 1rem;
  }
  .top-toolbar .menu-button:hover,
  .top-toolbar .toolbar-button:hover,
  .top-toolbar .toolbar-menu-toggle:hover {
    color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  }
  .top-toolbar .menu-button:hover i,
  .top-toolbar .toolbar-button:hover i,
  .top-toolbar .toolbar-menu-toggle:hover i {
    color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  }
}

.zb-nav-menu {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  height: calc(100vh - 72px);
  left: 0;
  overflow-y: auto;
  padding: 16px;
  position: fixed;
  scroll-margin-top: 60px;
  top: 56px;
  transition-duration: 0.5s;
}
.zb-nav-menu.hide-nav-menu {
  left: -300px;
}
.zb-nav-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.zb-nav-menu ul.level-1 {
  width: 250px;
}
.zb-nav-menu ul.level-1 li {
  font-size: 16px;
  margin-bottom: 16px;
}
.zb-nav-menu ul.level-1 li.flex-row {
  align-items: center;
}
.zb-nav-menu ul.level-1 li.flex-row:hover span {
  color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
}
.zb-nav-menu ul.level-1 li.flex-row:hover i {
  color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
}
.zb-nav-menu ul.level-2 {
  list-style: none;
  margin-top: 8px;
  padding-left: 16px;
}
.zb-nav-menu ul.level-2 &gt; li {
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 8px;
}
.zb-nav-menu ul.level-2 &gt; li span {
  margin-top: 4px;
}
.zb-nav-menu a,
.zb-nav-menu button,
.zb-nav-menu li {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  cursor: pointer;
}
.zb-nav-menu li {
  min-height: 20px;
}
.zb-nav-menu li :hover {
  color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
}
.zb-nav-menu li :hover &gt; i {
  color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
}
.zb-nav-menu a {
  text-decoration: none;
  width: 100%;
}
.zb-nav-menu button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: 0;
  display: none;
  line-height: 19px;
  padding: 0;
  text-align: left;
  width: 100%;
}
.zb-nav-menu .list-toggle {
  justify-content: space-between;
  width: 100%;
}
.zb-nav-menu .list-toggle-title {
  margin-right: 8px;
}
.zb-nav-menu .item-bullet {
  display: block;
  max-width: 40px;
  min-width: 40px;
}
.zb-nav-menu .margin-for-bullet {
  margin-left: 40px;
}
.zb-nav-menu .chapter-labels,
.zb-nav-menu .section-labels {
  align-items: flex-end;
  justify-content: center;
  margin-left: auto;
}
.zb-nav-menu .chapter-labels .nav-item-label,
.zb-nav-menu .chapter-labels .nav-item-label-optional,
.zb-nav-menu .chapter-labels .nav-item-label-lab,
.zb-nav-menu .chapter-labels .nav-item-label-hidden,
.zb-nav-menu .chapter-labels .nav-item-label-exam,
.zb-nav-menu .chapter-labels .nav-item-label-empty,
.zb-nav-menu .section-labels .nav-item-label,
.zb-nav-menu .section-labels .nav-item-label-optional,
.zb-nav-menu .section-labels .nav-item-label-lab,
.zb-nav-menu .section-labels .nav-item-label-hidden,
.zb-nav-menu .section-labels .nav-item-label-exam,
.zb-nav-menu .section-labels .nav-item-label-empty {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-content-label-background-h) + 0deg), calc(var(--zb-semantic-color-zybook-content-label-background-s) + 0%), calc(var(--zb-semantic-color-zybook-content-label-background-l) + 0%), calc(var(--zb-semantic-color-zybook-content-label-background-a) + 0));
  border-radius: 2px;
  color: hsl(calc(var(--zb-semantic-color-zybook-content-label-h) + 0deg), calc(var(--zb-semantic-color-zybook-content-label-s) + 0%), calc(var(--zb-semantic-color-zybook-content-label-l) + 0%), calc(var(--zb-semantic-color-zybook-content-label-a) + 0));
  font-size: 10px;
  font-weight: normal;
  height: 10px;
  line-height: 1em;
  margin-left: 4px;
  margin-top: 2px;
  padding: 2px;
}
.zb-nav-menu .chapter-labels .nav-item-label-empty,
.zb-nav-menu .section-labels .nav-item-label-empty {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-empty-h) + 0deg), calc(var(--zb-semantic-color-zybook-empty-s) + 0%), calc(var(--zb-semantic-color-zybook-empty-l) + 0%), calc(var(--zb-semantic-color-zybook-empty-a) + 0));
}
.zb-nav-menu .chapter-labels .nav-item-label-exam,
.zb-nav-menu .section-labels .nav-item-label-exam {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-exam-h) + 0deg), calc(var(--zb-semantic-color-zybook-exam-s) + 0%), calc(var(--zb-semantic-color-zybook-exam-l) + 0%), calc(var(--zb-semantic-color-zybook-exam-a) + 0));
}
.zb-nav-menu .chapter-labels .nav-item-label-hidden,
.zb-nav-menu .section-labels .nav-item-label-hidden {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-hidden-h) + 0deg), calc(var(--zb-semantic-color-zybook-hidden-s) + 0%), calc(var(--zb-semantic-color-zybook-hidden-l) + 0%), calc(var(--zb-semantic-color-zybook-hidden-a) + 0));
}
.zb-nav-menu .chapter-labels .nav-item-label-lab,
.zb-nav-menu .section-labels .nav-item-label-lab {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-lab-h) + 0deg), calc(var(--zb-semantic-color-zybook-lab-s) + 0%), calc(var(--zb-semantic-color-zybook-lab-l) + 0%), calc(var(--zb-semantic-color-zybook-lab-a) + 0));
}
.zb-nav-menu .chapter-labels .nav-item-label-optional,
.zb-nav-menu .section-labels .nav-item-label-optional {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-optional-h) + 0deg), calc(var(--zb-semantic-color-zybook-optional-s) + 0%), calc(var(--zb-semantic-color-zybook-optional-l) + 0%), calc(var(--zb-semantic-color-zybook-optional-a) + 0));
}

.notify-outlet {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}
.notify-outlet .notify-outlet-message-container {
  display: flex;
  margin: 24px auto 16px;
  width: 640px;
}
.notify-outlet .notify-outlet-message-container:not(:last-child) {
  margin-bottom: 5px;
}
.notify-outlet .notify-outlet-message-container.error .notify-outlet-message-icon-container i,
.notify-outlet .notify-outlet-message-container.error .notify-outlet-message-text {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.notify-outlet .notify-outlet-message-container.info .notify-outlet-message-icon-container i,
.notify-outlet .notify-outlet-message-container.info .notify-outlet-message-text {
  color: hsl(calc(var(--zb-semantic-color-info-h) + 0deg), calc(var(--zb-semantic-color-info-s) + 0%), calc(var(--zb-semantic-color-info-l) + 0%), calc(var(--zb-semantic-color-info-a) + 0));
}
.notify-outlet .notify-outlet-message-container.success .notify-outlet-message-icon-container i,
.notify-outlet .notify-outlet-message-container.success .notify-outlet-message-text {
  color: hsl(calc(var(--zb-semantic-color-success-h) + 0deg), calc(var(--zb-semantic-color-success-s) + 0%), calc(var(--zb-semantic-color-success-l) + 0%), calc(var(--zb-semantic-color-success-a) + 0));
}
.notify-outlet .notify-outlet-message-container .notify-outlet-message {
  display: flex;
}
.notify-outlet .notify-outlet-message-container .notify-outlet-message .notify-outlet-message-close-button {
  height: auto;
  padding: 0;
}
.notify-outlet .notify-outlet-message-container .notify-outlet-message .notify-outlet-message-close-button i {
  font-size: 20px;
}
.notify-outlet .notify-outlet-message-container .notify-outlet-message .notify-outlet-message-content {
  align-items: center;
  display: flex;
  font-size: 16px;
}
.notify-outlet .notify-outlet-message-container .notify-outlet-message .notify-outlet-message-content .notify-outlet-message-icon-container i {
  font-size: 20px;
}
.notify-outlet .notify-outlet-message-container .notify-outlet-message .notify-outlet-message-content .notify-outlet-message-text {
  flex-grow: 1;
  line-height: 1.4;
  margin: 0;
}
.notify-outlet.notify-outlet-global {
  display: block;
}
.notify-outlet.notify-outlet-global .notify-outlet-message-container.error .notify-outlet-message-icon-container {
  background-color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.notify-outlet.notify-outlet-global .notify-outlet-message-container.info .notify-outlet-message-icon-container {
  background-color: hsl(calc(var(--zb-semantic-color-notify-icon-background-info-h) + 0deg), calc(var(--zb-semantic-color-notify-icon-background-info-s) + 0%), calc(var(--zb-semantic-color-notify-icon-background-info-l) + 0%), calc(var(--zb-semantic-color-notify-icon-background-info-a) + 0));
}
.notify-outlet.notify-outlet-global .notify-outlet-message-container.success .notify-outlet-message-icon-container {
  background-color: hsl(calc(var(--zb-semantic-color-success-h) + 0deg), calc(var(--zb-semantic-color-success-s) + 0%), calc(var(--zb-semantic-color-success-l) + 0%), calc(var(--zb-semantic-color-success-a) + 0));
}
.notify-outlet.notify-outlet-global .notify-outlet-message-container .notify-outlet-message {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  border-radius: 3px;
  margin: auto;
}
.notify-outlet.notify-outlet-global .notify-outlet-message-container .notify-outlet-message .notify-outlet-message-close-button {
  align-items: center;
  display: flex;
  height: 26px;
  justify-content: center;
  margin: auto 12px auto 0;
  width: 26px;
}
.notify-outlet.notify-outlet-global .notify-outlet-message-container .notify-outlet-message .notify-outlet-message-close-button i {
  font-size: 26px;
}
.notify-outlet.notify-outlet-global .notify-outlet-message-container .notify-outlet-message .notify-outlet-message-content {
  flex-grow: 1;
}
.notify-outlet.notify-outlet-global .notify-outlet-message-container .notify-outlet-message .notify-outlet-message-content .notify-outlet-message-icon-container {
  align-items: center;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  display: flex;
  flex: 0 0 88px;
  height: 100%;
  justify-content: center;
}
.notify-outlet.notify-outlet-global .notify-outlet-message-container .notify-outlet-message .notify-outlet-message-content .notify-outlet-message-icon-container i {
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
  font-size: 38px;
  padding: 11px 0;
}
.notify-outlet.notify-outlet-global .notify-outlet-message-container .notify-outlet-message .notify-outlet-message-content .notify-outlet-message-text {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  padding: 8px 16px;
}
.notify-outlet.notify-outlet-global .notify-outlet-message-container .notify-outlet-message .notify-outlet-message-content.clickable {
  cursor: pointer;
}
.notify-outlet .wide-note {
  width: 1024px;
}

.pagination {
  align-items: center;
  display: flex;
  padding-left: 0;
}
.pagination .zb-button {
  height: 28px;
  padding: 0;
  width: 28px;
}
.pagination li {
  list-style: none;
  margin: 0 6px;
}
.pagination li.active {
  background-color: hsl(calc(var(--zb-semantic-color-pagination-background-h) + 0deg), calc(var(--zb-semantic-color-pagination-background-s) + 0%), calc(var(--zb-semantic-color-pagination-background-l) + 0%), calc(var(--zb-semantic-color-pagination-background-a) + 0));
  border-radius: 4px;
  display: flex;
  font-weight: bold;
  height: 28px;
  width: 28px;
}
.pagination li.active span {
  margin: auto;
}
.pagination li.active span:hover {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}
.pagination li.page-number {
  cursor: pointer;
}
.pagination li span {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}
.pagination li span:hover {
  color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
}

.ember-power-select-dropdown,
.ember-power-select-trigger,
.zb-power-select-container {
  color: hsl(calc(var(--zb-semantic-color-input-h) + 0deg), calc(var(--zb-semantic-color-input-s) + 0%), calc(var(--zb-semantic-color-input-l) + 0%), calc(var(--zb-semantic-color-input-a) + 0));
}
.ember-power-select-dropdown,
.ember-power-select-dropdown .ember-power-select-option .title,
.ember-power-select-dropdown .title-trigger,
.ember-power-select-trigger,
.ember-power-select-trigger .ember-power-select-option .title,
.ember-power-select-trigger .title-trigger,
.zb-power-select-container,
.zb-power-select-container .ember-power-select-option .title,
.zb-power-select-container .title-trigger {
  font-weight: 300;
}
.ember-power-select-dropdown .ember-power-select-group-name,
.ember-power-select-trigger .ember-power-select-group-name,
.zb-power-select-container .ember-power-select-group-name {
  font-weight: normal;
}
.ember-power-select-dropdown .ember-power-select-options,
.ember-power-select-trigger .ember-power-select-options,
.zb-power-select-container .ember-power-select-options {
  background-color: hsl(calc(var(--zb-semantic-color-input-background-h) + 0deg), calc(var(--zb-semantic-color-input-background-s) + 0%), calc(var(--zb-semantic-color-input-background-l) + 0%), calc(var(--zb-semantic-color-input-background-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-input-h) + 0deg), calc(var(--zb-semantic-color-input-s) + 0%), calc(var(--zb-semantic-color-input-l) + 0%), calc(var(--zb-semantic-color-input-a) + 0));
}
.ember-power-select-dropdown label,
.ember-power-select-dropdown .ember-power-select-placeholder,
.ember-power-select-trigger label,
.ember-power-select-trigger .ember-power-select-placeholder,
.zb-power-select-container label,
.zb-power-select-container .ember-power-select-placeholder {
  color: hsl(calc(var(--zb-semantic-color-input-placeholder-h) + 0deg), calc(var(--zb-semantic-color-input-placeholder-s) + 0%), calc(var(--zb-semantic-color-input-placeholder-l) + 0%), calc(var(--zb-semantic-color-input-placeholder-a) + 0));
}
.ember-power-select-dropdown .ember-power-select-selected-item,
.ember-power-select-trigger .ember-power-select-selected-item,
.zb-power-select-container .ember-power-select-selected-item {
  color: hsl(calc(var(--zb-semantic-color-input-h) + 0deg), calc(var(--zb-semantic-color-input-s) + 0%), calc(var(--zb-semantic-color-input-l) + 0%), calc(var(--zb-semantic-color-input-a) + 0));
}
.ember-power-select-dropdown[aria-disabled=true],
.ember-power-select-dropdown .ember-power-select-trigger[aria-disabled=true],
.ember-power-select-trigger[aria-disabled=true],
.ember-power-select-trigger .ember-power-select-trigger[aria-disabled=true],
.zb-power-select-container[aria-disabled=true],
.zb-power-select-container .ember-power-select-trigger[aria-disabled=true] {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-background-h) + 0deg), calc(var(--zb-semantic-color-disabled-background-s) + 0%), calc(var(--zb-semantic-color-disabled-background-l) + 0%), calc(var(--zb-semantic-color-disabled-background-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.ember-power-select-dropdown[aria-disabled=true] label,
.ember-power-select-dropdown[aria-disabled=true] .ember-power-select-placeholder,
.ember-power-select-dropdown .ember-power-select-trigger[aria-disabled=true] label,
.ember-power-select-dropdown .ember-power-select-trigger[aria-disabled=true] .ember-power-select-placeholder,
.ember-power-select-trigger[aria-disabled=true] label,
.ember-power-select-trigger[aria-disabled=true] .ember-power-select-placeholder,
.ember-power-select-trigger .ember-power-select-trigger[aria-disabled=true] label,
.ember-power-select-trigger .ember-power-select-trigger[aria-disabled=true] .ember-power-select-placeholder,
.zb-power-select-container[aria-disabled=true] label,
.zb-power-select-container[aria-disabled=true] .ember-power-select-placeholder,
.zb-power-select-container .ember-power-select-trigger[aria-disabled=true] label,
.zb-power-select-container .ember-power-select-trigger[aria-disabled=true] .ember-power-select-placeholder {
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.ember-power-select-dropdown .ember-power-select-option[aria-current=true],
.ember-power-select-dropdown .ember-power-select-option:hover,
.ember-power-select-trigger .ember-power-select-option[aria-current=true],
.ember-power-select-trigger .ember-power-select-option:hover,
.zb-power-select-container .ember-power-select-option[aria-current=true],
.zb-power-select-container .ember-power-select-option:hover {
  background-color: hsl(calc(var(--zb-semantic-color-select-option-background-hover-h) + 0deg), calc(var(--zb-semantic-color-select-option-background-hover-s) + 0%), calc(var(--zb-semantic-color-select-option-background-hover-l) + 0%), calc(var(--zb-semantic-color-select-option-background-hover-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-select-option-hover-h) + 0deg), calc(var(--zb-semantic-color-select-option-hover-s) + 0%), calc(var(--zb-semantic-color-select-option-hover-l) + 0%), calc(var(--zb-semantic-color-select-option-hover-a) + 0));
}
.ember-power-select-dropdown .ember-power-select-option[aria-selected=true],
.ember-power-select-trigger .ember-power-select-option[aria-selected=true],
.zb-power-select-container .ember-power-select-option[aria-selected=true] {
  background-color: hsl(calc(var(--zb-semantic-color-select-option-selected-background-h) + 0deg), calc(var(--zb-semantic-color-select-option-selected-background-s) + 0%), calc(var(--zb-semantic-color-select-option-selected-background-l) + 0%), calc(var(--zb-semantic-color-select-option-selected-background-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-select-option-selected-h) + 0deg), calc(var(--zb-semantic-color-select-option-selected-s) + 0%), calc(var(--zb-semantic-color-select-option-selected-l) + 0%), calc(var(--zb-semantic-color-select-option-selected-a) + 0));
}
.ember-power-select-dropdown.disabled .ember-power-select-selected-item .ember-power-select-selected-item,
.ember-power-select-trigger.disabled .ember-power-select-selected-item .ember-power-select-selected-item,
.zb-power-select-container.disabled .ember-power-select-selected-item .ember-power-select-selected-item {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-background-h) + 0deg), calc(var(--zb-semantic-color-disabled-background-s) + 0%), calc(var(--zb-semantic-color-disabled-background-l) + 0%), calc(var(--zb-semantic-color-disabled-background-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}

.ember-power-select-dropdown,
.ember-power-select-trigger {
  background-color: hsl(calc(var(--zb-semantic-color-input-background-h) + 0deg), calc(var(--zb-semantic-color-input-background-s) + 0%), calc(var(--zb-semantic-color-input-background-l) + 0%), calc(var(--zb-semantic-color-input-background-a) + 0));
}

.zb-power-select-dropdown .ember-power-select-option[aria-selected=true] {
  background-color: hsl(calc(var(--zb-semantic-color-select-option-background-hover-h) + 0deg), calc(var(--zb-semantic-color-select-option-background-hover-s) + 0%), calc(var(--zb-semantic-color-select-option-background-hover-l) + 0%), calc(var(--zb-semantic-color-select-option-background-hover-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-select-option-hover-h) + 0deg), calc(var(--zb-semantic-color-select-option-hover-s) + 0%), calc(var(--zb-semantic-color-select-option-hover-l) + 0%), calc(var(--zb-semantic-color-select-option-hover-a) + 0));
}
.zb-power-select-dropdown .ember-power-select-option.selected {
  background-color: hsl(calc(var(--zb-semantic-color-select-option-selected-background-h) + 0deg), calc(var(--zb-semantic-color-select-option-selected-background-s) + 0%), calc(var(--zb-semantic-color-select-option-selected-background-l) + 0%), calc(var(--zb-semantic-color-select-option-selected-background-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-select-option-selected-h) + 0deg), calc(var(--zb-semantic-color-select-option-selected-s) + 0%), calc(var(--zb-semantic-color-select-option-selected-l) + 0%), calc(var(--zb-semantic-color-select-option-selected-a) + 0));
}

.zb-progress-circular {
  padding-left: 32px;
  position: relative;
}
.zb-progress-circular::before {
  animation: load8 1.1s infinite linear;
  border-radius: 50%;
  box-sizing: border-box;
  content: "";
  left: 0;
  position: absolute;
  transform: translateZ(0);
}
.zb-progress-circular.sm {
  height: 20px;
  line-height: 20px;
  padding-left: 20px;
}
.zb-progress-circular.sm.label-present {
  padding-left: 28px;
}
.zb-progress-circular.sm::before {
  height: 20px;
  min-height: 20px;
  min-width: 20px;
  width: 20px;
}
.zb-progress-circular.sm.label-below {
  height: 0;
  line-height: 1.4;
  min-width: 20px;
  padding-left: 0;
  padding-top: 20px;
}
.zb-progress-circular.sm.label-below.label-present {
  height: 1.4em;
  padding-top: 24px;
}
.zb-progress-circular.sm.label-below::before {
  left: calc(50% - 10px);
  top: 0;
}
.zb-progress-circular.med {
  height: 28px;
  line-height: 28px;
  padding-left: 28px;
}
.zb-progress-circular.med.label-present {
  padding-left: 36px;
}
.zb-progress-circular.med::before {
  height: 28px;
  min-height: 28px;
  min-width: 28px;
  width: 28px;
}
.zb-progress-circular.med.label-below {
  height: 0;
  line-height: 1.4;
  min-width: 28px;
  padding-left: 0;
  padding-top: 28px;
}
.zb-progress-circular.med.label-below.label-present {
  height: 1.4em;
  padding-top: 32px;
}
.zb-progress-circular.med.label-below::before {
  left: calc(50% - 14px);
  top: 0;
}
.zb-progress-circular.lg {
  height: 38px;
  line-height: 38px;
  padding-left: 38px;
}
.zb-progress-circular.lg.label-present {
  padding-left: 46px;
}
.zb-progress-circular.lg::before {
  height: 38px;
  min-height: 38px;
  min-width: 38px;
  width: 38px;
}
.zb-progress-circular.lg.label-below {
  height: 0;
  line-height: 1.4;
  min-width: 38px;
  padding-left: 0;
  padding-top: 38px;
}
.zb-progress-circular.lg.label-below.label-present {
  height: 1.4em;
  padding-top: 42px;
}
.zb-progress-circular.lg.label-below::before {
  left: calc(50% - 19px);
  top: 0;
}
.zb-progress-circular.xl {
  height: 52px;
  line-height: 52px;
  padding-left: 52px;
}
.zb-progress-circular.xl.label-present {
  padding-left: 60px;
}
.zb-progress-circular.xl::before {
  height: 52px;
  min-height: 52px;
  min-width: 52px;
  width: 52px;
}
.zb-progress-circular.xl.label-below {
  height: 0;
  line-height: 1.4;
  min-width: 52px;
  padding-left: 0;
  padding-top: 52px;
}
.zb-progress-circular.xl.label-below.label-present {
  height: 1.4em;
  padding-top: 56px;
}
.zb-progress-circular.xl.label-below::before {
  left: calc(50% - 26px);
  top: 0;
}
.zb-progress-circular.red.sm::before {
  border-bottom: 2px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + -0.8));
  border-left: 2px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + 0));
  border-right: 2px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + -0.8));
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + -0.8));
}
.zb-progress-circular.red.med::before {
  border-bottom: 2px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + -0.8));
  border-left: 2px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + 0));
  border-right: 2px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + -0.8));
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + -0.8));
}
.zb-progress-circular.red.lg::before {
  border-bottom: 3px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + -0.8));
  border-left: 3px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + 0));
  border-right: 3px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + -0.8));
  border-top: 3px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + -0.8));
}
.zb-progress-circular.red.xl::before {
  border-bottom: 6px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + -0.8));
  border-left: 6px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + 0));
  border-right: 6px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + -0.8));
  border-top: 6px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + -0.8));
}
.zb-progress-circular.orange.sm::before {
  border-bottom: 2px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + -0.8));
  border-left: 2px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + 0));
  border-right: 2px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + -0.8));
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + -0.8));
}
.zb-progress-circular.orange.med::before {
  border-bottom: 2px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + -0.8));
  border-left: 2px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + 0));
  border-right: 2px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + -0.8));
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + -0.8));
}
.zb-progress-circular.orange.lg::before {
  border-bottom: 3px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + -0.8));
  border-left: 3px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + 0));
  border-right: 3px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + -0.8));
  border-top: 3px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + -0.8));
}
.zb-progress-circular.orange.xl::before {
  border-bottom: 6px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + -0.8));
  border-left: 6px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + 0));
  border-right: 6px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + -0.8));
  border-top: 6px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + -0.8));
}
.zb-progress-circular.yellow.sm::before {
  border-bottom: 2px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + -0.8));
  border-left: 2px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + 0));
  border-right: 2px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + -0.8));
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + -0.8));
}
.zb-progress-circular.yellow.med::before {
  border-bottom: 2px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + -0.8));
  border-left: 2px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + 0));
  border-right: 2px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + -0.8));
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + -0.8));
}
.zb-progress-circular.yellow.lg::before {
  border-bottom: 3px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + -0.8));
  border-left: 3px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + 0));
  border-right: 3px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + -0.8));
  border-top: 3px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + -0.8));
}
.zb-progress-circular.yellow.xl::before {
  border-bottom: 6px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + -0.8));
  border-left: 6px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + 0));
  border-right: 6px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + -0.8));
  border-top: 6px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + -0.8));
}
.zb-progress-circular.green.sm::before {
  border-bottom: 2px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + -0.8));
  border-left: 2px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + 0));
  border-right: 2px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + -0.8));
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + -0.8));
}
.zb-progress-circular.green.med::before {
  border-bottom: 2px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + -0.8));
  border-left: 2px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + 0));
  border-right: 2px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + -0.8));
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + -0.8));
}
.zb-progress-circular.green.lg::before {
  border-bottom: 3px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + -0.8));
  border-left: 3px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + 0));
  border-right: 3px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + -0.8));
  border-top: 3px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + -0.8));
}
.zb-progress-circular.green.xl::before {
  border-bottom: 6px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + -0.8));
  border-left: 6px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + 0));
  border-right: 6px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + -0.8));
  border-top: 6px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + -0.8));
}
.zb-progress-circular.light-blue.sm::before {
  border-bottom: 2px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + -0.8));
  border-left: 2px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + 0));
  border-right: 2px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + -0.8));
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + -0.8));
}
.zb-progress-circular.light-blue.med::before {
  border-bottom: 2px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + -0.8));
  border-left: 2px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + 0));
  border-right: 2px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + -0.8));
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + -0.8));
}
.zb-progress-circular.light-blue.lg::before {
  border-bottom: 3px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + -0.8));
  border-left: 3px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + 0));
  border-right: 3px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + -0.8));
  border-top: 3px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + -0.8));
}
.zb-progress-circular.light-blue.xl::before {
  border-bottom: 6px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + -0.8));
  border-left: 6px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + 0));
  border-right: 6px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + -0.8));
  border-top: 6px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + -0.8));
}
.zb-progress-circular.blue.sm::before {
  border-bottom: 2px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + -0.8));
  border-left: 2px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + 0));
  border-right: 2px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + -0.8));
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + -0.8));
}
.zb-progress-circular.blue.med::before {
  border-bottom: 2px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + -0.8));
  border-left: 2px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + 0));
  border-right: 2px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + -0.8));
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + -0.8));
}
.zb-progress-circular.blue.lg::before {
  border-bottom: 3px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + -0.8));
  border-left: 3px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + 0));
  border-right: 3px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + -0.8));
  border-top: 3px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + -0.8));
}
.zb-progress-circular.blue.xl::before {
  border-bottom: 6px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + -0.8));
  border-left: 6px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + 0));
  border-right: 6px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + -0.8));
  border-top: 6px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + -0.8));
}
.zb-progress-circular.blue-grey.sm::before {
  border-bottom: 2px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + -0.8));
  border-left: 2px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + 0));
  border-right: 2px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + -0.8));
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + -0.8));
}
.zb-progress-circular.blue-grey.med::before {
  border-bottom: 2px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + -0.8));
  border-left: 2px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + 0));
  border-right: 2px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + -0.8));
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + -0.8));
}
.zb-progress-circular.blue-grey.lg::before {
  border-bottom: 3px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + -0.8));
  border-left: 3px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + 0));
  border-right: 3px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + -0.8));
  border-top: 3px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + -0.8));
}
.zb-progress-circular.blue-grey.xl::before {
  border-bottom: 6px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + -0.8));
  border-left: 6px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + 0));
  border-right: 6px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + -0.8));
  border-top: 6px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + -0.8));
}
.zb-progress-circular.grey.sm::before {
  border-bottom: 2px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + -0.8));
  border-left: 2px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + 0));
  border-right: 2px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + -0.8));
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + -0.8));
}
.zb-progress-circular.grey.med::before {
  border-bottom: 2px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + -0.8));
  border-left: 2px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + 0));
  border-right: 2px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + -0.8));
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + -0.8));
}
.zb-progress-circular.grey.lg::before {
  border-bottom: 3px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + -0.8));
  border-left: 3px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + 0));
  border-right: 3px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + -0.8));
  border-top: 3px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + -0.8));
}
.zb-progress-circular.grey.xl::before {
  border-bottom: 6px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + -0.8));
  border-left: 6px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + 0));
  border-right: 6px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + -0.8));
  border-top: 6px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + -0.8));
}
.zb-progress-circular.dark-grey.sm::before {
  border-bottom: 2px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + -0.8));
  border-left: 2px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + 0));
  border-right: 2px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + -0.8));
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + -0.8));
}
.zb-progress-circular.dark-grey.med::before {
  border-bottom: 2px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + -0.8));
  border-left: 2px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + 0));
  border-right: 2px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + -0.8));
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + -0.8));
}
.zb-progress-circular.dark-grey.lg::before {
  border-bottom: 3px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + -0.8));
  border-left: 3px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + 0));
  border-right: 3px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + -0.8));
  border-top: 3px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + -0.8));
}
.zb-progress-circular.dark-grey.xl::before {
  border-bottom: 6px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + -0.8));
  border-left: 6px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + 0));
  border-right: 6px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + -0.8));
  border-top: 6px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + -0.8));
}
.zb-progress-circular.white.sm::before {
  border-bottom: 2px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + -0.8));
  border-left: 2px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + 0));
  border-right: 2px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + -0.8));
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + -0.8));
}
.zb-progress-circular.white.med::before {
  border-bottom: 2px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + -0.8));
  border-left: 2px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + 0));
  border-right: 2px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + -0.8));
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + -0.8));
}
.zb-progress-circular.white.lg::before {
  border-bottom: 3px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + -0.8));
  border-left: 3px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + 0));
  border-right: 3px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + -0.8));
  border-top: 3px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + -0.8));
}
.zb-progress-circular.white.xl::before {
  border-bottom: 6px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + -0.8));
  border-left: 6px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + 0));
  border-right: 6px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + -0.8));
  border-top: 6px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + -0.8));
}
.zb-progress-circular.indigo.sm::before {
  border-bottom: 2px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + -0.8));
  border-left: 2px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + 0));
  border-right: 2px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + -0.8));
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + -0.8));
}
.zb-progress-circular.indigo.med::before {
  border-bottom: 2px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + -0.8));
  border-left: 2px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + 0));
  border-right: 2px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + -0.8));
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + -0.8));
}
.zb-progress-circular.indigo.lg::before {
  border-bottom: 3px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + -0.8));
  border-left: 3px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + 0));
  border-right: 3px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + -0.8));
  border-top: 3px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + -0.8));
}
.zb-progress-circular.indigo.xl::before {
  border-bottom: 6px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + -0.8));
  border-left: 6px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + 0));
  border-right: 6px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + -0.8));
  border-top: 6px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + -0.8));
}
.zb-progress-circular.purple.sm::before {
  border-bottom: 2px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + -0.8));
  border-left: 2px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + 0));
  border-right: 2px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + -0.8));
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + -0.8));
}
.zb-progress-circular.purple.med::before {
  border-bottom: 2px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + -0.8));
  border-left: 2px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + 0));
  border-right: 2px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + -0.8));
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + -0.8));
}
.zb-progress-circular.purple.lg::before {
  border-bottom: 3px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + -0.8));
  border-left: 3px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + 0));
  border-right: 3px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + -0.8));
  border-top: 3px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + -0.8));
}
.zb-progress-circular.purple.xl::before {
  border-bottom: 6px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + -0.8));
  border-left: 6px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + 0));
  border-right: 6px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + -0.8));
  border-top: 6px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + -0.8));
}
.zb-progress-circular.disabled.sm::before {
  border-bottom: 2px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + -0.8));
  border-left: 2px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  border-right: 2px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + -0.8));
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + -0.8));
}
.zb-progress-circular.disabled.med::before {
  border-bottom: 2px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + -0.8));
  border-left: 2px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  border-right: 2px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + -0.8));
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + -0.8));
}
.zb-progress-circular.disabled.lg::before {
  border-bottom: 3px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + -0.8));
  border-left: 3px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  border-right: 3px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + -0.8));
  border-top: 3px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + -0.8));
}
.zb-progress-circular.disabled.xl::before {
  border-bottom: 6px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + -0.8));
  border-left: 6px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  border-right: 6px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + -0.8));
  border-top: 6px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + -0.8));
}
.zb-progress-circular.primary.sm::before {
  border-bottom: 2px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + -0.8));
  border-left: 2px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  border-right: 2px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + -0.8));
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + -0.8));
}
.zb-progress-circular.primary.med::before {
  border-bottom: 2px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + -0.8));
  border-left: 2px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  border-right: 2px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + -0.8));
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + -0.8));
}
.zb-progress-circular.primary.lg::before {
  border-bottom: 3px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + -0.8));
  border-left: 3px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  border-right: 3px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + -0.8));
  border-top: 3px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + -0.8));
}
.zb-progress-circular.primary.xl::before {
  border-bottom: 6px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + -0.8));
  border-left: 6px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  border-right: 6px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + -0.8));
  border-top: 6px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + -0.8));
}
.zb-progress-circular.secondary.sm::before {
  border-bottom: 2px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + -0.8));
  border-left: 2px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  border-right: 2px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + -0.8));
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + -0.8));
}
.zb-progress-circular.secondary.med::before {
  border-bottom: 2px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + -0.8));
  border-left: 2px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  border-right: 2px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + -0.8));
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + -0.8));
}
.zb-progress-circular.secondary.lg::before {
  border-bottom: 3px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + -0.8));
  border-left: 3px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  border-right: 3px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + -0.8));
  border-top: 3px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + -0.8));
}
.zb-progress-circular.secondary.xl::before {
  border-bottom: 6px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + -0.8));
  border-left: 6px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  border-right: 6px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + -0.8));
  border-top: 6px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + -0.8));
}
.zb-progress-circular.warning.sm::before {
  border-bottom: 2px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + -0.8));
  border-left: 2px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
  border-right: 2px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + -0.8));
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + -0.8));
}
.zb-progress-circular.warning.med::before {
  border-bottom: 2px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + -0.8));
  border-left: 2px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
  border-right: 2px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + -0.8));
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + -0.8));
}
.zb-progress-circular.warning.lg::before {
  border-bottom: 3px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + -0.8));
  border-left: 3px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
  border-right: 3px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + -0.8));
  border-top: 3px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + -0.8));
}
.zb-progress-circular.warning.xl::before {
  border-bottom: 6px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + -0.8));
  border-left: 6px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
  border-right: 6px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + -0.8));
  border-top: 6px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + -0.8));
}

@keyframes load8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.zb-progress-linear {
  background-clip: padding-box;
  display: block;
  height: 5px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.zb-progress-linear.red {
  background-color: hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + -0.6));
}
.zb-progress-linear.red .progress-bar {
  background-color: hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + 0));
}
.zb-progress-linear.orange {
  background-color: hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + -0.6));
}
.zb-progress-linear.orange .progress-bar {
  background-color: hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + 0));
}
.zb-progress-linear.yellow {
  background-color: hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + -0.6));
}
.zb-progress-linear.yellow .progress-bar {
  background-color: hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + 0));
}
.zb-progress-linear.green {
  background-color: hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + -0.6));
}
.zb-progress-linear.green .progress-bar {
  background-color: hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + 0));
}
.zb-progress-linear.light-blue {
  background-color: hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + -0.6));
}
.zb-progress-linear.light-blue .progress-bar {
  background-color: hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + 0));
}
.zb-progress-linear.blue {
  background-color: hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + -0.6));
}
.zb-progress-linear.blue .progress-bar {
  background-color: hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + 0));
}
.zb-progress-linear.blue-grey {
  background-color: hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + -0.6));
}
.zb-progress-linear.blue-grey .progress-bar {
  background-color: hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + 0));
}
.zb-progress-linear.grey {
  background-color: hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + -0.6));
}
.zb-progress-linear.grey .progress-bar {
  background-color: hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + 0));
}
.zb-progress-linear.dark-grey {
  background-color: hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + -0.6));
}
.zb-progress-linear.dark-grey .progress-bar {
  background-color: hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + 0));
}
.zb-progress-linear.white {
  background-color: hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + -0.6));
}
.zb-progress-linear.white .progress-bar {
  background-color: hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + 0));
}
.zb-progress-linear.indigo {
  background-color: hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + -0.6));
}
.zb-progress-linear.indigo .progress-bar {
  background-color: hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + 0));
}
.zb-progress-linear.purple {
  background-color: hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + -0.6));
}
.zb-progress-linear.purple .progress-bar {
  background-color: hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + 0));
}
.zb-progress-linear.disabled {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + -0.6));
}
.zb-progress-linear.disabled .progress-bar {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-progress-linear.primary {
  background-color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + -0.6));
}
.zb-progress-linear.primary .progress-bar {
  background-color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
}
.zb-progress-linear.secondary {
  background-color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + -0.6));
}
.zb-progress-linear.secondary .progress-bar {
  background-color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
}
.zb-progress-linear.warning {
  background-color: hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + -0.6));
}
.zb-progress-linear.warning .progress-bar {
  background-color: hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
}
.zb-progress-linear .progress-bar::after,
.zb-progress-linear .progress-bar::before {
  background-color: inherit;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  will-change: left, right;
}
@keyframes progress-bar-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}
.zb-progress-linear .progress-bar::after {
  animation: progress-bar-short 2.6s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  animation-delay: 1.4s;
}
@keyframes progress-bar {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}
.zb-progress-linear .progress-bar::before {
  animation: progress-bar 2.6s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

@keyframes gutter-highlight-flash-anim {
  0% {
    background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
    color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  }
  10% {
    background-color: hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + 0));
    color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
  }
  80% {
    background-color: hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + 0));
    color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
  }
  100% {
    background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
    color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  }
}
.ace-editor .gutter-highlight {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}
.ace-editor .gutter-highlight.gutter-highlight-flash {
  animation: gutter-highlight-flash-anim 4s;
}

.section-announcement {
  align-items: center;
  flex-direction: row;
  min-height: 96px;
  padding-right: 8px;
}
.section-announcement .icon-container {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  width: 96px;
}
.section-announcement .message-title-container {
  color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
}
.section-announcement .message-title-container,
.section-announcement .message-buttons-container {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  padding: 12px 24px 12px 16px;
}
.section-announcement .message-title-container .announcement-title,
.section-announcement .message-buttons-container .announcement-title {
  font-size: 16px;
  margin-bottom: 8px;
}
.section-announcement .message-title-container .message,
.section-announcement .message-buttons-container .message {
  font-size: 14px;
}
.section-announcement .message-title-container .zb-button,
.section-announcement .message-buttons-container .zb-button {
  margin: 0 16px 0 0;
}
.section-announcement .message-buttons-container,
.section-announcement .section-announcement-block-content {
  margin-left: auto;
}
.section-announcement.primary .icon-container {
  background-color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + -0.3));
}
.section-announcement.primary .zb-button i {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
}
.section-announcement.secondary .icon-container {
  background-color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + -0.3));
}
.section-announcement.secondary .zb-button i {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
}
.section-announcement.warn .icon-container {
  background-color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + -0.3));
}
.section-announcement.warn .zb-button i {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
}

.section-settings-menu {
  background-color: transparent;
  border-left-width: 2px;
  border-right-width: 2px;
  box-shadow: inset 0 4px 4px 0 hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.8));
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding-bottom: 12px;
  padding-left: 20px;
}
.section-settings-menu .button-copy-groups-from-recent-section {
  border-radius: 50px;
}
.section-settings-menu .button-show-assign-random-groups {
  border-radius: 50px;
}
.section-settings-menu .zb-input-container .clear-icon {
  right: -8px;
}
.section-settings-menu .zystudio-dock-select {
  width: 320px;
}
.section-settings-menu .groups-info-button {
  margin-top: 16px;
  padding-left: 0;
}
.section-settings-menu .zb-checkbox label {
  font-size: 12px;
  margin-left: 15px;
}
.section-settings-menu .zb-modal .manage-groups-modal {
  z-index: 5015;
}
.section-settings-menu .zb-modal .zb-modal-content {
  height: 99%;
  width: 99%;
}
.section-settings-menu .zb-modal .zb-modal-content .no-groups-assigned {
  margin-left: 200px;
  margin-right: 200px;
  margin-top: 110px;
}
.section-settings-menu .zb-modal .zb-modal-content .warning-modal {
  height: 200px;
  padding-left: 30px;
  padding-right: 30px;
  width: 550px;
}
.section-settings-menu .zb-modal .groups-info-modal .zb-modal-content {
  height: 200px;
  position: relative;
  width: 500px;
}
.section-settings-menu .zb-modal .groups-confirmation-modal .zb-modal-content {
  height: 175px;
  position: relative;
  width: 500px;
}
.section-settings-menu .zb-modal .zb-modal-content .zb-list-container .zb-list .list-header {
  display: grid;
  grid-template-columns: 16% 24% 14% 10% 10% 26%;
}
.section-settings-menu .zb-modal .zb-modal-content .zb-list-container .zb-list .item-row {
  display: grid;
  font-size: 14px;
  grid-template-columns: 16% 24% 14% 10% 10% 26%;
}

.segmented-control,
.zb-segmented-control {
  justify-content: center;
}
.segmented-control button:focus,
.zb-segmented-control button:focus {
  z-index: 1000;
}
.segmented-control .zb-button,
.segmented-control li,
.zb-segmented-control .zb-button,
.zb-segmented-control li {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  border-radius: 0;
  border-style: solid;
  border-width: 1px 1px 1px 0;
  cursor: pointer;
  font-size: 1rem;
  height: 36px;
  line-height: 1.1;
  max-height: 38px;
  padding: 0 16px;
  text-align: center;
  transition: background-color 0.1s ease-out, color 0.1s ease-out;
  vertical-align: middle;
}
.segmented-control .zb-button.first, .segmented-control .zb-button.selected .first,
.segmented-control li.first,
.segmented-control li.selected .first,
.zb-segmented-control .zb-button.first,
.zb-segmented-control .zb-button.selected .first,
.zb-segmented-control li.first,
.zb-segmented-control li.selected .first {
  border-radius: 3px 0 0 3px;
}
.segmented-control .zb-button.last, .segmented-control .zb-button.selected .last,
.segmented-control li.last,
.segmented-control li.selected .last,
.zb-segmented-control .zb-button.last,
.zb-segmented-control .zb-button.selected .last,
.zb-segmented-control li.last,
.zb-segmented-control li.selected .last {
  border-radius: 0 3px 3px 0;
}
.segmented-control .zb-button .title,
.segmented-control li .title,
.zb-segmented-control .zb-button .title,
.zb-segmented-control li .title {
  margin: auto;
}
.segmented-control .zb-button.grey,
.segmented-control li.grey,
.zb-segmented-control .zb-button.grey,
.zb-segmented-control li.grey {
  border-color: hsl(calc(var(--zb-semantic-color-segmented-control-grey-h) + 0deg), calc(var(--zb-semantic-color-segmented-control-grey-s) + 0%), calc(var(--zb-semantic-color-segmented-control-grey-l) + 0%), calc(var(--zb-semantic-color-segmented-control-grey-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-segmented-control-grey-h) + 0deg), calc(var(--zb-semantic-color-segmented-control-grey-s) + 0%), calc(var(--zb-semantic-color-segmented-control-grey-l) + 0%), calc(var(--zb-semantic-color-segmented-control-grey-a) + 0));
}
.segmented-control .zb-button.grey.selected,
.segmented-control li.grey.selected,
.zb-segmented-control .zb-button.grey.selected,
.zb-segmented-control li.grey.selected {
  background-color: hsl(calc(var(--zb-semantic-color-segmented-control-grey-h) + 0deg), calc(var(--zb-semantic-color-segmented-control-grey-s) + 0%), calc(var(--zb-semantic-color-segmented-control-grey-l) + 0%), calc(var(--zb-semantic-color-segmented-control-grey-a) + 0));
  border-color: hsl(calc(var(--zb-semantic-color-segmented-control-grey-h) + 0deg), calc(var(--zb-semantic-color-segmented-control-grey-s) + 0%), calc(var(--zb-semantic-color-segmented-control-grey-l) + 0%), calc(var(--zb-semantic-color-segmented-control-grey-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
}
.segmented-control .zb-button.grey.first, .segmented-control .zb-button.grey.selected .first,
.segmented-control li.grey.first,
.segmented-control li.grey.selected .first,
.zb-segmented-control .zb-button.grey.first,
.zb-segmented-control .zb-button.grey.selected .first,
.zb-segmented-control li.grey.first,
.zb-segmented-control li.grey.selected .first {
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-segmented-control-grey-h) + 0deg), calc(var(--zb-semantic-color-segmented-control-grey-s) + 0%), calc(var(--zb-semantic-color-segmented-control-grey-l) + 0%), calc(var(--zb-semantic-color-segmented-control-grey-a) + 0));
}
.segmented-control .zb-button.primary,
.segmented-control li.primary,
.zb-segmented-control .zb-button.primary,
.zb-segmented-control li.primary {
  border-color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
}
.segmented-control .zb-button.primary.selected,
.segmented-control li.primary.selected,
.zb-segmented-control .zb-button.primary.selected,
.zb-segmented-control li.primary.selected {
  background-color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  border-color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
}
.segmented-control .zb-button.primary.first, .segmented-control .zb-button.primary.selected .first,
.segmented-control li.primary.first,
.segmented-control li.primary.selected .first,
.zb-segmented-control .zb-button.primary.first,
.zb-segmented-control .zb-button.primary.selected .first,
.zb-segmented-control li.primary.first,
.zb-segmented-control li.primary.selected .first {
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
}
.segmented-control .zb-button.secondary,
.segmented-control li.secondary,
.zb-segmented-control .zb-button.secondary,
.zb-segmented-control li.secondary {
  border-color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
}
.segmented-control .zb-button.secondary.selected,
.segmented-control li.secondary.selected,
.zb-segmented-control .zb-button.secondary.selected,
.zb-segmented-control li.secondary.selected {
  background-color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  border-color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
}
.segmented-control .zb-button.secondary.first, .segmented-control .zb-button.secondary.selected .first,
.segmented-control li.secondary.first,
.segmented-control li.secondary.selected .first,
.zb-segmented-control .zb-button.secondary.first,
.zb-segmented-control .zb-button.secondary.selected .first,
.zb-segmented-control li.secondary.first,
.zb-segmented-control li.secondary.selected .first {
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
}
.segmented-control .zb-button.grey:hover,
.segmented-control li.grey:hover,
.zb-segmented-control .zb-button.grey:hover,
.zb-segmented-control li.grey:hover {
  background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-primary-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-primary-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-primary-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-primary-a) + 0));
  border-color: hsl(calc(var(--zb-semantic-color-button-raised-background-primary-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-primary-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-primary-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-primary-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-grey-background-h) + 0deg), calc(var(--zb-semantic-color-grey-background-s) + 0%), calc(var(--zb-semantic-color-grey-background-l) + 0%), calc(var(--zb-semantic-color-grey-background-a) + 0));
}
.segmented-control .zb-button.grey.selected:hover,
.segmented-control li.grey.selected:hover,
.zb-segmented-control .zb-button.grey.selected:hover,
.zb-segmented-control li.grey.selected:hover {
  background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-primary-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-primary-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-primary-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-primary-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-grey-background-h) + 0deg), calc(var(--zb-semantic-color-grey-background-s) + 0%), calc(var(--zb-semantic-color-grey-background-l) + 0%), calc(var(--zb-semantic-color-grey-background-a) + 0));
}
.segmented-control .zb-button.grey.first:hover, .segmented-control .zb-button.grey.selected .first:hover,
.segmented-control li.grey.first:hover,
.segmented-control li.grey.selected .first:hover,
.zb-segmented-control .zb-button.grey.first:hover,
.zb-segmented-control .zb-button.grey.selected .first:hover,
.zb-segmented-control li.grey.first:hover,
.zb-segmented-control li.grey.selected .first:hover {
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-button-raised-background-primary-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-primary-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-primary-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-primary-a) + 0));
}
.segmented-control .zb-button.primary:hover,
.segmented-control li.primary:hover,
.zb-segmented-control .zb-button.primary:hover,
.zb-segmented-control li.primary:hover {
  background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-hover-primary-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-hover-primary-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-primary-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-primary-a) + 0));
  border-color: hsl(calc(var(--zb-semantic-color-button-raised-background-hover-primary-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-hover-primary-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-primary-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-primary-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-grey-background-h) + 0deg), calc(var(--zb-semantic-color-grey-background-s) + 0%), calc(var(--zb-semantic-color-grey-background-l) + 0%), calc(var(--zb-semantic-color-grey-background-a) + 0));
}
.segmented-control .zb-button.primary.selected:hover,
.segmented-control li.primary.selected:hover,
.zb-segmented-control .zb-button.primary.selected:hover,
.zb-segmented-control li.primary.selected:hover {
  background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-hover-primary-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-hover-primary-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-primary-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-primary-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-grey-background-h) + 0deg), calc(var(--zb-semantic-color-grey-background-s) + 0%), calc(var(--zb-semantic-color-grey-background-l) + 0%), calc(var(--zb-semantic-color-grey-background-a) + 0));
}
.segmented-control .zb-button.primary.first:hover, .segmented-control .zb-button.primary.selected .first:hover,
.segmented-control li.primary.first:hover,
.segmented-control li.primary.selected .first:hover,
.zb-segmented-control .zb-button.primary.first:hover,
.zb-segmented-control .zb-button.primary.selected .first:hover,
.zb-segmented-control li.primary.first:hover,
.zb-segmented-control li.primary.selected .first:hover {
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-button-raised-background-hover-primary-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-hover-primary-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-primary-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-primary-a) + 0));
}
.segmented-control .zb-button.secondary:hover,
.segmented-control li.secondary:hover,
.zb-segmented-control .zb-button.secondary:hover,
.zb-segmented-control li.secondary:hover {
  background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-hover-secondary-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-hover-secondary-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-secondary-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-secondary-a) + 0));
  border-color: hsl(calc(var(--zb-semantic-color-button-raised-background-hover-secondary-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-hover-secondary-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-secondary-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-secondary-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-grey-background-h) + 0deg), calc(var(--zb-semantic-color-grey-background-s) + 0%), calc(var(--zb-semantic-color-grey-background-l) + 0%), calc(var(--zb-semantic-color-grey-background-a) + 0));
}
.segmented-control .zb-button.secondary.selected:hover,
.segmented-control li.secondary.selected:hover,
.zb-segmented-control .zb-button.secondary.selected:hover,
.zb-segmented-control li.secondary.selected:hover {
  background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-hover-secondary-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-hover-secondary-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-secondary-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-secondary-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-grey-background-h) + 0deg), calc(var(--zb-semantic-color-grey-background-s) + 0%), calc(var(--zb-semantic-color-grey-background-l) + 0%), calc(var(--zb-semantic-color-grey-background-a) + 0));
}
.segmented-control .zb-button.secondary.first:hover, .segmented-control .zb-button.secondary.selected .first:hover,
.segmented-control li.secondary.first:hover,
.segmented-control li.secondary.selected .first:hover,
.zb-segmented-control .zb-button.secondary.first:hover,
.zb-segmented-control .zb-button.secondary.selected .first:hover,
.zb-segmented-control li.secondary.first:hover,
.zb-segmented-control li.secondary.selected .first:hover {
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-button-raised-background-hover-secondary-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-hover-secondary-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-secondary-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-secondary-a) + 0));
}
.segmented-control li,
.zb-segmented-control li {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  border-color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  border-radius: 3px 0 0 3px;
  border-width: 1px;
  color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  height: 37px;
  list-style: none;
  padding: 0;
}
.segmented-control li span,
.zb-segmented-control li span {
  line-height: 37px;
  padding: 9px 1em;
}
.segmented-control li .segment-button-selected,
.zb-segmented-control li .segment-button-selected {
  background-color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  border-color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
}
.segmented-control li:last-of-type,
.zb-segmented-control li:last-of-type {
  border-left: none;
  border-radius: 0 3px 3px 0;
}
.segmented-control.disabled li,
.zb-segmented-control.disabled li {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  border-color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}

.interactive-activity-container .segmented-control .zb-button,
.interactive-activity-container .segmented-control li,
.interactive-activity-container .zb-segmented-control .zb-button,
.interactive-activity-container .zb-segmented-control li,
.static-container .segmented-control .zb-button,
.static-container .segmented-control li,
.static-container .zb-segmented-control .zb-button,
.static-container .zb-segmented-control li {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-activity-dark-background-h) + 0deg), calc(var(--zb-semantic-color-zybook-activity-dark-background-s) + 0%), calc(var(--zb-semantic-color-zybook-activity-dark-background-l) + 0%), calc(var(--zb-semantic-color-zybook-activity-dark-background-a) + 0));
}

.zb-state-indicator {
  margin: 8px 0;
}
.zb-state-indicator .indicator {
  border-radius: 6px;
  box-sizing: border-box;
  height: 12px;
  margin: 0 8px;
  width: 12px;
}
.zb-state-indicator .indicator.clickable:hover {
  cursor: pointer;
}
.zb-state-indicator.red .indicator {
  border: 3px solid hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + 0));
}
.zb-state-indicator.red .indicator.current {
  background-color: hsl(calc(var(--zb-semantic-color-component-red-h) + 0deg), calc(var(--zb-semantic-color-component-red-s) + 0%), calc(var(--zb-semantic-color-component-red-l) + 0%), calc(var(--zb-semantic-color-component-red-a) + 0));
}
.zb-state-indicator.orange .indicator {
  border: 3px solid hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + 0));
}
.zb-state-indicator.orange .indicator.current {
  background-color: hsl(calc(var(--zb-semantic-color-component-orange-h) + 0deg), calc(var(--zb-semantic-color-component-orange-s) + 0%), calc(var(--zb-semantic-color-component-orange-l) + 0%), calc(var(--zb-semantic-color-component-orange-a) + 0));
}
.zb-state-indicator.yellow .indicator {
  border: 3px solid hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + 0));
}
.zb-state-indicator.yellow .indicator.current {
  background-color: hsl(calc(var(--zb-semantic-color-component-yellow-h) + 0deg), calc(var(--zb-semantic-color-component-yellow-s) + 0%), calc(var(--zb-semantic-color-component-yellow-l) + 0%), calc(var(--zb-semantic-color-component-yellow-a) + 0));
}
.zb-state-indicator.green .indicator {
  border: 3px solid hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + 0));
}
.zb-state-indicator.green .indicator.current {
  background-color: hsl(calc(var(--zb-semantic-color-component-green-h) + 0deg), calc(var(--zb-semantic-color-component-green-s) + 0%), calc(var(--zb-semantic-color-component-green-l) + 0%), calc(var(--zb-semantic-color-component-green-a) + 0));
}
.zb-state-indicator.light-blue .indicator {
  border: 3px solid hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + 0));
}
.zb-state-indicator.light-blue .indicator.current {
  background-color: hsl(calc(var(--zb-semantic-color-component-light-blue-h) + 0deg), calc(var(--zb-semantic-color-component-light-blue-s) + 0%), calc(var(--zb-semantic-color-component-light-blue-l) + 0%), calc(var(--zb-semantic-color-component-light-blue-a) + 0));
}
.zb-state-indicator.blue .indicator {
  border: 3px solid hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + 0));
}
.zb-state-indicator.blue .indicator.current {
  background-color: hsl(calc(var(--zb-semantic-color-component-blue-h) + 0deg), calc(var(--zb-semantic-color-component-blue-s) + 0%), calc(var(--zb-semantic-color-component-blue-l) + 0%), calc(var(--zb-semantic-color-component-blue-a) + 0));
}
.zb-state-indicator.blue-grey .indicator {
  border: 3px solid hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + 0));
}
.zb-state-indicator.blue-grey .indicator.current {
  background-color: hsl(calc(var(--zb-semantic-color-component-blue-grey-h) + 0deg), calc(var(--zb-semantic-color-component-blue-grey-s) + 0%), calc(var(--zb-semantic-color-component-blue-grey-l) + 0%), calc(var(--zb-semantic-color-component-blue-grey-a) + 0));
}
.zb-state-indicator.grey .indicator {
  border: 3px solid hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + 0));
}
.zb-state-indicator.grey .indicator.current {
  background-color: hsl(calc(var(--zb-semantic-color-component-grey-h) + 0deg), calc(var(--zb-semantic-color-component-grey-s) + 0%), calc(var(--zb-semantic-color-component-grey-l) + 0%), calc(var(--zb-semantic-color-component-grey-a) + 0));
}
.zb-state-indicator.dark-grey .indicator {
  border: 3px solid hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + 0));
}
.zb-state-indicator.dark-grey .indicator.current {
  background-color: hsl(calc(var(--zb-semantic-color-component-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-component-dark-grey-s) + 0%), calc(var(--zb-semantic-color-component-dark-grey-l) + 0%), calc(var(--zb-semantic-color-component-dark-grey-a) + 0));
}
.zb-state-indicator.white .indicator {
  border: 3px solid hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + 0));
}
.zb-state-indicator.white .indicator.current {
  background-color: hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + 0));
}
.zb-state-indicator.indigo .indicator {
  border: 3px solid hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + 0));
}
.zb-state-indicator.indigo .indicator.current {
  background-color: hsl(calc(var(--zb-semantic-color-component-indigo-h) + 0deg), calc(var(--zb-semantic-color-component-indigo-s) + 0%), calc(var(--zb-semantic-color-component-indigo-l) + 0%), calc(var(--zb-semantic-color-component-indigo-a) + 0));
}
.zb-state-indicator.purple .indicator {
  border: 3px solid hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + 0));
}
.zb-state-indicator.purple .indicator.current {
  background-color: hsl(calc(var(--zb-semantic-color-component-purple-h) + 0deg), calc(var(--zb-semantic-color-component-purple-s) + 0%), calc(var(--zb-semantic-color-component-purple-l) + 0%), calc(var(--zb-semantic-color-component-purple-a) + 0));
}
.zb-state-indicator.disabled .indicator {
  border: 3px solid hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-state-indicator.disabled .indicator.current {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-state-indicator.primary .indicator {
  border: 3px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
}
.zb-state-indicator.primary .indicator.current {
  background-color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
}
.zb-state-indicator.secondary .indicator {
  border: 3px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
}
.zb-state-indicator.secondary .indicator.current {
  background-color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
}
.zb-state-indicator.warning .indicator {
  border: 3px solid hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
}
.zb-state-indicator.warning .indicator.current {
  background-color: hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
}

.test-question {
  margin-right: auto;
}
.test-question pre {
  margin: 0;
}
.test-question p {
  margin: 8px 0;
}
.test-question p:first-child {
  margin-top: 0;
}
.test-question p:last-child {
  margin-bottom: 0;
}
.test-question .choices {
  margin-top: 8px;
  padding-left: 0;
}
.test-question .choices .choice {
  list-style-type: none;
  margin-bottom: 8px;
  position: relative;
}
.test-question .choices .choice .choice-correct-checkmark {
  left: -32px;
  position: absolute;
  top: -3px;
}
.test-question .choices .choice .choice-letter {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  font-weight: normal;
  margin-right: 4px;
}

.zb-truncate-text {
  white-space: nowrap;
}

.zb-selectable-zybook {
  align-items: center;
  border-radius: 4px;
  margin-bottom: 8px;
  margin-right: 8px;
  padding: 6px 0 6px 6px;
  width: 248px;
}
.zb-selectable-zybook .zybook-title {
  flex: 1;
  margin: 0 8px;
  max-width: 138px;
}
.zb-selectable-zybook.enabled:hover {
  background-color: hsl(calc(var(--zb-semantic-color-selectable-zb-hover-h) + 0deg), calc(var(--zb-semantic-color-selectable-zb-hover-s) + 0%), calc(var(--zb-semantic-color-selectable-zb-hover-l) + 0%), calc(var(--zb-semantic-color-selectable-zb-hover-a) + 0));
  cursor: pointer;
}
.zb-selectable-zybook.selected {
  background-color: hsl(calc(var(--zb-semantic-color-selectable-zb-selected-h) + 0deg), calc(var(--zb-semantic-color-selectable-zb-selected-s) + 0%), calc(var(--zb-semantic-color-selectable-zb-selected-l) + 0%), calc(var(--zb-semantic-color-selectable-zb-selected-a) + 0));
}
.zb-selectable-zybook .deselect-container {
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-selectable-zb-border-h) + 0deg), calc(var(--zb-semantic-color-selectable-zb-border-s) + 0%), calc(var(--zb-semantic-color-selectable-zb-border-l) + 0%), calc(var(--zb-semantic-color-selectable-zb-border-a) + 0));
}

.view-solution-container .html-solution {
  margin-right: 6px;
}
.view-solution-container .ace-editor-container {
  min-height: 48px;
}
.view-solution-container .ace-editor-container .ace-editor {
  position: relative;
}

.zb-expandable-card.clickable {
  cursor: pointer;
}
.zb-expandable-card &gt; .content-controls-container {
  align-items: center;
}
.zb-expandable-card &gt; .content-controls-container .zb-card-content {
  box-sizing: border-box;
  flex: 1;
}
.zb-expandable-card &gt; .content-controls-container:not(.expanded) &gt; .zb-card-content {
  padding: 16px;
}
.zb-expandable-card &gt; .content-controls-container:not(.expanded) &gt; .button-container {
  margin-left: 8px;
  margin-right: 8px;
}
.zb-expandable-card &gt; .content-controls-container.expanded &gt; .zb-card-content {
  width: 100%;
}
.zb-expandable-card &gt; .content-controls-container.expanded &gt; .button-container {
  box-sizing: border-box;
  justify-content: flex-end;
  margin: 0;
  padding: 0 8px;
  width: 100%;
}

.zb-file-viewer {
  background-color: #f5f5f5;
  border: 1px solid rgba(189, 189, 189, 0.5);
  height: inherit;
  margin-top: 8px;
  max-height: 95%;
  padding: 4px;
  width: 100%;
}
.zb-file-viewer.pdf-content {
  width: 95%;
}
.zb-file-viewer .output-file-header {
  align-items: center;
  height: 28px;
}
.zb-file-viewer .output-file-header .first-button {
  margin-left: auto;
}
.zb-file-viewer .output-file-header .progress {
  margin-left: 8px;
}
.zb-file-viewer .output-file-header button {
  padding: 0;
}
.zb-file-viewer .file-content {
  box-sizing: border-box;
  height: calc(100% - 36px);
  margin: auto;
  max-width: 100%;
  padding: 4px;
  width: 100%;
}
.zb-file-viewer .file-content .centered {
  align-items: center;
  height: 100%;
  justify-content: center;
}
.zb-file-viewer .file-content .centered i {
  text-align: center;
}
.zb-file-viewer .file-content .clickable-container {
  cursor: pointer;
}
.zb-file-viewer .file-content .fit-content-width {
  width: -moz-fit-content;
  width: fit-content;
}
.zb-file-viewer .file-content .image-frame {
  margin: auto;
}
.zb-file-viewer .file-content .image-frame img {
  cursor: pointer;
  -o-object-fit: contain;
     object-fit: contain;
}
.zb-file-viewer .file-content .pdf-object {
  height: 100%;
  width: 100%;
}
.zb-file-viewer .file-content .text-contents {
  border: 1px solid rgba(189, 189, 189, 0.5);
  box-sizing: border-box;
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  overflow-y: auto;
  padding: 0 4px;
}
.zb-file-viewer .file-content .text-contents pre {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-family: "adobe-garamond-pro";
}
.zb-file-viewer label {
  margin-left: 8px;
  max-width: 55%;
  overflow-x: hidden;
}
.zb-file-viewer span {
  margin-left: 4px;
}

.zb-footer {
  font-size: 14px;
  justify-content: center;
}
.zb-footer ul {
  padding-left: 12px;
}
.zb-footer ul li {
  display: inline-block;
  list-style-type: none;
  margin-right: 12px;
}
.zb-footer ul li a {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}
.zb-footer ul li a:hover {
  color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
}

.zb-date-time-picker {
  align-items: center;
  display: flex;
  font-size: 14px;
  justify-content: space-between;
  margin-bottom: 8px;
}
.zb-date-time-picker .zb-date-select {
  margin-right: 8px;
}
.zb-date-time-picker .zb-time-select {
  margin-right: 8px;
}
.zb-date-time-picker .ember-basic-dropdown {
  min-width: 135px;
  width: 40%;
}
.zb-date-time-picker .timezone-text {
  margin-left: 8px;
}

.zb-list .list .hide-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.zb-list .list .item-row {
  transition-duration: 0.1s;
}
.zb-list .list .item-row.grey {
  background-color: hsl(calc(var(--zb-semantic-color-list-background-h) + 0deg), calc(var(--zb-semantic-color-list-background-s) + 0%), calc(var(--zb-semantic-color-list-background-l) + 0%), calc(var(--zb-semantic-color-list-background-a) + 0));
}
.zb-list .list .item-row.enable-hover:hover, .zb-list .list .item-row.hover {
  box-shadow: inset 0 0 5px 1px #aaaaaa;
  cursor: pointer;
}
.zb-list .list .item-row .expand-icon {
  border: 1px solid transparent;
  margin-left: auto;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.zb-list .list .item-container {
  border-top: 4px solid hsl(calc(var(--zb-semantic-color-list-background-h) + 0deg), calc(var(--zb-semantic-color-list-background-s) + 0%), calc(var(--zb-semantic-color-list-background-l) + 0%), calc(var(--zb-semantic-color-list-background-a) + 0));
}
.zb-list .list .item-container.border-bottom {
  border-bottom: 4px solid hsl(calc(var(--zb-semantic-color-list-background-h) + 0deg), calc(var(--zb-semantic-color-list-background-s) + 0%), calc(var(--zb-semantic-color-list-background-l) + 0%), calc(var(--zb-semantic-color-list-background-a) + 0));
}
.zb-list .list .item-container .border {
  border-right: 4px solid hsl(calc(var(--zb-semantic-color-list-background-h) + 0deg), calc(var(--zb-semantic-color-list-background-s) + 0%), calc(var(--zb-semantic-color-list-background-l) + 0%), calc(var(--zb-semantic-color-list-background-a) + 0));
}

.zb-simple-expandable .title-container {
  height: 32px;
}
.zb-simple-expandable .toggle-button .title {
  font-size: 16px;
  margin: 0;
}
.zb-simple-expandable .toggle-button .title.clickable {
  cursor: pointer;
}
.zb-simple-expandable .message {
  font-size: 13px;
  font-style: italic;
}
.zb-simple-expandable .expandable-content {
  margin-top: 8px;
}

.zybook,
.zb-zybook-graphic {
  border-radius: 3px;
  box-shadow: 0 2px 4px 0 hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.46));
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
  cursor: pointer;
  display: flex;
  flex-direction: column;
  font-family: "Roboto", sans-serif;
  position: relative;
}
.zybook header,
.zb-zybook-graphic header {
  align-items: center;
  display: flex;
  height: 50px;
  margin: 0;
  padding-left: 20px;
}
.zybook header .zybook-header-img,
.zb-zybook-graphic header .zybook-header-img {
  width: 40px;
}
.zybook h3,
.zybook .heading,
.zb-zybook-graphic h3,
.zb-zybook-graphic .heading {
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
  font-weight: 500;
  line-height: 1.1;
  margin: 0;
}
.zybook .zybook-info,
.zb-zybook-graphic .zybook-info {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
}
.zybook .status-message,
.zb-zybook-graphic .status-message {
  font-style: italic;
  text-align: right;
}
.zybook .secondary-info,
.zb-zybook-graphic .secondary-info {
  background-color: hsl(calc(var(--zb-semantic-color-black-h) + 0deg), calc(var(--zb-semantic-color-black-s) + 0%), calc(var(--zb-semantic-color-black-l) + 0%), calc(var(--zb-semantic-color-black-a) + -0.46));
  z-index: 1;
}
.zybook .academic-term,
.zb-zybook-graphic .academic-term {
  color: hsl(calc(var(--zb-semantic-color-grey-300-h) + 0deg), calc(var(--zb-semantic-color-grey-300-s) + 0%), calc(var(--zb-semantic-color-grey-300-l) + 0%), calc(var(--zb-semantic-color-grey-300-a) + 0));
  text-transform: uppercase;
}
.zybook.red,
.red.zb-zybook-graphic {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-cover-red-h) + 0deg), calc(var(--zb-semantic-color-zybook-cover-red-s) + 0%), calc(var(--zb-semantic-color-zybook-cover-red-l) + 0%), calc(var(--zb-semantic-color-zybook-cover-red-a) + 0));
}
.zybook.green,
.green.zb-zybook-graphic {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-cover-green-h) + 0deg), calc(var(--zb-semantic-color-zybook-cover-green-s) + 0%), calc(var(--zb-semantic-color-zybook-cover-green-l) + 0%), calc(var(--zb-semantic-color-zybook-cover-green-a) + 0));
}
.zybook.orange,
.orange.zb-zybook-graphic {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-cover-orange-h) + 0deg), calc(var(--zb-semantic-color-zybook-cover-orange-s) + 0%), calc(var(--zb-semantic-color-zybook-cover-orange-l) + 0%), calc(var(--zb-semantic-color-zybook-cover-orange-a) + 0));
}
.zybook.yellow,
.yellow.zb-zybook-graphic {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-cover-yellow-h) + 0deg), calc(var(--zb-semantic-color-zybook-cover-yellow-s) + 0%), calc(var(--zb-semantic-color-zybook-cover-yellow-l) + 0%), calc(var(--zb-semantic-color-zybook-cover-yellow-a) + 0));
}
.zybook.lightblue,
.lightblue.zb-zybook-graphic {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-cover-light-blue-h) + 0deg), calc(var(--zb-semantic-color-zybook-cover-light-blue-s) + 0%), calc(var(--zb-semantic-color-zybook-cover-light-blue-l) + 0%), calc(var(--zb-semantic-color-zybook-cover-light-blue-a) + 0));
}
.zybook.indigo,
.indigo.zb-zybook-graphic {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-cover-indigo-h) + 0deg), calc(var(--zb-semantic-color-zybook-cover-indigo-s) + 0%), calc(var(--zb-semantic-color-zybook-cover-indigo-l) + 0%), calc(var(--zb-semantic-color-zybook-cover-indigo-a) + 0));
}
.zybook.pink,
.pink.zb-zybook-graphic {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-cover-pink-h) + 0deg), calc(var(--zb-semantic-color-zybook-cover-pink-s) + 0%), calc(var(--zb-semantic-color-zybook-cover-pink-l) + 0%), calc(var(--zb-semantic-color-zybook-cover-pink-a) + 0));
}
.zybook.purple,
.purple.zb-zybook-graphic {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-cover-purple-h) + 0deg), calc(var(--zb-semantic-color-zybook-cover-purple-s) + 0%), calc(var(--zb-semantic-color-zybook-cover-purple-l) + 0%), calc(var(--zb-semantic-color-zybook-cover-purple-a) + 0));
}
.zybook.grey,
.grey.zb-zybook-graphic {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-cover-grey-h) + 0deg), calc(var(--zb-semantic-color-zybook-cover-grey-s) + 0%), calc(var(--zb-semantic-color-zybook-cover-grey-l) + 0%), calc(var(--zb-semantic-color-zybook-cover-grey-a) + 0));
}
.zybook.darkgrey,
.darkgrey.zb-zybook-graphic {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-cover-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-zybook-cover-dark-grey-s) + 0%), calc(var(--zb-semantic-color-zybook-cover-dark-grey-l) + 0%), calc(var(--zb-semantic-color-zybook-cover-dark-grey-a) + 0));
}
.zybook .zb-code,
.zb-zybook-graphic .zb-code {
  color: hsl(calc(var(--zb-semantic-color-grey-300-h) + 0deg), calc(var(--zb-semantic-color-grey-300-s) + 0%), calc(var(--zb-semantic-color-grey-300-l) + 0%), calc(var(--zb-semantic-color-grey-300-a) + 0));
  font-size: 12px;
  margin-bottom: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.zybook .logo,
.zb-zybook-graphic .logo {
  border-radius: 5px;
}

.zybook.large .logo,
.zybook.medium .logo,
.zybook.small .logo {
  bottom: 0;
  position: absolute;
  width: 100%;
}

.zybook.medium {
  height: 318px;
  width: 265px;
}
.zybook.medium h3,
.zybook.medium .heading {
  font-size: 22px;
  white-space: pre-wrap;
}
.zybook.medium .subheading {
  font-size: 18px;
  margin-bottom: 4px;
}
.zybook.medium .primary-info {
  margin: 0 15px 0 20px;
  overflow: hidden;
}
.zybook.medium .secondary-info {
  padding: 8px 20px;
}
.zybook.medium .snippet {
  margin-top: 8px;
}
.zybook.medium .snippet,
.zybook.medium .status-message {
  font-size: 12px;
}
.zybook.medium .academic-term {
  font-size: 14px;
  margin-bottom: 4px;
}

.zybook.small {
  height: 216px;
  width: 180px;
}
.zybook.small h3,
.zybook.small .heading {
  font-size: 18px;
}
.zybook.small header {
  height: 20px;
}
.zybook.small header .zybook-header-img {
  display: none;
  width: 30px;
}
.zybook.small .subheading {
  font-size: 14px;
  margin-bottom: 4px;
}
.zybook.small .primary-info {
  margin: 0 20px;
  overflow: hidden;
}
.zybook.small .secondary-info {
  padding: 8px 20px;
}
.zybook.small .secondary-info.selectable {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.zybook.small .secondary-info.selectable .subheading {
  font-size: 18px;
  margin-bottom: 0;
}
.zybook.small .snippet {
  font-size: 13px;
  margin-top: 6px;
}
.zybook.small .status-message {
  display: none;
}
.zybook.small .academic-term {
  font-size: 12px;
  margin-bottom: 4px;
}
.zybook.small .zb-code {
  font-size: 10px;
}

.zybook.large {
  height: 420px;
  width: 350px;
}
.zybook.large h3,
.zybook.large .heading {
  font-size: 32px;
}
.zybook.large .subheading {
  font-size: 22px;
  margin-bottom: 8px;
}
.zybook.large .primary-info {
  margin: 0 20px;
  overflow: hidden;
}
.zybook.large .secondary-info {
  padding: 12px 20px;
}
.zybook.large .snippet {
  margin-top: 8px;
}
.zybook.large .snippet,
.zybook.large .status-message {
  font-size: 14px;
}
.zybook.large .academic-term {
  font-size: 16px;
  margin-bottom: 4px;
}
.zybook.large .zb-code {
  font-size: 14px;
}

@media only screen and (max-width: 1026px) {
  .zybook.large {
    height: 318px;
    width: 265px;
  }
  .zybook.large h3,
  .zybook.large .heading {
    font-size: 22px;
    white-space: pre-wrap;
  }
  .zybook.large .subheading {
    font-size: 18px;
    margin-bottom: 4px;
  }
  .zybook.large .primary-info {
    margin: 0 15px 0 20px;
    overflow: hidden;
  }
  .zybook.large .secondary-info {
    padding: 8px 20px;
  }
  .zybook.large .snippet {
    margin-top: 8px;
  }
  .zybook.large .snippet,
  .zybook.large .status-message {
    font-size: 12px;
  }
  .zybook.large .academic-term {
    font-size: 14px;
    margin-bottom: 4px;
  }
}
.zybooks-container {
  display: flex;
  flex-wrap: wrap;
}
.zybooks-container .zybook {
  margin: 20px;
}
.zybooks-container .zybook:focus {
  outline-offset: 3px;
}

.tooltip {
  max-width: -moz-fit-content;
  max-width: fit-content;
  z-index: 4;
}

.bread-crumbs {
  flex: 1;
  flex-wrap: wrap;
  list-style-type: none;
  max-width: calc(100% - 138px);
  padding-left: 8px;
  position: relative;
}
.bread-crumbs a {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  max-width: 100%;
}
.bread-crumbs a:hover:not(.no-link-styling) {
  color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
}
.bread-crumbs a.no-link-styling {
  cursor: default;
}
.bread-crumbs a:nth-of-type(2) {
  max-width: calc(100% - 102px);
}
.bread-crumbs li {
  display: block;
  max-width: 100%;
  overflow: visible;
}
.bread-crumbs .divider {
  margin: 0 4px;
}

.zb-checklist {
  display: inline-block;
  position: relative;
}
.zb-checklist .zb-button .count {
  margin-right: 2px;
}
.zb-checklist .select-all-container {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  padding: 1rem;
}
.zb-checklist ul,
.zb-checklist li {
  display: block;
  margin: 0;
  padding: 0;
}
.zb-checklist .dropdown {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  border: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  position: absolute;
  top: 40px;
  width: 300px;
  z-index: 1;
}
.zb-checklist .dropdown .items-container {
  margin: 0;
  max-height: 12rem;
  overflow: auto;
  padding: 1rem 1rem 0;
}
.zb-checklist.left .dropdown {
  left: 15px;
}
.zb-checklist.right .dropdown {
  right: 15px;
}
.zb-checklist .option-checkbox,
.zb-checklist .sub-option-checkbox {
  display: flex;
  margin-bottom: 1rem;
}
.zb-checklist .sub-option-checkbox {
  margin-left: 1.5rem;
}

.zb-modal-banner {
  align-items: center;
  background-color: hsl(calc(var(--zb-semantic-color-modal-header-background-h) + 0deg), calc(var(--zb-semantic-color-modal-header-background-s) + 0%), calc(var(--zb-semantic-color-modal-header-background-l) + 0%), calc(var(--zb-semantic-color-modal-header-background-a) + 0));
  box-shadow: 0 0 10px hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.46));
  box-sizing: border-box;
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
  min-height: 56px;
  padding-left: 16px;
  position: relative;
  width: 100%;
}
.zb-modal-banner .title {
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
  flex-grow: 1;
  font-size: 18px;
  margin: 0;
  padding-left: 16px;
}

.zb-power-select-container,
.zb-power-select-dropdown {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  transition-duration: 0.15s;
}
.zb-power-select-container ::-moz-placeholder, .zb-power-select-dropdown ::-moz-placeholder {
  color: hsl(calc(var(--zb-semantic-color-input-placeholder-h) + 0deg), calc(var(--zb-semantic-color-input-placeholder-s) + 0%), calc(var(--zb-semantic-color-input-placeholder-l) + 0%), calc(var(--zb-semantic-color-input-placeholder-a) + 0));
}
.zb-power-select-container ::placeholder,
.zb-power-select-dropdown ::placeholder {
  color: hsl(calc(var(--zb-semantic-color-input-placeholder-h) + 0deg), calc(var(--zb-semantic-color-input-placeholder-s) + 0%), calc(var(--zb-semantic-color-input-placeholder-l) + 0%), calc(var(--zb-semantic-color-input-placeholder-a) + 0));
}
.zb-power-select-container ::-ms-clear,
.zb-power-select-dropdown ::-ms-clear {
  display: none;
}
.zb-power-select-container i,
.zb-power-select-dropdown i {
  z-index: 1;
}
.zb-power-select-container .ember-power-select-dropdown,
.zb-power-select-container .ember-power-select-option,
.zb-power-select-container .ember-power-select-placeholder,
.zb-power-select-container .ember-power-select-selected-item,
.zb-power-select-container .ember-power-select-trigger,
.zb-power-select-container .ember-power-select-search-input,
.zb-power-select-dropdown .ember-power-select-dropdown,
.zb-power-select-dropdown .ember-power-select-option,
.zb-power-select-dropdown .ember-power-select-placeholder,
.zb-power-select-dropdown .ember-power-select-selected-item,
.zb-power-select-dropdown .ember-power-select-trigger,
.zb-power-select-dropdown .ember-power-select-search-input {
  color: hsl(calc(var(--zb-semantic-color-input-h) + 0deg), calc(var(--zb-semantic-color-input-s) + 0%), calc(var(--zb-semantic-color-input-l) + 0%), calc(var(--zb-semantic-color-input-a) + 0));
}
.zb-power-select-container .ember-power-select-multiple-option,
.zb-power-select-dropdown .ember-power-select-multiple-option {
  background-color: hsl(calc(var(--zb-semantic-color-multi-select-pill-background-h) + 0deg), calc(var(--zb-semantic-color-multi-select-pill-background-s) + 0%), calc(var(--zb-semantic-color-multi-select-pill-background-l) + 0%), calc(var(--zb-semantic-color-multi-select-pill-background-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-multi-select-pill-h) + 0deg), calc(var(--zb-semantic-color-multi-select-pill-s) + 0%), calc(var(--zb-semantic-color-multi-select-pill-l) + 0%), calc(var(--zb-semantic-color-multi-select-pill-a) + 0));
}
.zb-power-select-container.full-width,
.zb-power-select-dropdown.full-width {
  width: 100%;
}
.zb-power-select-container.readonly &gt; input,
.zb-power-select-dropdown.readonly &gt; input {
  border-bottom: 0;
  -webkit-text-fill-color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}
.zb-power-select-container .message-container,
.zb-power-select-dropdown .message-container {
  color: hsl(calc(var(--zb-semantic-color-info-h) + 0deg), calc(var(--zb-semantic-color-info-s) + 0%), calc(var(--zb-semantic-color-info-l) + 0%), calc(var(--zb-semantic-color-info-a) + 0));
  font-size: 12px;
  margin-top: 4px;
  transition-duration: 0.15s;
}
.zb-power-select-container.error.message-present .ember-power-select-trigger,
.zb-power-select-dropdown.error.message-present .ember-power-select-trigger {
  border: 1px solid hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.zb-power-select-container.error.message-present .message-container,
.zb-power-select-dropdown.error.message-present .message-container {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.zb-power-select-container.sm,
.zb-power-select-dropdown.sm {
  font-size: 14px;
}
.zb-power-select-container.success.message-present .message-container,
.zb-power-select-dropdown.success.message-present .message-container {
  color: hsl(calc(var(--zb-semantic-color-success-h) + 0deg), calc(var(--zb-semantic-color-success-s) + 0%), calc(var(--zb-semantic-color-success-l) + 0%), calc(var(--zb-semantic-color-success-a) + 0));
}
.zb-power-select-container.label-present,
.zb-power-select-dropdown.label-present {
  padding-top: 14px;
}
.zb-power-select-container.label-present .message-container,
.zb-power-select-dropdown.label-present .message-container {
  top: 46px;
}
.zb-power-select-container.label-present .clear-icon,
.zb-power-select-dropdown.label-present .clear-icon {
  top: 8px;
}
.zb-power-select-container.label-present .select-icon,
.zb-power-select-dropdown.label-present .select-icon {
  top: 18px;
}
.zb-power-select-container.message-present.error &gt; input,
.zb-power-select-dropdown.message-present.error &gt; input {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.zb-power-select-container.message-present.error &gt; input:focus, .zb-power-select-container.message-present.error &gt; input.focus,
.zb-power-select-dropdown.message-present.error &gt; input:focus,
.zb-power-select-dropdown.message-present.error &gt; input.focus {
  border-bottom: 2px solid hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.zb-power-select-container.value-present &gt; label,
.zb-power-select-dropdown.value-present &gt; label {
  color: hsl(calc(var(--zb-semantic-color-input-label-h) + 0deg), calc(var(--zb-semantic-color-input-label-s) + 0%), calc(var(--zb-semantic-color-input-label-l) + 0%), calc(var(--zb-semantic-color-input-label-a) + 0));
  font-size: 12px;
  padding-left: 0;
  top: -2px;
}
.zb-power-select-container label,
.zb-power-select-dropdown label {
  color: hsl(calc(var(--zb-semantic-color-input-label-h) + 0deg), calc(var(--zb-semantic-color-input-label-s) + 0%), calc(var(--zb-semantic-color-input-label-l) + 0%), calc(var(--zb-semantic-color-input-label-a) + 0));
  line-height: 1.4;
  pointer-events: none;
  position: absolute;
  top: 18px;
  transition-duration: 0.15s;
  z-index: 1000;
}
.zb-power-select-container[aria-disabled=true], .zb-power-select-container.disabled,
.zb-power-select-dropdown[aria-disabled=true],
.zb-power-select-dropdown.disabled {
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  cursor: default;
}
.zb-power-select-container[aria-disabled=true] &gt; label, .zb-power-select-container.disabled &gt; label,
.zb-power-select-dropdown[aria-disabled=true] &gt; label,
.zb-power-select-dropdown.disabled &gt; label {
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-power-select-container[aria-disabled=true] .ember-power-select-trigger, .zb-power-select-container.disabled .ember-power-select-trigger,
.zb-power-select-dropdown[aria-disabled=true] .ember-power-select-trigger,
.zb-power-select-dropdown.disabled .ember-power-select-trigger {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-background-h) + 0deg), calc(var(--zb-semantic-color-disabled-background-s) + 0%), calc(var(--zb-semantic-color-disabled-background-l) + 0%), calc(var(--zb-semantic-color-disabled-background-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-power-select-container .icon-margin,
.zb-power-select-dropdown .icon-margin {
  padding-left: 26px;
}
.zb-power-select-container .icon-margin .icon-margin,
.zb-power-select-dropdown .icon-margin .icon-margin {
  left: 26px;
}
.zb-power-select-container .clear-margin,
.zb-power-select-dropdown .clear-margin {
  padding-right: 26px;
}
.zb-power-select-container .select-icon,
.zb-power-select-dropdown .select-icon {
  left: 2px;
  position: absolute;
  top: 4px;
}
.zb-power-select-container .clear-icon,
.zb-power-select-dropdown .clear-icon {
  position: absolute;
  right: -4px;
  top: -2px;
}
.zb-power-select-container .ember-power-select-trigger[aria-disabled=true],
.zb-power-select-dropdown .ember-power-select-trigger[aria-disabled=true] {
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}

.zb-power-select-container {
  position: relative;
}
.zb-power-select-container.icon-present .ember-power-select-placeholder,
.zb-power-select-container.icon-present .ember-power-select-selected-item {
  margin-left: 26px;
}
.zb-power-select-container.underlined .ember-power-select-trigger {
  background-color: unset;
  border: 0;
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-input-border-h) + 0deg), calc(var(--zb-semantic-color-input-border-s) + 0%), calc(var(--zb-semantic-color-input-border-l) + 0%), calc(var(--zb-semantic-color-input-border-a) + 0));
  border-radius: 0;
  color: hsl(calc(var(--zb-semantic-color-input-h) + 0deg), calc(var(--zb-semantic-color-input-s) + 0%), calc(var(--zb-semantic-color-input-l) + 0%), calc(var(--zb-semantic-color-input-a) + 0));
  overflow: hidden;
  transition: border-bottom 0.15s ease-out, color 0.15s ease-out;
}
.zb-power-select-container.underlined .ember-power-select-trigger:focus, .zb-power-select-container.underlined .ember-power-select-trigger.focus {
  border: 0;
  border-bottom: 2px solid hsl(calc(var(--zb-semantic-color-input-border-h) + 0deg), calc(var(--zb-semantic-color-input-border-s) + 0%), calc(var(--zb-semantic-color-input-border-l) + 0%), calc(var(--zb-semantic-color-input-border-a) + 0));
}
.zb-power-select-container.underlined .ember-power-select-trigger[aria-invalid=true] {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.zb-power-select-container.underlined .ember-power-select-trigger[aria-disabled=true], .zb-power-select-container.underlined .ember-power-select-trigger.disabled {
  background-color: unset;
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-power-select-container.underlined .ember-power-select-trigger .ember-power-select-selected-item {
  color: hsl(calc(var(--zb-semantic-color-input-h) + 0deg), calc(var(--zb-semantic-color-input-s) + 0%), calc(var(--zb-semantic-color-input-l) + 0%), calc(var(--zb-semantic-color-input-a) + 0));
}
.zb-power-select-container.underlined.error .ember-power-select-trigger {
  border-bottom: 1px solid get-color("error");
  border-left: none;
  border-right: none;
  border-top: none;
}
.zb-power-select-container.underlined.error .ember-power-select-trigger:focus, .zb-power-select-container.underlined.error .ember-power-select-trigger.focus {
  border-bottom: 2px solid hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.zb-power-select-container label {
  padding-left: 8px;
}
.zb-power-select-container.clear-margin .ember-power-select-trigger {
  padding: 0 35px 0 0;
}
.zb-power-select-container .input-icon {
  padding-left: 6px;
  z-index: 10;
}
.zb-power-select-container .ember-power-select-selected-item {
  white-space: nowrap;
}
.zb-power-select-container .ember-power-select-clear-btn {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 30px;
  font-weight: 300;
  line-height: normal;
  right: 18px;
  top: -5px;
}
.zb-power-select-container .ember-power-select-placeholder {
  color: hsl(calc(var(--zb-semantic-color-input-placeholder-h) + 0deg), calc(var(--zb-semantic-color-input-placeholder-s) + 0%), calc(var(--zb-semantic-color-input-placeholder-l) + 0%), calc(var(--zb-semantic-color-input-placeholder-a) + 0));
}
.zb-power-select-container .ember-power-select-trigger {
  color: hsl(calc(var(--zb-semantic-color-input-h) + 0deg), calc(var(--zb-semantic-color-input-s) + 0%), calc(var(--zb-semantic-color-input-l) + 0%), calc(var(--zb-semantic-color-input-a) + 0));
  overflow: hidden;
  transition: border-bottom 0.15s ease-out, color 0.15s ease-out;
}

.zb-range-label {
  align-items: center;
  display: flex;
}
.zb-range-label span {
  margin: 0 8px;
}

.zb-range {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: hsl(calc(var(--zb-semantic-color-zybook-activity-dark-background-h) + 0deg), calc(var(--zb-semantic-color-zybook-activity-dark-background-s) + 0%), calc(var(--zb-semantic-color-zybook-activity-dark-background-l) + 0%), calc(var(--zb-semantic-color-zybook-activity-dark-background-a) + 0));
  height: 22px;
}
.zb-range::-webkit-slider-runnable-track {
  background: hsl(calc(var(--zb-semantic-color-grey-400-h) + 0deg), calc(var(--zb-semantic-color-grey-400-s) + 0%), calc(var(--zb-semantic-color-grey-400-l) + 0%), calc(var(--zb-semantic-color-grey-400-a) + 0));
  box-shadow: 0 0 0 hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + 0)), 0 0 0 #0d0d0d;
  cursor: pointer;
  height: 2px;
  width: 100%;
}
.zb-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: hsl(calc(var(--zb-semantic-color-grey-600-h) + 0deg), calc(var(--zb-semantic-color-grey-600-s) + 0%), calc(var(--zb-semantic-color-grey-600-l) + 0%), calc(var(--zb-semantic-color-grey-600-a) + 0));
  border: 0 solid hsl(calc(var(--zb-semantic-color-black-h) + 0deg), calc(var(--zb-semantic-color-black-s) + 0%), calc(var(--zb-semantic-color-black-l) + 0%), calc(var(--zb-semantic-color-black-a) + 0));
  border-radius: 10px;
  height: 20px;
  margin-top: -9px;
  width: 20px;
}
.zb-range::-moz-range-track {
  background: hsl(calc(var(--zb-semantic-color-grey-400-h) + 0deg), calc(var(--zb-semantic-color-grey-400-s) + 0%), calc(var(--zb-semantic-color-grey-400-l) + 0%), calc(var(--zb-semantic-color-grey-400-a) + 0));
  box-shadow: 0 0 0 hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + 0)), 0 0 0 #0d0d0d;
  cursor: pointer;
  height: 2px;
  width: 100%;
}
.zb-range::-moz-range-thumb {
  -webkit-appearance: none;
  background: hsl(calc(var(--zb-semantic-color-grey-600-h) + 0deg), calc(var(--zb-semantic-color-grey-600-s) + 0%), calc(var(--zb-semantic-color-grey-600-l) + 0%), calc(var(--zb-semantic-color-grey-600-a) + 0));
  border: 0 solid hsl(calc(var(--zb-semantic-color-black-h) + 0deg), calc(var(--zb-semantic-color-black-s) + 0%), calc(var(--zb-semantic-color-black-l) + 0%), calc(var(--zb-semantic-color-black-a) + 0));
  border-radius: 10px;
  height: 20px;
  width: 20px;
}
.zb-range:disabled::-moz-range-thumb {
  background: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  cursor: not-allowed;
}
.zb-range:disabled::-moz-range-track {
  background: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  cursor: not-allowed;
}
.zb-range:disabled::-webkit-slider-runnable-track {
  background: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  cursor: not-allowed;
}
.zb-range:disabled::-webkit-slider-thumb {
  background: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  cursor: not-allowed;
}
.zb-range.primary::-moz-range-thumb {
  background: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
}
.zb-range.primary::-webkit-slider-thumb {
  background: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
}
.zb-range.secondary::-moz-range-thumb {
  background: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
}
.zb-range.secondary::-webkit-slider-thumb {
  background: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
}

.fr-element {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0)) !important;
}
.fr-element .fr-selected-cell {
  background-color: inherit !important;
  border-color: hsl(calc(var(--zb-semantic-color-froala-table-selected-cell-border-h) + 0deg), calc(var(--zb-semantic-color-froala-table-selected-cell-border-s) + 0%), calc(var(--zb-semantic-color-froala-table-selected-cell-border-l) + 0%), calc(var(--zb-semantic-color-froala-table-selected-cell-border-a) + 0)) !important;
}

.fr-wrapper {
  background-color: unset !important;
}

.fr-toolbar {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0)) !important;
}

.fr-buttons button,
.fr-toolbar button {
  color: hsl(calc(var(--zb-semantic-color-froala-button-h) + 0deg), calc(var(--zb-semantic-color-froala-button-s) + 0%), calc(var(--zb-semantic-color-froala-button-l) + 0%), calc(var(--zb-semantic-color-froala-button-a) + 0)) !important;
  background-color: unset !important;
  text-align: center !important;
}
.fr-buttons button path,
.fr-toolbar button path {
  fill: hsl(calc(var(--zb-semantic-color-froala-button-h) + 0deg), calc(var(--zb-semantic-color-froala-button-s) + 0%), calc(var(--zb-semantic-color-froala-button-l) + 0%), calc(var(--zb-semantic-color-froala-button-a) + 0)) !important;
}
.fr-buttons button.fr-active, .fr-buttons button[data-active=true],
.fr-toolbar button.fr-active,
.fr-toolbar button[data-active=true] {
  color: hsl(calc(var(--zb-semantic-color-froala-button-active-h) + 0deg), calc(var(--zb-semantic-color-froala-button-active-s) + 0%), calc(var(--zb-semantic-color-froala-button-active-l) + 0%), calc(var(--zb-semantic-color-froala-button-active-a) + 0)) !important;
}
.fr-buttons button.fr-active path, .fr-buttons button[data-active=true] path,
.fr-toolbar button.fr-active path,
.fr-toolbar button[data-active=true] path {
  fill: hsl(calc(var(--zb-semantic-color-froala-button-active-h) + 0deg), calc(var(--zb-semantic-color-froala-button-active-s) + 0%), calc(var(--zb-semantic-color-froala-button-active-l) + 0%), calc(var(--zb-semantic-color-froala-button-active-a) + 0)) !important;
}
.fr-buttons button.fr-open,
.fr-toolbar button.fr-open {
  color: hsl(calc(var(--zb-semantic-color-froala-button-open-h) + 0deg), calc(var(--zb-semantic-color-froala-button-open-s) + 0%), calc(var(--zb-semantic-color-froala-button-open-l) + 0%), calc(var(--zb-semantic-color-froala-button-open-a) + 0)) !important;
  background-color: hsl(calc(var(--zb-semantic-color-froala-button-open-background-h) + 0deg), calc(var(--zb-semantic-color-froala-button-open-background-s) + 0%), calc(var(--zb-semantic-color-froala-button-open-background-l) + 0%), calc(var(--zb-semantic-color-froala-button-open-background-a) + 0)) !important;
}
.fr-buttons button.fr-open path,
.fr-toolbar button.fr-open path {
  fill: hsl(calc(var(--zb-semantic-color-froala-button-open-h) + 0deg), calc(var(--zb-semantic-color-froala-button-open-s) + 0%), calc(var(--zb-semantic-color-froala-button-open-l) + 0%), calc(var(--zb-semantic-color-froala-button-open-a) + 0)) !important;
}
.fr-buttons:not(.fr-disabled) button:not(.fr-disabled):hover,
.fr-toolbar:not(.fr-disabled) button:not(.fr-disabled):hover {
  color: hsl(calc(var(--zb-semantic-color-froala-button-hover-h) + 0deg), calc(var(--zb-semantic-color-froala-button-hover-s) + 0%), calc(var(--zb-semantic-color-froala-button-hover-l) + 0%), calc(var(--zb-semantic-color-froala-button-hover-a) + 0)) !important;
  background-color: hsl(calc(var(--zb-semantic-color-froala-button-background-hover-h) + 0deg), calc(var(--zb-semantic-color-froala-button-background-hover-s) + 0%), calc(var(--zb-semantic-color-froala-button-background-hover-l) + 0%), calc(var(--zb-semantic-color-froala-button-background-hover-a) + 0)) !important;
}
.fr-buttons:not(.fr-disabled) button:not(.fr-disabled):hover path,
.fr-toolbar:not(.fr-disabled) button:not(.fr-disabled):hover path {
  fill: hsl(calc(var(--zb-semantic-color-froala-button-hover-h) + 0deg), calc(var(--zb-semantic-color-froala-button-hover-s) + 0%), calc(var(--zb-semantic-color-froala-button-hover-l) + 0%), calc(var(--zb-semantic-color-froala-button-hover-a) + 0)) !important;
}

.table-insert-editor .fr-toolbar {
  background-color: unset !important;
}

.fr-table-selector a {
  color: hsl(calc(var(--zb-semantic-color-froala-button-h) + 0deg), calc(var(--zb-semantic-color-froala-button-s) + 0%), calc(var(--zb-semantic-color-froala-button-l) + 0%), calc(var(--zb-semantic-color-froala-button-a) + 0)) !important;
}
.fr-table-selector a path {
  fill: hsl(calc(var(--zb-semantic-color-froala-button-h) + 0deg), calc(var(--zb-semantic-color-froala-button-s) + 0%), calc(var(--zb-semantic-color-froala-button-l) + 0%), calc(var(--zb-semantic-color-froala-button-a) + 0)) !important;
}
.fr-table-selector a:not(.fr-disabled) a:hover {
  color: hsl(calc(var(--zb-semantic-color-froala-image-upload-hover-background-h) + 0deg), calc(var(--zb-semantic-color-froala-image-upload-hover-background-s) + 0%), calc(var(--zb-semantic-color-froala-image-upload-hover-background-l) + 0%), calc(var(--zb-semantic-color-froala-image-upload-hover-background-a) + 0)) !important;
}
.fr-table-selector a:not(.fr-disabled) a:hover path {
  fill: hsl(calc(var(--zb-semantic-color-froala-image-upload-hover-background-h) + 0deg), calc(var(--zb-semantic-color-froala-image-upload-hover-background-s) + 0%), calc(var(--zb-semantic-color-froala-image-upload-hover-background-l) + 0%), calc(var(--zb-semantic-color-froala-image-upload-hover-background-a) + 0)) !important;
}

.fr-more-toolbar {
  background-color: hsl(calc(var(--zb-semantic-color-froala-more-toolbar-background-h) + 0deg), calc(var(--zb-semantic-color-froala-more-toolbar-background-s) + 0%), calc(var(--zb-semantic-color-froala-more-toolbar-background-l) + 0%), calc(var(--zb-semantic-color-froala-more-toolbar-background-a) + 0)) !important;
}

.fr-dropdown-menu,
.fr-popup {
  background-color: hsl(calc(var(--zb-semantic-color-froala-popup-background-h) + 0deg), calc(var(--zb-semantic-color-froala-popup-background-s) + 0%), calc(var(--zb-semantic-color-froala-popup-background-l) + 0%), calc(var(--zb-semantic-color-froala-popup-background-a) + 0)) !important;
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0)) !important;
}
.fr-dropdown-menu .fr-buttons,
.fr-popup .fr-buttons {
  background-color: hsl(calc(var(--zb-semantic-color-froala-popup-background-h) + 0deg), calc(var(--zb-semantic-color-froala-popup-background-s) + 0%), calc(var(--zb-semantic-color-froala-popup-background-l) + 0%), calc(var(--zb-semantic-color-froala-popup-background-a) + 0)) !important;
}
.fr-dropdown-menu input,
.fr-popup input {
  background-color: hsl(calc(var(--zb-semantic-color-froala-popup-background-h) + 0deg), calc(var(--zb-semantic-color-froala-popup-background-s) + 0%), calc(var(--zb-semantic-color-froala-popup-background-l) + 0%), calc(var(--zb-semantic-color-froala-popup-background-a) + 0)) !important;
  border-color: hsl(calc(var(--zb-semantic-color-input-border-h) + 0deg), calc(var(--zb-semantic-color-input-border-s) + 0%), calc(var(--zb-semantic-color-input-border-l) + 0%), calc(var(--zb-semantic-color-input-border-a) + 0)) !important;
  color: hsl(calc(var(--zb-semantic-color-input-h) + 0deg), calc(var(--zb-semantic-color-input-s) + 0%), calc(var(--zb-semantic-color-input-l) + 0%), calc(var(--zb-semantic-color-input-a) + 0)) !important;
}
.fr-dropdown-menu input::-moz-placeholder, .fr-popup input::-moz-placeholder {
  color: hsl(calc(var(--zb-semantic-color-input-placeholder-h) + 0deg), calc(var(--zb-semantic-color-input-placeholder-s) + 0%), calc(var(--zb-semantic-color-input-placeholder-l) + 0%), calc(var(--zb-semantic-color-input-placeholder-a) + 0)) !important;
}
.fr-dropdown-menu input::placeholder,
.fr-popup input::placeholder {
  color: hsl(calc(var(--zb-semantic-color-input-placeholder-h) + 0deg), calc(var(--zb-semantic-color-input-placeholder-s) + 0%), calc(var(--zb-semantic-color-input-placeholder-l) + 0%), calc(var(--zb-semantic-color-input-placeholder-a) + 0)) !important;
}
.fr-dropdown-menu input:focus,
.fr-popup input:focus {
  border-color: hsl(calc(var(--zb-semantic-color-froala-button-active-h) + 0deg), calc(var(--zb-semantic-color-froala-button-active-s) + 0%), calc(var(--zb-semantic-color-froala-button-active-l) + 0%), calc(var(--zb-semantic-color-froala-button-active-a) + 0)) !important;
}
.fr-dropdown-menu .fr-input-line label,
.fr-popup .fr-input-line label {
  background-color: hsl(calc(var(--zb-semantic-color-froala-popup-background-h) + 0deg), calc(var(--zb-semantic-color-froala-popup-background-s) + 0%), calc(var(--zb-semantic-color-froala-popup-background-l) + 0%), calc(var(--zb-semantic-color-froala-popup-background-a) + 0)) !important;
}
.fr-dropdown-menu .fr-image-upload-layer:hover,
.fr-popup .fr-image-upload-layer:hover {
  background-color: hsl(calc(var(--zb-semantic-color-froala-image-upload-hover-background-h) + 0deg), calc(var(--zb-semantic-color-froala-image-upload-hover-background-s) + 0%), calc(var(--zb-semantic-color-froala-image-upload-hover-background-l) + 0%), calc(var(--zb-semantic-color-froala-image-upload-hover-background-a) + 0)) !important;
}

.fr-dropdown-menu [role=option]:hover {
  background-color: hsl(calc(var(--zb-semantic-color-froala-dropdown-option-background-hover-h) + 0deg), calc(var(--zb-semantic-color-froala-dropdown-option-background-hover-s) + 0%), calc(var(--zb-semantic-color-froala-dropdown-option-background-hover-l) + 0%), calc(var(--zb-semantic-color-froala-dropdown-option-background-hover-a) + 0)) !important;
  color: hsl(calc(var(--zb-semantic-color-froala-dropdown-option-hover-h) + 0deg), calc(var(--zb-semantic-color-froala-dropdown-option-hover-s) + 0%), calc(var(--zb-semantic-color-froala-dropdown-option-hover-l) + 0%), calc(var(--zb-semantic-color-froala-dropdown-option-hover-a) + 0)) !important;
}
.fr-dropdown-menu [role=option][aria-selected=true] {
  background-color: hsl(calc(var(--zb-semantic-color-froala-dropdown-option-selected-background-h) + 0deg), calc(var(--zb-semantic-color-froala-dropdown-option-selected-background-s) + 0%), calc(var(--zb-semantic-color-froala-dropdown-option-selected-background-l) + 0%), calc(var(--zb-semantic-color-froala-dropdown-option-selected-background-a) + 0)) !important;
  color: hsl(calc(var(--zb-semantic-color-froala-dropdown-option-selected-h) + 0deg), calc(var(--zb-semantic-color-froala-dropdown-option-selected-s) + 0%), calc(var(--zb-semantic-color-froala-dropdown-option-selected-l) + 0%), calc(var(--zb-semantic-color-froala-dropdown-option-selected-a) + 0)) !important;
}

.zb-rich-text-editor {
  flex: 1;
}
.zb-rich-text-editor.hide-text-area .fr-wrapper {
  display: none;
}
.zb-rich-text-editor .fr-second-toolbar {
  display: none;
}
.zb-rich-text-editor .fr-view pre {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}
.zb-rich-text-editor .fr-view pre code {
  margin: 8px 0;
}
.zb-rich-text-editor .fr-view p strong {
  font-weight: normal;
}
.zb-rich-text-editor .fr-view .fr-dii.fr-fil {
  float: none;
  margin-left: 0;
  text-align: left;
}
.zb-rich-text-editor .fr-view .fr-dii.fr-fir {
  float: none;
  margin: 5px auto;
  margin-right: 0;
  text-align: right;
}
.zb-rich-text-editor .fr-box.fr-basic .fr-element {
  font-family: inherit;
  font-size: inherit;
  line-height: 1.4;
  text-align: inherit;
}
.zb-rich-text-editor .fr-box.fr-basic .fr-element p:last-of-type {
  margin-bottom: 0;
}
.zb-rich-text-editor.zyde-instructions-input .fr-box.fr-basic .fr-element {
  padding: 16px;
}
.zb-rich-text-editor.video-editor .fr-box, .zb-rich-text-editor.iframe-editor .fr-box {
  margin: auto;
}
.zb-rich-text-editor.video-editor .fr-box.fr-basic .fr-element, .zb-rich-text-editor.iframe-editor .fr-box.fr-basic .fr-element {
  padding: 16px;
}
.zb-rich-text-editor.video-editor .fr-view .fr-video.fr-dvi, .zb-rich-text-editor.iframe-editor .fr-view .fr-video.fr-dvi {
  display: inline-block;
  position: relative;
}
.zb-rich-text-editor .fr-toolbar {
  align-items: center;
  border: none;
  box-shadow: none;
  left: calc(50% - 550px);
  margin-top: 4px;
  padding-top: 0;
  position: fixed;
  top: 70px !important;
}
.zb-rich-text-editor .fr-toolbar .fr-newline {
  display: none;
}
.zb-rich-text-editor .fr-view img {
  display: flex;
  float: none;
  margin: 5px auto;
  vertical-align: top;
}
.zybook-configure-panel .zb-toolbar, .zybook-chapter-add-lab-page .bottom-toolbar, :where(.zb-scrollin-modal.zb-modal .zb-modal-content) .zb-toolbar {
  box-shadow: 0 -1px 1px hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.902));
  z-index: 1;
}
.zybook-configure-panel .zb-toolbar .zb-actions, .zybook-chapter-add-lab-page .bottom-toolbar .zb-actions, :where(.zb-scrollin-modal.zb-modal .zb-modal-content) .zb-toolbar .zb-actions {
  align-items: center;
  height: 48px;
  padding-left: 24px;
}

.zb-scrollin-modal .modal-on-modal .zb-modal-content {
  height: auto;
}

:where(.zb-scrollin-modal.zb-modal .zb-modal-content) {
  height: 90%;
  width: 80%;
}
:where(.zb-scrollin-modal.zb-modal .zb-modal-content) .zb-modal-card-container {
  background-color: hsl(calc(var(--zb-semantic-color-background-h) + 0deg), calc(var(--zb-semantic-color-background-s) + 0%), calc(var(--zb-semantic-color-background-l) + 0%), calc(var(--zb-semantic-color-background-a) + 0));
  flex: 1;
  overflow-y: auto;
}
:where(.zb-scrollin-modal.zb-modal .zb-modal-content) .zb-modal-card-container .zb-modal-card {
  margin: 24px auto;
  width: 90%;
}
:where(.zb-scrollin-modal.zb-modal .zb-modal-content) .zb-modal-card-container .zb-modal-card h2 {
  color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
}
.zb-select-container *,
.zb-select-container *::before,
.zb-select-container *::after {
  box-sizing: border-box;
}
.zb-select-container .label {
  color: hsl(calc(var(--zb-semantic-color-input-label-h) + 0deg), calc(var(--zb-semantic-color-input-label-s) + 0%), calc(var(--zb-semantic-color-input-label-l) + 0%), calc(var(--zb-semantic-color-input-label-a) + 0));
  font-size: 12px;
  font-weight: 300;
  padding-left: 0;
  top: -2px;
}
.zb-select-container .label.disabled {
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-select-container .select {
  align-items: center;
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-input-border-h) + 0deg), calc(var(--zb-semantic-color-input-border-s) + 0%), calc(var(--zb-semantic-color-input-border-l) + 0%), calc(var(--zb-semantic-color-input-border-a) + 0));
  cursor: pointer;
  display: grid;
  grid-template-areas: "icon select";
  grid-template-columns: min-content 1fr;
  height: 29px;
  line-height: 1.1;
  min-width: 120px;
  padding: 5px 10px;
  position: relative;
  width: 100%;
}
.zb-select-container .select.disabled {
  cursor: not-allowed;
}
.zb-select-container .select .icon {
  grid-area: icon;
  margin-right: 4px;
}
.zb-select-container .select select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  color: hsl(calc(var(--zb-semantic-color-input-h) + 0deg), calc(var(--zb-semantic-color-input-s) + 0%), calc(var(--zb-semantic-color-input-l) + 0%), calc(var(--zb-semantic-color-input-a) + 0));
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 300;
  grid-area: select;
  margin: 0;
  padding: 0 1em 0 0;
  width: 100%;
  z-index: 1;
}
.zb-select-container .select select option {
  background-color: hsl(calc(var(--zb-semantic-color-input-background-h) + 0deg), calc(var(--zb-semantic-color-input-background-s) + 0%), calc(var(--zb-semantic-color-input-background-l) + 0%), calc(var(--zb-semantic-color-input-background-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-input-h) + 0deg), calc(var(--zb-semantic-color-input-s) + 0%), calc(var(--zb-semantic-color-input-l) + 0%), calc(var(--zb-semantic-color-input-a) + 0));
}
.zb-select-container .select select option:hover {
  background-color: hsl(calc(var(--zb-semantic-color-select-option-background-hover-h) + 0deg), calc(var(--zb-semantic-color-select-option-background-hover-s) + 0%), calc(var(--zb-semantic-color-select-option-background-hover-l) + 0%), calc(var(--zb-semantic-color-select-option-background-hover-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-select-option-hover-h) + 0deg), calc(var(--zb-semantic-color-select-option-hover-s) + 0%), calc(var(--zb-semantic-color-select-option-hover-l) + 0%), calc(var(--zb-semantic-color-select-option-hover-a) + 0));
}
.zb-select-container .select select:focus {
  outline-offset: 6px;
}
.zb-select-container .select .placeholder {
  color: hsl(calc(var(--zb-semantic-color-input-placeholder-h) + 0deg), calc(var(--zb-semantic-color-input-placeholder-s) + 0%), calc(var(--zb-semantic-color-input-placeholder-l) + 0%), calc(var(--zb-semantic-color-input-placeholder-a) + 0));
}
.zb-select-container .select::after {
  border-color: hsl(calc(var(--zb-semantic-color-input-border-h) + 0deg), calc(var(--zb-semantic-color-input-border-s) + 0%), calc(var(--zb-semantic-color-input-border-l) + 0%), calc(var(--zb-semantic-color-input-border-a) + 0)) transparent;
  border-style: solid;
  border-width: 7px 4px 0;
  content: "";
  grid-area: select;
  justify-self: end;
}
.zb-select-container .select .disabled,
.zb-select-container .select :disabled {
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  cursor: not-allowed;
}
.zb-select-container .select .disabled-option {
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.zb-select-container .select.error {
  border-bottom-color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.zb-select-container .select:focus {
  border-bottom-width: 2px;
}
.zb-select-container .select-message-container {
  font-size: 12px;
  font-weight: 300;
  position: relative;
  top: 3px;
}
.zb-select-container .select-message-container.info {
  color: hsl(calc(var(--zb-semantic-color-info-h) + 0deg), calc(var(--zb-semantic-color-info-s) + 0%), calc(var(--zb-semantic-color-info-l) + 0%), calc(var(--zb-semantic-color-info-a) + 0));
}
.zb-select-container .clear-button {
  height: 29px;
}

.zb-special-character-legend-modal .zb-modal-content {
  max-height: 334px;
  max-width: 500px;
  padding: 16px;
  width: 30%;
}
.zb-special-character-legend-modal .zb-modal-content .section-header {
  font-size: 32px;
  margin-bottom: 16px;
  margin-top: 0;
}
.zb-special-character-legend-modal .zb-modal-content .flex-row {
  align-items: center;
  margin-bottom: 16px;
}
.zb-special-character-legend-modal .zb-modal-content .zb-button {
  margin-right: auto;
}
.zb-special-character-legend-modal .zb-modal-content .string-diff,
.zb-special-character-legend-modal .zb-modal-content .string-diff-highlight {
  font-size: 32px;
  height: 36px;
  margin-right: 16px;
  min-width: 36px;
}
.zb-special-character-legend-modal .zb-modal-content .string-diff.empty::before,
.zb-special-character-legend-modal .zb-modal-content .string-diff-highlight.empty::before {
  content: "";
}
.zb-special-character-legend-modal .zb-modal-content .string-diff::before,
.zb-special-character-legend-modal .zb-modal-content .string-diff-highlight::before {
  display: block;
  margin-left: 2px;
  margin-top: -2px;
}
.zb-special-character-legend-modal .zb-modal-content .string-diff.newline::before, .zb-special-character-legend-modal .zb-modal-content .string-diff.tab::before,
.zb-special-character-legend-modal .zb-modal-content .string-diff-highlight.newline::before,
.zb-special-character-legend-modal .zb-modal-content .string-diff-highlight.tab::before {
  margin-left: 4px;
  margin-top: -3px;
}

.zb-split-view {
  height: calc(100vh - 56px);
}
.zb-split-view .divider {
  width: 1px;
}
.zb-split-view .right-side {
  background-color: hsl(calc(var(--zb-semantic-color-background-h) + 0deg), calc(var(--zb-semantic-color-background-s) + 0%), calc(var(--zb-semantic-color-background-l) + 0%), calc(var(--zb-semantic-color-background-a) + 0));
}
.zb-split-view .split-divider {
  align-items: center;
  background-color: hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  justify-content: center;
}
.zb-split-view .split-divider:hover {
  cursor: ew-resize;
}
.zb-split-view .split-divider:hover .line {
  border: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
  height: 60%;
}

:where(.zb-sortable-item) {
  display: block;
  line-height: 1;
  margin: 0;
  padding: 0;
}

:where(.zb-sortable-container) {
  margin: 0;
  padding: 0;
}

:where(.zb-sortable-item-chosen) {
  box-shadow: 4px 4px 12px 1px hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.6));
}

:where(.zb-sortable-instructions) {
  margin-bottom: 12px;
}
:where(.zb-sortable-instructions) .expandable-content {
  margin: 0;
}
.zb-sortable-container.zb-sortable-container-replace {
  position: relative;
}
.zb-sortable-container.zb-sortable-container-replace:has(.zb-sortable-item-chosen) .zb-sortable-item:not(.zb-sortable-item-chosen) {
  display: none !important;
}

.zb-table .expandable {
  cursor: pointer;
}

.zb-terminal-container .terminal-actions {
  justify-content: space-between;
  margin-bottom: 8px;
  margin-top: 8px;
}
.zb-terminal-container .zb-terminal {
  background-color: hsl(calc(var(--zb-semantic-color-background-h) + 0deg), calc(var(--zb-semantic-color-background-s) + 0%), calc(var(--zb-semantic-color-background-l) + 0%), calc(var(--zb-semantic-color-background-a) + 0));
  border: 1px solid hsl(calc(var(--zb-semantic-color-light-blue-grey-border-h) + 0deg), calc(var(--zb-semantic-color-light-blue-grey-border-s) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-l) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-a) + 0));
  height: 400px;
  position: relative;
}
.zb-terminal-container .jqconsole {
  padding: 10px;
}
.zb-terminal-container .jqconsole-cursor {
  background-color: hsl(calc(var(--zb-semantic-color-grey-500-h) + 0deg), calc(var(--zb-semantic-color-grey-500-s) + 0%), calc(var(--zb-semantic-color-grey-500-l) + 0%), calc(var(--zb-semantic-color-grey-500-a) + 0));
}
.zb-terminal-container .jqconsole-blurred .jqconsole-cursor {
  background-color: hsl(calc(var(--zb-semantic-color-grey-700-h) + 0deg), calc(var(--zb-semantic-color-grey-700-s) + 0%), calc(var(--zb-semantic-color-grey-700-l) + 0%), calc(var(--zb-semantic-color-grey-700-a) + 0));
}
.zb-terminal-container .jqconsole-header,
.zb-terminal-container .jqconsole-prompt,
.zb-terminal-container .jqconsole-old-prompt,
.zb-terminal-container .command {
  color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
}
.zb-terminal-container .warn {
  color: hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
}

.zb-toast {
  font-size: 14px;
}
.zb-toast.disappear {
  opacity: 0;
  transition-duration: 1s;
}

.zb-zybook-graphic:hover {
  cursor: inherit;
}
.zb-zybook-graphic .text-line {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
}
.zb-zybook-graphic .zybook-info {
  justify-content: flex-start;
}
.zb-zybook-graphic .secondary-info .text-line {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + -0.45));
}
.zb-zybook-graphic.red {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-cover-red-h) + 0deg), calc(var(--zb-semantic-color-zybook-cover-red-s) + 0%), calc(var(--zb-semantic-color-zybook-cover-red-l) + 0%), calc(var(--zb-semantic-color-zybook-cover-red-a) + 0));
}
.zb-zybook-graphic.green {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-cover-green-h) + 0deg), calc(var(--zb-semantic-color-zybook-cover-green-s) + 0%), calc(var(--zb-semantic-color-zybook-cover-green-l) + 0%), calc(var(--zb-semantic-color-zybook-cover-green-a) + 0));
}
.zb-zybook-graphic.orange {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-cover-orange-h) + 0deg), calc(var(--zb-semantic-color-zybook-cover-orange-s) + 0%), calc(var(--zb-semantic-color-zybook-cover-orange-l) + 0%), calc(var(--zb-semantic-color-zybook-cover-orange-a) + 0));
}
.zb-zybook-graphic.yellow {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-cover-yellow-h) + 0deg), calc(var(--zb-semantic-color-zybook-cover-yellow-s) + 0%), calc(var(--zb-semantic-color-zybook-cover-yellow-l) + 0%), calc(var(--zb-semantic-color-zybook-cover-yellow-a) + 0));
}
.zb-zybook-graphic.lightblue {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-cover-light-blue-h) + 0deg), calc(var(--zb-semantic-color-zybook-cover-light-blue-s) + 0%), calc(var(--zb-semantic-color-zybook-cover-light-blue-l) + 0%), calc(var(--zb-semantic-color-zybook-cover-light-blue-a) + 0));
}
.zb-zybook-graphic.indigo {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-cover-indigo-h) + 0deg), calc(var(--zb-semantic-color-zybook-cover-indigo-s) + 0%), calc(var(--zb-semantic-color-zybook-cover-indigo-l) + 0%), calc(var(--zb-semantic-color-zybook-cover-indigo-a) + 0));
}
.zb-zybook-graphic.pink {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-cover-pink-h) + 0deg), calc(var(--zb-semantic-color-zybook-cover-pink-s) + 0%), calc(var(--zb-semantic-color-zybook-cover-pink-l) + 0%), calc(var(--zb-semantic-color-zybook-cover-pink-a) + 0));
}
.zb-zybook-graphic.purple {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-cover-purple-h) + 0deg), calc(var(--zb-semantic-color-zybook-cover-purple-s) + 0%), calc(var(--zb-semantic-color-zybook-cover-purple-l) + 0%), calc(var(--zb-semantic-color-zybook-cover-purple-a) + 0));
}
.zb-zybook-graphic.grey {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-cover-grey-h) + 0deg), calc(var(--zb-semantic-color-zybook-cover-grey-s) + 0%), calc(var(--zb-semantic-color-zybook-cover-grey-l) + 0%), calc(var(--zb-semantic-color-zybook-cover-grey-a) + 0));
}
.zb-zybook-graphic.darkgrey {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-cover-dark-grey-h) + 0deg), calc(var(--zb-semantic-color-zybook-cover-dark-grey-s) + 0%), calc(var(--zb-semantic-color-zybook-cover-dark-grey-l) + 0%), calc(var(--zb-semantic-color-zybook-cover-dark-grey-a) + 0));
}
.zb-zybook-graphic.lg {
  height: 115.2px;
  min-width: 96px;
  width: 96px;
}
.zb-zybook-graphic.lg .text-line {
  height: 9px;
  margin-left: 6px;
  margin-top: 6px;
}
.zb-zybook-graphic.lg .secondary-info {
  height: 30px;
}
.zb-zybook-graphic.lg .zybook-info .text-line:nth-of-type(1) {
  margin-top: 12px;
  width: 84px;
}
.zb-zybook-graphic.lg .zybook-info .text-line:nth-of-type(2) {
  width: 60px;
}
.zb-zybook-graphic.lg .secondary-info .text-line {
  width: 60px;
}
.zb-zybook-graphic.med {
  height: 76.8px;
  min-width: 64px;
  width: 64px;
}
.zb-zybook-graphic.med .text-line {
  height: 6px;
  margin-left: 4px;
  margin-top: 4px;
}
.zb-zybook-graphic.med .secondary-info {
  height: 20px;
}
.zb-zybook-graphic.med .zybook-info .text-line:nth-of-type(1) {
  margin-top: 8px;
  width: 56px;
}
.zb-zybook-graphic.med .zybook-info .text-line:nth-of-type(2) {
  width: 40px;
}
.zb-zybook-graphic.med .secondary-info .text-line {
  width: 40px;
}
.zb-zybook-graphic.sm {
  height: 57.6px;
  min-width: 48px;
  width: 48px;
}
.zb-zybook-graphic.sm .text-line {
  height: 4.5px;
  margin-left: 3px;
  margin-top: 3px;
}
.zb-zybook-graphic.sm .secondary-info {
  height: 15px;
}
.zb-zybook-graphic.sm .zybook-info .text-line:nth-of-type(1) {
  margin-top: 6px;
  width: 42px;
}
.zb-zybook-graphic.sm .zybook-info .text-line:nth-of-type(2) {
  width: 30px;
}
.zb-zybook-graphic.sm .secondary-info .text-line {
  width: 30px;
}
.zb-zybook-graphic.xs {
  height: 28.8px;
  min-width: 24px;
  width: 24px;
}
.zb-zybook-graphic.xs .text-line {
  height: 2.25px;
  margin-left: 1.5px;
  margin-top: 1.5px;
}
.zb-zybook-graphic.xs .secondary-info {
  height: 7.5px;
}
.zb-zybook-graphic.xs .zybook-info .text-line:nth-of-type(1) {
  margin-top: 3px;
  width: 21px;
}
.zb-zybook-graphic.xs .zybook-info .text-line:nth-of-type(2) {
  width: 15px;
}
.zb-zybook-graphic.xs .secondary-info .text-line {
  width: 15px;
}

.zb-zybook-picker .zb-modal-card-container.loading {
  align-items: center;
  display: flex;
  justify-content: center;
}
.zb-zybook-picker .waiting-progress {
  margin-left: 16px;
}
.zb-zybook-picker .zb-picker-search {
  margin: 10px 30px;
}

.zybooks-application-header {
  box-shadow: 0 0 10px hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.46));
  height: 56px;
  z-index: 5015;
}
.zybooks-application-header .app-navigation-menu {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  border: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  font-size: 14px;
  left: 24px;
  position: absolute;
  top: 50px;
  width: 200px;
}
.zybooks-application-header .app-navigation-menu .group-name {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
}
.zybooks-application-header .app-navigation-menu a {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  position: relative;
}
.zybooks-application-header .app-navigation-menu a::before {
  background-color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  transition: all 0.1s ease-in-out;
  visibility: hidden;
  width: 0;
}
.zybooks-application-header .app-navigation-menu a:hover::before {
  visibility: visible;
  width: 100%;
}
.zybooks-application-header .route-nav-button .title {
  font-weight: 300;
}
.zybooks-application-header .options-menu {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  border: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  left: 16px;
  position: absolute;
  top: 40px;
  width: 250px;
}
.zybooks-application-header .options-menu .group-name {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 14px;
}
.zybooks-application-header .options-menu a,
.zybooks-application-header .options-menu button div {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  font-size: 16px;
  font-weight: 300;
  list-style-type: none;
  position: relative;
}
.zybooks-application-header .options-menu a.current::before,
.zybooks-application-header .options-menu button div.current::before {
  background-color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  border-radius: 2.5px;
  content: "";
  display: inline-block;
  height: 5px;
  left: -12px;
  position: absolute;
  top: 8px;
  width: 5px;
}
.zybooks-application-header .options-menu a:hover,
.zybooks-application-header .options-menu button div:hover {
  color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  transition: background-color 0.1s ease-out, color 0.1s ease-out;
}
.zybooks-application-header .profile-menu-button,
.zybooks-application-header .profile-menu button {
  background-color: transparent;
}
.zybooks-application-header .profile-menu-button .title,
.zybooks-application-header .profile-menu button .title {
  font-weight: 300;
}
.zybooks-application-header .profile-menu {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  border: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  position: absolute;
  right: 8px;
  top: 40px;
}

.zylab-inline-editor {
  margin: 16px 0 24px;
}
.zylab-inline-editor.is-narrow-width .inline-editor-header {
  min-height: 32px;
}
.zylab-inline-editor.is-narrow-width .inline-editor-header .file-dropdown-container {
  font-size: 14px;
  line-height: 1;
  padding: 0 16px;
}
.zylab-inline-editor.is-narrow-width .inline-editor-header .file-dropdown-container .zb-menu .ember-basic-dropdown-trigger {
  font-size: 16px;
  height: 24px;
  padding-left: 0;
}
.zylab-inline-editor.is-narrow-width .inline-editor-header .file-dropdown-container .zb-menu .ember-basic-dropdown-trigger i {
  top: 0;
}
.zylab-inline-editor .inline-editor-header {
  align-items: center;
  background-color: hsl(calc(var(--zb-semantic-color-zyde-header-background-h) + 0deg), calc(var(--zb-semantic-color-zyde-header-background-s) + 0%), calc(var(--zb-semantic-color-zyde-header-background-l) + 0%), calc(var(--zb-semantic-color-zyde-header-background-a) + 0));
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: center;
  min-height: 28px;
  padding: 8px;
  position: relative;
}
.zylab-inline-editor .inline-editor-header.hide-header {
  display: none;
}
.zylab-inline-editor .inline-editor-header .zb-button {
  max-height: 28px;
}
.zylab-inline-editor .inline-editor-header .file-dropdown-container {
  align-items: center;
  grid-column-start: 2;
  max-width: 100%;
}
.zylab-inline-editor .inline-editor-header .file-dropdown-container .zb-menu .dropdown-filename {
  max-width: 400px;
}
.zylab-inline-editor .inline-editor-header .file-dropdown-container .zb-menu .ember-basic-dropdown-trigger {
  background-color: hsl(calc(var(--zb-semantic-color-grey-background-h) + 0deg), calc(var(--zb-semantic-color-grey-background-s) + 0%), calc(var(--zb-semantic-color-grey-background-l) + 0%), calc(var(--zb-semantic-color-grey-background-a) + 0));
  font-size: 18px;
  padding-left: 8px;
  padding-right: 0;
}
.zylab-inline-editor .inline-editor-header .file-dropdown-container .zb-menu .ember-basic-dropdown-trigger,
.zylab-inline-editor .inline-editor-header .file-dropdown-container .zb-menu .ember-basic-dropdown-trigger i {
  color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
}
.zylab-inline-editor .inline-editor-header .file-dropdown-container .zb-menu .file-dropdown-button {
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.zylab-inline-editor .inline-editor-header .submit-question-status {
  right: 180px;
}
.zylab-inline-editor .inline-editor-header .tooltip {
  max-width: -moz-fit-content;
  max-width: fit-content;
  z-index: 4;
}
.zylab-inline-editor .inline-editor-header .inline-editor-filename {
  font-size: 18px;
  max-width: 100%;
  text-align: center;
}
.zylab-inline-editor .inline-editor-header .load-default-template-button {
  font-size: 14px;
  font-weight: bold;
  position: absolute;
  right: 0;
}
.zylab-inline-editor .inline-editor-header .no-template-text,
.zylab-inline-editor .inline-editor-header .readonly-text,
.zylab-inline-editor .inline-editor-header .placeholder-text {
  font-size: 14px;
  position: absolute;
  right: 0;
}
.zylab-inline-editor .inline-editor-header .load-default-template-button:focus {
  outline-offset: -2px;
}
.zylab-inline-editor .inline-editor-header .readonly-text,
.zylab-inline-editor .inline-editor-header .placeholder-text {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  left: 24px;
  top: 18px;
}
.zylab-inline-editor .inline-editor-header .no-template-text {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  right: 24px;
  top: 18px;
}
@keyframes gutter-highlight-flash-anim-disabled {
  0% {
    color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  }
  10% {
    background-color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + -0.6));
    color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
  }
  80% {
    background-color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + -0.6));
    color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
  }
  100% {
    color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  }
}
.zylab-inline-editor.editor-disabled .gutter-highlight-flash {
  animation: gutter-highlight-flash-anim-disabled 4s;
}

.animation-canvas {
  background-color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
  margin: auto;
  position: relative;
}
.animation-canvas div.loading-card {
  width: -moz-fit-content;
  width: fit-content;
}

@keyframes animate-rotate-180 {
  from {
    transform: none;
  }
  to {
    transform: rotate(180deg);
  }
}
@keyframes animate-bounce {
  0% {
    margin-left: 2px;
  }
  50% {
    margin-left: 10px;
  }
  100% {
    margin-left: 2px;
  }
}
@keyframes animate-anti-bounce {
  0% {
    margin-left: 4px;
  }
  50% {
    margin-left: -4px;
  }
  100% {
    margin-left: 4px;
  }
}
.animation-controls {
  display: flex;
  margin-left: 16px;
}
.animation-controls .normalize-controls {
  height: 32px;
  margin: 0 2px;
  padding: 0;
}
.animation-controls .start-button {
  cursor: pointer;
  margin-top: 5px;
  padding: 0;
}
.animation-controls .start-graphic {
  background-color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  border-radius: 2px;
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
  font-size: 13px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  width: 48px;
}
.animation-controls .back-to-start-button {
  background-color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  border-radius: 2px;
  cursor: pointer;
  float: left;
  height: 10px;
  margin: 11px 6px;
  width: 10px;
}
.animation-controls .pause-button,
.animation-controls .play-button {
  cursor: pointer;
  margin: 0 2px;
}
.animation-controls .play-button {
  border-color: rgba(0, 0, 0, 0) hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  border-style: solid;
  border-width: 10px 0 10px 16px;
  height: 0;
  width: 0;
}
.animation-controls .play-button.rotate-180 {
  animation-duration: 0.5s;
  animation-name: animate-rotate-180;
  transform: rotate(180deg);
}
.animation-controls .play-button.bounce {
  animation-duration: 0.2s;
  animation-name: animate-bounce;
}
.animation-controls .play-button.hide {
  display: none;
}
.animation-controls .pause-button {
  border-color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  border-style: double;
  border-width: 0 0 0 16px;
  height: 20px;
  width: 0;
}
.animation-controls .speed-control {
  font-size: 12px;
  margin-left: 4px;
  margin-top: 6px;
}
.animation-controls .speed-control label {
  padding-top: 2px;
}
.animation-controls .speed-control.anti-bounce {
  animation-duration: 0.2s;
  animation-name: animate-anti-bounce;
}
.animation-controls .step {
  border-radius: 5px;
  color: #6685a8;
  cursor: pointer;
  font-size: 18px;
  height: 32px;
  justify-content: center;
  margin: 0 2px;
  padding: 0;
  width: 22px;
}
.animation-controls .step:hover:not(.disabled) {
  background-color: #f9d8bc;
}
.animation-controls .step.step-highlight {
  border-bottom: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0)) 2px solid;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.animation-controls .step.disabled {
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  cursor: not-allowed;
}
.animation-controls .step .title {
  margin: 0;
}
.animation-controls .ember-tooltip[x-placement^=top].ember-tooltip .ember-tooltip-arrow,
.animation-controls .ember-popover[x-placement^=top].ember-tooltip .ember-tooltip-arrow {
  border-top-color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 10%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.animation-controls .ember-tooltip,
.animation-controls .tooltip-inner {
  background: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 10%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.animation-controls .ember-tooltip {
  text-shadow: none;
}
.animation-controls .tooltip-inner {
  color: hsl(calc(var(--zb-semantic-color-grey-700-h) + 0deg), calc(var(--zb-semantic-color-grey-700-s) + 0%), calc(var(--zb-semantic-color-grey-700-l) + 0%), calc(var(--zb-semantic-color-grey-700-a) + 0));
}

.animation-caption {
  color: hsl(calc(var(--zb-semantic-color-grey-700-h) + 0deg), calc(var(--zb-semantic-color-grey-700-s) + 0%), calc(var(--zb-semantic-color-grey-700-l) + 0%), calc(var(--zb-semantic-color-grey-700-a) + 0));
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  height: auto;
  left: 10px;
  position: absolute;
  text-align: center;
  white-space: pre-wrap;
  word-wrap: break-word;
  z-index: 1;
}

.animation-caption-background {
  background-color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
  position: absolute;
}

.animation-text-object-styles,
.animation-object.animation-code-object,
.animation-object.animation-text-object {
  border-style: none;
  border-width: 0;
  font-style: normal;
  text-align: left;
  white-space: pre;
}

.animation-object {
  border-radius: 0;
  position: absolute;
}
.animation-object pre {
  font-family: "Courier", monospace, sans-serif;
  margin: 0;
}
.animation-object pre span {
  vertical-align: top;
}
.animation-object img {
  height: 100%;
  width: 100%;
}
.animation-object.animation-box-object {
  border-style: solid;
  border-width: 2px;
}
.animation-object.animation-text-object {
  font-family: "Comic Sans MS";
  font-size: 14px;
  line-height: normal;
  padding: 2px;
}
.animation-object.animation-code-object {
  font-family: "Courier", monospace, sans-serif;
  font-size: 12px;
  line-height: 14.16px;
  padding: 5px;
}
.animation-object.animation-triangle-object {
  border-style: solid;
  border-width: 6px 10px 6px 0;
  height: 0;
  margin: 0;
  width: 0;
}
.animation-object.animation-image-object {
  height: 165px;
  width: 165px;
}
.animation-object.animation-gate-object {
  height: 50px;
  width: 60px;
}
.animation-object .and-gate::before {
  background-color: transparent;
  border-style: solid;
  box-sizing: border-box;
  position: absolute;
  border-color: inherit;
  content: "";
  border-width: 2px 0 2px 2px;
  height: 100%;
  left: 0;
  width: 45%;
}
.animation-object .and-gate::after {
  background-color: transparent;
  border-style: solid;
  box-sizing: border-box;
  position: absolute;
  border-color: inherit;
  content: "";
  border-radius: 0 100% 100% 0;
  border-width: 2px 2px 2px 0;
  height: 100%;
  right: 0;
  width: 75%;
}
.animation-object .or-gate-left::before {
  background-color: transparent;
  border-style: solid;
  box-sizing: border-box;
  position: absolute;
  border-color: inherit;
  content: "";
  border-width: 1px 0;
  height: 100%;
  left: 4px;
  width: 21%;
}
.animation-object .or-gate-left::after {
  background-color: transparent;
  border-style: solid;
  box-sizing: border-box;
  position: absolute;
  border-color: inherit;
  content: "";
  border-radius: 0 50% 50% 0;
  border-width: 0 2px 0 0;
  height: 100%;
  left: -25%;
  width: 50%;
}
.animation-object .or-gate-right::before {
  background-color: transparent;
  border-style: solid;
  box-sizing: border-box;
  position: absolute;
  border-color: inherit;
  content: "";
  border-radius: 0 0 100%;
  border-width: 0 2px 1px 0;
  height: 50%;
  right: 0;
  top: 50%;
  width: 75%;
}
.animation-object .or-gate-right::after {
  background-color: transparent;
  border-style: solid;
  box-sizing: border-box;
  position: absolute;
  border-color: inherit;
  content: "";
  border-radius: 0 100% 0 0;
  border-width: 1px 2px 0 0;
  height: 50%;
  right: 0;
  top: 0;
  width: 75%;
}
.animation-object .not-symbol {
  background-color: transparent;
  border-style: solid;
  box-sizing: border-box;
  position: absolute;
  border-radius: 100%;
  border-width: 2px;
  height: 24%;
  right: -20%;
  top: 38%;
  width: 20%;
}
.animation-object .not-gate-left-side {
  background-color: transparent;
  border-style: solid;
  box-sizing: border-box;
  position: absolute;
  border-width: 0 2px 0 0;
  height: 54%;
  right: 27%;
  top: 22%;
  width: 1px;
}
.animation-object .not-gate-top-side {
  background-color: transparent;
  border-style: solid;
  box-sizing: border-box;
  position: absolute;
  border-width: 0 2px 0 0;
  height: 20px;
  right: 11%;
  top: 14%;
  transform: rotate(120deg);
  width: 1px;
}
.animation-object .not-gate-bottom-side {
  background-color: transparent;
  border-style: solid;
  box-sizing: border-box;
  position: absolute;
  border-width: 0 2px 0 0;
  bottom: 16%;
  height: 20px;
  right: 12%;
  transform: rotate(240deg);
  width: 1px;
}
.animation-object .xor-gate-left-curve {
  background-color: transparent;
  border-style: solid;
  box-sizing: border-box;
  position: absolute;
  border-radius: 0 50% 50% 0;
  border-width: 0 2px 0 0;
  height: 100%;
  left: -32%;
  width: 50%;
}

@keyframes view-captions-reveal {
  from {
    max-height: 0;
    opacity: 0;
  }
  to {
    max-height: 500px;
    opacity: 1;
  }
}
.view-captions.hide {
  max-height: 0;
  opacity: 0;
}
.view-captions.hide ol {
  display: none;
}
.view-captions.show {
  max-height: 500px;
  opacity: 1;
}
.view-captions.show ol {
  display: block;
}
.view-captions.reveal {
  animation: view-captions-reveal 4s;
}
.view-captions ol {
  margin: 0;
  padding-inline-end: 20px;
}

.captions-expandable h5 {
  z-index: 1;
}

.content-resource.small-chevrons-forced-right {
  position: relative;
}
.content-resource.small-chevrons-forced-right .chevron-container {
  position: absolute;
  right: 0;
}

.content-resource.container-content-resource {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}
.content-resource.container-content-resource .container-resource-payload div {
  margin: auto;
}
.content-resource.container-content-resource .container-resource-payload .code {
  margin-bottom: 8px;
}
.content-resource.container-content-resource .container-resource-payload img {
  max-width: 100%;
}
.content-resource.container-content-resource .dropzone-content {
  align-items: center;
  background-color: rgba(84, 110, 122, 0.3);
  border-radius: 6px;
  height: 38px;
  justify-content: center;
  padding: 20px;
  text-align: center;
  transition-duration: 0.25s;
}
.content-resource.container-content-resource .dropzone-content.active {
  background-color: rgba(84, 110, 122, 0.5);
}
.content-resource.container-content-resource .dropzone-content a {
  margin-left: 8px;
  padding: 0;
}
.content-resource.container-content-resource .dropzone-content a span {
  margin: 0;
}
.content-resource.container-content-resource .imageError {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
  margin-top: 8px;
}
.content-resource.container-content-resource.video .url-link-container, .content-resource.container-content-resource.iframe .url-link-container {
  align-items: baseline;
}
.content-resource.container-content-resource.video .url-link-container .url-link-input, .content-resource.container-content-resource.iframe .url-link-container .url-link-input {
  padding-right: 16px;
  width: 260px;
}
.content-resource.container-content-resource.table {
  display: block;
}
.content-resource.container-content-resource.table .table-insert-editor {
  height: 38px;
}
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar {
  align-items: center;
  background-color: transparent;
  border: 0;
  height: 38px;
  left: calc(50% - 472px);
  position: absolute;
  top: 0 !important;
  width: 100%;
}
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .fr-btn-grp {
  width: 100%;
}
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .fr-popup {
  left: 380px !important;
}
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .fr-btn:last-child {
  color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  display: flex;
  justify-content: center;
  pointer-events: none;
  text-align: center;
}
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .fr-btn {
  width: 100%;
}
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .fr-btn i {
  left: 200px;
}
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .fr-btn .zb-button i {
  font-size: 24px;
}
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .fr-btn .zb-button span {
  font-size: 16px;
}
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar button:first-of-type {
  left: 0;
  position: absolute;
}
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar button:first-of-type:hover,
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar button:first-of-type .fr-btn-active-popup {
  background-color: transparent;
}
.content-resource.container-content-resource.table .table-insert-editor .fr-toolbar button:first-of-type svg {
  display: none;
}
.content-resource.container-content-resource.table table td {
  min-width: 12px;
}
.content-resource.container-content-resource.table table .fr-selected-cell {
  background-color: #b4d5fe;
}
.content-resource.container-content-resource.image {
  text-align: center;
}
.content-resource.container-content-resource.image .container-resource-payload .fr-img-wrap {
  display: grid;
}
.content-resource.container-content-resource.image .container-resource-payload .fr-img-wrap img {
  margin: auto;
}
.content-resource.container-content-resource.image .container-resource-payload .fr-img-wrap .fr-inner {
  font-size: 12px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 12px;
}
.content-resource.container-content-resource .ace-editor-container {
  max-height: inherit;
  min-height: inherit;
}
.content-resource.container-content-resource .ace-editor-container .ace-editor {
  background-color: hsl(calc(var(--zb-semantic-color-code-background-h) + 0deg), calc(var(--zb-semantic-color-code-background-s) + 0%), calc(var(--zb-semantic-color-code-background-l) + 0%), calc(var(--zb-semantic-color-code-background-a) + 0));
  position: relative;
}
.content-resource.container-content-resource .ace-editor-container .ace-editor .ace_scroller {
  padding: 0 6px;
}
.content-resource.container-content-resource .ace-editor-container .ace-editor .ace_marker-layer .ace_selection {
  background-color: #9cbee7;
  border-radius: 0;
}

.custom-resource-payload .last-submission-info-text, .content-tool-resource-payload .last-submission-info-text {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 14px;
  margin-top: 16px;
}
.custom-resource-payload .submission, .content-tool-resource-payload .submission {
  padding-right: 10px;
}
.custom-resource-payload .view-solution, .content-tool-resource-payload .view-solution {
  padding-right: 10px;
}

.content-tool-resource-payload {
  display: flex;
  flex-direction: column;
}
.content-tool-resource-payload .content-tool-container {
  justify-content: space-between;
  margin: auto;
}

.custom-resource-payload input {
  line-height: normal;
}
.custom-resource-payload .load-template-button-container {
  height: 24px;
}
.custom-resource-payload .load-template-button-container .load-template-button {
  font-size: 14px;
  font-weight: bold;
  position: absolute;
  right: 0;
  top: -12px;
}
.custom-resource-payload .load-error {
  padding: 24px 132px;
  text-align: center;
}
.custom-resource-payload .custom-tool-container {
  justify-content: space-between;
  position: relative;
}
.custom-resource-payload .custom-tool-container.is-loading {
  min-height: 200px;
}
.custom-resource-payload .custom-tool-container .loading-progress-container {
  left: calc(50% - 25px);
  position: absolute;
  top: 80px;
}
.custom-resource-payload .custom-tool-container .mark-resource-complete-container {
  margin: 16px 0;
  max-height: 38px;
}
.custom-resource-payload .custom-tool-container .mark-resource-complete-container button {
  margin-right: 16px;
}
.custom-resource-payload .custom-tool-container .mark-resource-complete-container span {
  padding-top: 6px;
}
.custom-resource-payload .custom-tool {
  margin: 0 auto;
  max-width: 902px;
  overflow: auto hidden;
  padding: 2px;
}

.definition-match-payload span .zyLn {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  height: 2px;
  margin: 2px 0;
  transition-duration: 0.1s;
}
.definition-match-payload .instruction-container {
  margin-bottom: 16px;
  padding: 8px;
}
.definition-match-payload .controls {
  font-size: 13px;
}
.definition-match-payload .definition-match-term {
  list-style: none;
  margin: 8px;
  outline-offset: 2px;
}
.definition-match-payload .definition-match-term &gt; div {
  height: initial;
  min-height: 42px;
  padding: 8px;
  text-align: left;
  white-space: normal;
  width: 100%;
}
.definition-match-payload .definition-match-term &gt; div:hover .zyLn {
  background-color: hsl(calc(var(--zb-semantic-color-definition-match-active-background-h) + 0deg), calc(var(--zb-semantic-color-definition-match-active-background-s) + 0%), calc(var(--zb-semantic-color-definition-match-active-background-l) + 0%), calc(var(--zb-semantic-color-definition-match-active-background-a) + 0));
}
.definition-match-payload .definition-match-term &gt; div i {
  position: initial;
}
.definition-match-payload .definition-match-term.zb-sortable-item-chosen &gt; div {
  background-color: hsl(calc(var(--zb-semantic-color-definition-match-item-chosen-background-h) + 0deg), calc(var(--zb-semantic-color-definition-match-item-chosen-background-s) + 0%), calc(var(--zb-semantic-color-definition-match-item-chosen-background-l) + 0%), calc(var(--zb-semantic-color-definition-match-item-chosen-background-a) + 0));
  border: hsl(calc(var(--zb-semantic-color-black-h) + 0deg), calc(var(--zb-semantic-color-black-s) + 0%), calc(var(--zb-semantic-color-black-l) + 0%), calc(var(--zb-semantic-color-black-a) + 0)) solid 1px;
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}
.definition-match-payload .term-bank {
  align-items: flex-start;
  border: 1px transparent solid;
  flex-wrap: wrap;
  list-style: none;
  min-height: 60px;
  padding: 0;
  width: 100%;
}
.definition-match-payload hr {
  border: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  margin: 0 0 16px;
  width: calc(100% - 14px);
}
.definition-match-payload .definition-row {
  margin-bottom: 8px;
  min-height: 38px;
}
.definition-match-payload .definition-row:has(.zb-sortable-item-ghost) .definition {
  background-color: hsl(calc(var(--zb-semantic-color-definition-match-active-background-h) + 0deg), calc(var(--zb-semantic-color-definition-match-active-background-s) + 0%), calc(var(--zb-semantic-color-definition-match-active-background-l) + 0%), calc(var(--zb-semantic-color-definition-match-active-background-a) + 0));
}
.definition-match-payload .definition-row:has(.zb-sortable-container-sorting-from) .definition-match-explanation {
  visibility: hidden;
}
.definition-match-payload .definition-row:has(.zb-sortable-container-sorting-from) .definition hr {
  display: none;
}
.definition-match-payload .definition-row:has(.zb-sortable-container-sorting-from) .definition .explanation-text {
  display: none;
}
.definition-match-payload .definition-row.hover .term-bucket {
  background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-hover-secondary-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-hover-secondary-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-secondary-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-secondary-a) + 0));
}
.definition-match-payload .definition-row .term-bucket {
  align-items: stretch;
  background-color: hsl(calc(var(--zb-semantic-color-definition-match-bucket-background-h) + 0deg), calc(var(--zb-semantic-color-definition-match-bucket-background-s) + 0%), calc(var(--zb-semantic-color-definition-match-bucket-background-l) + 0%), calc(var(--zb-semantic-color-definition-match-bucket-background-a) + 0));
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  display: flex;
  max-width: 50%;
  min-height: 42px;
  min-width: 280px;
}
.definition-match-payload .definition-row .term-bucket .definition-match-term {
  display: flex;
  margin: 0;
  width: 100%;
}
.definition-match-payload .definition-row .definition {
  background-color: hsl(calc(var(--zb-semantic-color-definition-match-definition-background-h) + 0deg), calc(var(--zb-semantic-color-definition-match-definition-background-s) + 0%), calc(var(--zb-semantic-color-definition-match-definition-background-l) + 0%), calc(var(--zb-semantic-color-definition-match-definition-background-a) + 0));
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  color: hsl(calc(var(--zb-semantic-color-definition-match-definition-h) + 0deg), calc(var(--zb-semantic-color-definition-match-definition-s) + 0%), calc(var(--zb-semantic-color-definition-match-definition-l) + 0%), calc(var(--zb-semantic-color-definition-match-definition-a) + 0));
  flex-grow: 1;
  margin-left: 2px;
  padding: 6px;
  padding-left: 16px;
  padding-right: 16px;
}
.definition-match-payload .definition-row .definition hr {
  margin-bottom: 8px;
}
.definition-match-payload .definition-row .definition .explanation-text {
  font-size: 14px;
}
.definition-match-payload .definition-row .definition-match-explanation {
  font-size: 14px;
  margin-left: 24px;
  min-height: 100%;
  min-width: 70px;
  padding-left: 16px;
  padding-top: 8px;
  position: relative;
}
.definition-match-payload .definition-row .definition-match-explanation.correct .message {
  color: hsl(calc(var(--zb-semantic-color-success-h) + 0deg), calc(var(--zb-semantic-color-success-s) + 0%), calc(var(--zb-semantic-color-success-l) + 0%), calc(var(--zb-semantic-color-success-a) + 0));
  font-size: inherit;
  margin: 0;
}
.definition-match-payload .definition-row .definition-match-explanation.correct::after {
  border: 2px solid hsl(calc(var(--zb-semantic-color-success-h) + 0deg), calc(var(--zb-semantic-color-success-s) + 0%), calc(var(--zb-semantic-color-success-l) + 0%), calc(var(--zb-semantic-color-success-a) + 0));
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 0;
}
.definition-match-payload .definition-row .definition-match-explanation.incorrect .message {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
  font-size: inherit;
  margin: 0;
}
.definition-match-payload .definition-row .definition-match-explanation.incorrect::after {
  border: 2px solid hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 0;
}
.definition-match-payload .reset-button-container {
  justify-content: flex-end;
  margin-right: 110px;
}

.detect-answer-payload .label {
  margin-right: 8px;
  padding-top: 18px;
}

.detect-answer-question {
  margin-top: 16px;
}
.detect-answer-question .question {
  font-size: 13px;
  margin-top: 0;
  white-space: pre-wrap;
}
.detect-answer-question.question-set-question {
  justify-content: flex-start;
}
.detect-answer-question button {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  border: 1px dashed hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  cursor: pointer;
  font-weight: unset;
  height: unset;
  outline: none;
}
.detect-answer-question button.clicked.incorrect {
  background-color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + -0.5));
  border: 2px dashed hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.detect-answer-question button.clicked.correct {
  background-color: hsl(calc(var(--zb-semantic-color-success-h) + 0deg), calc(var(--zb-semantic-color-success-s) + 0%), calc(var(--zb-semantic-color-success-l) + 0%), calc(var(--zb-semantic-color-success-a) + -0.5));
  border: 2px dashed hsl(calc(var(--zb-semantic-color-success-h) + 0deg), calc(var(--zb-semantic-color-success-s) + 0%), calc(var(--zb-semantic-color-success-l) + 0%), calc(var(--zb-semantic-color-success-a) + 0));
}
.detect-answer-question button .title {
  margin: 0;
}

.edit-vm-it-lab-content-resource .card-margin {
  margin-bottom: 48px;
}
.edit-vm-it-lab-content-resource .point-input input {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  border: 1px solid #cfd8dc;
  box-sizing: border-box;
  height: 28px;
  padding: 4px;
}
.edit-vm-it-lab-content-resource .add-code-button {
  padding: 0;
}
.edit-vm-it-lab-content-resource .add-code-button span {
  margin: 0;
}
.edit-vm-it-lab-content-resource .zb-textarea-container label {
  display: inline-block;
}
.edit-vm-it-lab-content-resource .zb-checkbox label {
  padding-bottom: 12px;
  padding-left: 24px;
  padding-right: 12px;
}
.edit-vm-it-lab-content-resource .delete-image {
  border-color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
  border-radius: 50%;
  height: 25px;
  padding: 0;
  position: absolute;
  right: -5px;
  top: -5px;
  width: 25px;
}
.edit-vm-it-lab-content-resource .delete-image i {
  margin: auto;
}
.edit-vm-it-lab-content-resource .item-container:nth-child(odd) {
  background-color: hsl(calc(var(--zb-semantic-color-list-background-h) + 0deg), calc(var(--zb-semantic-color-list-background-s) + 0%), calc(var(--zb-semantic-color-list-background-l) + 0%), calc(var(--zb-semantic-color-list-background-a) + 0));
}
.edit-vm-it-lab-content-resource .padding-top {
  padding-top: 14px;
}
.edit-vm-it-lab-content-resource .vm-image-options {
  display: flex;
  margin-top: 8px;
}
.edit-vm-it-lab-content-resource .vm-image-options .zb-input-container {
  flex-grow: 1;
  width: 0;
}
.edit-vm-it-lab-content-resource .vm-image-options .zb-power-select-container {
  flex-grow: 1;
  width: 0;
}

.html-content-resource .presentation-terms-list {
  margin-bottom: 24px;
  padding: 0;
}
.html-content-resource .presentation-terms-list li {
  list-style: none;
  margin-bottom: 16px;
}
.html-content-resource .presentation-terms-list li .keyword {
  color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
  font-size: 32px;
}
.html-content-resource .presentation-terms-list li .definition {
  font-size: 24px;
}
.html-content-resource.edit {
  margin-bottom: 10px;
}
.html-content-resource.edit .delete-resource-button {
  margin-right: 16px;
}
.html-content-resource.edit .fr-box.fr-basic .fr-element {
  padding: 0;
}
.html-content-resource .zb-rich-text-editor .fr-box.fr-basic .fr-wrapper {
  border: none;
}

.resource-container,
.static-container,
.interactive-activity-container {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  border: 1px solid hsl(calc(var(--zb-semantic-color-zybook-activity-border-h) + 0deg), calc(var(--zb-semantic-color-zybook-activity-border-s) + 0%), calc(var(--zb-semantic-color-zybook-activity-border-l) + 0%), calc(var(--zb-semantic-color-zybook-activity-border-a) + 0));
  box-shadow: 0 3px 1px -2px hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.86)), 0 2px 2px 0 hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.902)), 0 1px 5px 0 hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.916));
  clear: both;
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  margin-bottom: 30px;
}
.resource-container.large,
.large.static-container,
.large.interactive-activity-container {
  width: 970px;
}
.resource-container.medium,
.medium.static-container,
.medium.interactive-activity-container {
  width: 720px;
}
.resource-container.small,
.small.static-container,
.small.interactive-activity-container {
  width: 480px;
}
.resource-container h1,
.resource-container h2,
.resource-container h3,
.resource-container h4,
.resource-container h5,
.static-container h1,
.interactive-activity-container h1,
.static-container h2,
.interactive-activity-container h2,
.static-container h3,
.interactive-activity-container h3,
.static-container h4,
.interactive-activity-container h4,
.static-container h5,
.interactive-activity-container h5 {
  color: hsl(calc(var(--zb-semantic-color-zybook-activity-heading-h) + 0deg), calc(var(--zb-semantic-color-zybook-activity-heading-s) + 0%), calc(var(--zb-semantic-color-zybook-activity-heading-l) + 0%), calc(var(--zb-semantic-color-zybook-activity-heading-a) + 0));
}
.resource-container .zb-input-container input,
.static-container .zb-input-container input,
.interactive-activity-container .zb-input-container input {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}
.resource-container .custom-tool,
.resource-container .zyimage,
.static-container .custom-tool,
.interactive-activity-container .custom-tool,
.static-container .zyimage,
.interactive-activity-container .zyimage {
  background-color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-black-h) + 0deg), calc(var(--zb-semantic-color-black-s) + 0%), calc(var(--zb-semantic-color-black-l) + 0%), calc(var(--zb-semantic-color-black-a) + 0));
}
.resource-container .custom-tool,
.static-container .custom-tool,
.interactive-activity-container .custom-tool {
  padding: 10px;
}
.resource-container .activity-description,
.static-container .activity-description,
.interactive-activity-container .activity-description {
  align-items: center;
  display: flex;
  flex-grow: 1;
  font-size: 16px;
  justify-content: space-between;
  padding-left: 12px;
}
.resource-container .activity-description .activity-title,
.static-container .activity-description .activity-title,
.interactive-activity-container .activity-description .activity-title {
  color: hsl(calc(var(--zb-semantic-color-zybook-activity-heading-h) + 0deg), calc(var(--zb-semantic-color-zybook-activity-heading-s) + 0%), calc(var(--zb-semantic-color-zybook-activity-heading-l) + 0%), calc(var(--zb-semantic-color-zybook-activity-heading-a) + 0));
  max-width: 100%;
}
.resource-container .activity-description .edit-activity-controls,
.static-container .activity-description .edit-activity-controls,
.interactive-activity-container .activity-description .edit-activity-controls {
  align-items: center;
  flex: 1;
  justify-content: space-between;
  margin: 0 16px;
}
.resource-container .activity-description .edit-activity-controls .zb-input-container,
.static-container .activity-description .edit-activity-controls .zb-input-container,
.interactive-activity-container .activity-description .edit-activity-controls .zb-input-container {
  height: 38px;
  margin-top: 10px;
  width: 450px;
}
.resource-container .activity-description .third-party-warning,
.static-container .activity-description .third-party-warning,
.interactive-activity-container .activity-description .third-party-warning {
  font-size: 12px;
  margin-left: auto;
  max-width: 360px;
}
.resource-container .activity-type,
.static-container .activity-type,
.interactive-activity-container .activity-type {
  align-self: center;
  border-right: 2px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  font-size: 11px;
  height: 32px;
  padding: 0 12px;
  text-transform: uppercase;
  width: -moz-min-content;
  width: min-content;
}

.interactive-activity-container {
  min-width: 500px;
}
.interactive-activity-container .activity-title-bar {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-activity-dark-background-h) + 0deg), calc(var(--zb-semantic-color-zybook-activity-dark-background-s) + 0%), calc(var(--zb-semantic-color-zybook-activity-dark-background-l) + 0%), calc(var(--zb-semantic-color-zybook-activity-dark-background-a) + 0));
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-zybook-activity-border-h) + 0deg), calc(var(--zb-semantic-color-zybook-activity-border-s) + 0%), calc(var(--zb-semantic-color-zybook-activity-border-l) + 0%), calc(var(--zb-semantic-color-zybook-activity-border-a) + 0));
  box-sizing: border-box;
  display: flex;
  margin-bottom: 16px;
  min-height: 50px;
}
.interactive-activity-container .activity-title-bar h5 {
  margin: 0;
}
.interactive-activity-container .activity-title-bar .activity-description .title-bar-chevron-container {
  align-items: center;
}
.interactive-activity-container .activity-title-bar .activity-description .title-bar-chevron-container .lab-score,
.interactive-activity-container .activity-title-bar .activity-description .title-bar-chevron-container .lti-score {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  line-height: 42px;
  margin-left: 10px;
  white-space: nowrap;
}
.interactive-activity-container .activity-title-bar .activity-description .title-bar-chevron-container .title-bar-chevron,
.interactive-activity-container .activity-title-bar .activity-description .title-bar-chevron-container .zb-progress-circular {
  margin: 0 9px 4px;
}
.interactive-activity-container .activity-title-bar .activity-description .resource-optional-badge {
  margin-right: 4px;
}
.interactive-activity-container .activity-title-bar .activity-title-bar-option-trigger {
  background-color: transparent;
}
.interactive-activity-container .activity-title-bar .activity-title-bar-option-trigger i {
  margin-right: 0;
}
.interactive-activity-container .activity-title-bar .activity-title-bar-option {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 200px;
}
.interactive-activity-container .activity-description.edit {
  align-items: center;
}
.interactive-activity-container .activity-description.edit .zb-button {
  height: 22px;
  margin-right: 18px;
  padding: 0 1px;
}
.interactive-activity-container .activity-description.edit .zb-button .zb-icon {
  font-size: 18px;
}
.interactive-activity-container .activity-description.edit .zb-input-container {
  height: 28px;
  margin-left: 3px;
  margin-right: auto;
  width: 450px;
}
.interactive-activity-container .activity-description.edit .ember-basic-dropdown {
  margin-left: auto;
  margin-right: 16px;
  width: 75px;
}
.interactive-activity-container .question-set-instructions-input {
  margin-bottom: 16px;
  margin-right: 50px;
}
.interactive-activity-container .question-set-instructions-input .fr-box.fr-basic .fr-element {
  padding: 0;
}
.interactive-activity-container.large.fullscreen, .interactive-activity-container.medium.fullscreen, .interactive-activity-container.small.fullscreen {
  height: 100%;
  margin-bottom: 0;
  width: 100%;
}
.interactive-activity-container.large.fullscreen .activity-payload, .interactive-activity-container.medium.fullscreen .activity-payload, .interactive-activity-container.small.fullscreen .activity-payload {
  flex-grow: 1;
  overflow-y: auto;
}
.interactive-activity-container.large.fullscreen .custom-resource-payload .custom-tool, .interactive-activity-container.medium.fullscreen .custom-resource-payload .custom-tool, .interactive-activity-container.small.fullscreen .custom-resource-payload .custom-tool {
  max-width: none;
}
.interactive-activity-container .activity-payload {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  margin: 12px;
  margin-right: 0;
}
.interactive-activity-container .activity-payload .zystudio-docked-container-btns {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  margin-right: 2rem;
  padding: 32px 0;
  position: relative;
  z-index: 1;
}
.interactive-activity-container .activity-payload .activity-buttons {
  display: flex;
  flex-direction: row-reverse;
}
.interactive-activity-container .activity-payload .activity-instructions {
  margin-bottom: 16px;
  margin-right: 50px;
}
.interactive-activity-container .activity-payload .activity-instructions .table .spreadsheet-table {
  table-layout: fixed;
  width: 100%;
}
.interactive-activity-container .activity-payload .activity-instructions .table .spreadsheet-table td {
  background-color: hsl(calc(var(--zb-semantic-color-table-spreadsheet-background-h) + 0deg), calc(var(--zb-semantic-color-table-spreadsheet-background-s) + 0%), calc(var(--zb-semantic-color-table-spreadsheet-background-l) + 0%), calc(var(--zb-semantic-color-table-spreadsheet-background-a) + 0));
}
.interactive-activity-container .activity-payload .activity-instructions .table .spreadsheet-table th {
  color: hsl(calc(var(--zb-semantic-color-table-header-h) + 0deg), calc(var(--zb-semantic-color-table-header-s) + 0%), calc(var(--zb-semantic-color-table-header-l) + 0%), calc(var(--zb-semantic-color-table-header-a) + 0));
  font-weight: bold;
}
.interactive-activity-container .activity-payload .activity-instructions .table .spreadsheet-table th,
.interactive-activity-container .activity-payload .activity-instructions .table .spreadsheet-table td {
  height: 1em;
  text-align: center;
  vertical-align: bottom;
}
.interactive-activity-container .activity-payload .activity-instructions .table .spreadsheet-table tr &gt; th:first-child {
  width: 8%;
}
.interactive-activity-container .activity-payload .fr-element {
  padding: 0;
}
.interactive-activity-container .activity-payload .fr-view {
  margin-bottom: 12px;
  margin-right: 16px;
}
.interactive-activity-container .mode-iframe {
  display: block;
  height: 600px;
  margin: 0 0 15px;
  resize: both;
  width: 95%;
}
.interactive-activity-container .zb-rich-text-editor .fr-box.fr-basic .fr-wrapper {
  border: none;
}
.interactive-activity-container.challenge .activity-title-bar {
  border-left: 4px solid hsl(calc(var(--zb-semantic-color-zybook-challenge-h) + 0deg), calc(var(--zb-semantic-color-zybook-challenge-s) + 0%), calc(var(--zb-semantic-color-zybook-challenge-l) + 0%), calc(var(--zb-semantic-color-zybook-challenge-a) + 0));
}
.interactive-activity-container.lab .activity-title-bar {
  border-left: 4px solid hsl(calc(var(--zb-semantic-color-zybook-lab-h) + 0deg), calc(var(--zb-semantic-color-zybook-lab-s) + 0%), calc(var(--zb-semantic-color-zybook-lab-l) + 0%), calc(var(--zb-semantic-color-zybook-lab-a) + 0));
}
.interactive-activity-container.exercise .activity-title-bar {
  border-left: 4px solid hsl(calc(var(--zb-semantic-color-zybook-exercise-h) + 0deg), calc(var(--zb-semantic-color-zybook-exercise-s) + 0%), calc(var(--zb-semantic-color-zybook-exercise-l) + 0%), calc(var(--zb-semantic-color-zybook-exercise-a) + 0));
}
.interactive-activity-container.participation .activity-title-bar {
  border-left: 4px solid hsl(calc(var(--zb-semantic-color-zybook-participation-h) + 0deg), calc(var(--zb-semantic-color-zybook-participation-s) + 0%), calc(var(--zb-semantic-color-zybook-participation-l) + 0%), calc(var(--zb-semantic-color-zybook-participation-a) + 0));
}
.interactive-activity-container.static .activity-title-bar {
  border-left: 4px solid hsl(calc(var(--zb-semantic-color-zybook-static-h) + 0deg), calc(var(--zb-semantic-color-zybook-static-s) + 0%), calc(var(--zb-semantic-color-zybook-static-l) + 0%), calc(var(--zb-semantic-color-zybook-static-a) + 0));
}
.interactive-activity-container.studio .activity-title-bar {
  border-left: 4px solid hsl(calc(var(--zb-semantic-color-zybook-studio-h) + 0deg), calc(var(--zb-semantic-color-zybook-studio-s) + 0%), calc(var(--zb-semantic-color-zybook-studio-l) + 0%), calc(var(--zb-semantic-color-zybook-studio-a) + 0));
}

.fullscreen-icon {
  left: -4px;
}
.fullscreen-icon .material-icons {
  font-size: 30px;
}

.image-content-resource {
  justify-content: center;
}
.image-content-resource img {
  align-self: center;
  max-width: 100%;
}
.image-content-resource .pull-left {
  float: left;
  justify-content: initial;
  margin-bottom: 15px;
  margin-right: 15px;
}
.image-content-resource .pull-right {
  float: right;
  justify-content: initial;
  margin-bottom: 15px;
  margin-left: 15px;
}

.vm-it-lab-content-resource .scroll-button-container-1 {
  align-self: flex-end;
  background: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  border-radius: 20px;
  box-shadow: 0 3px 1px -2px hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.86)), 0 2px 2px 0 hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.902)), 0 1px 5px 0 hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.916));
  margin-right: 4px;
}
.vm-it-lab-content-resource .scroll-button-container-1 .scroll-button-container-2 {
  border-color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  margin: 4px;
}
.vm-it-lab-content-resource .scroll-button {
  height: 25px;
  padding: 0;
  width: 25px;
}
.vm-it-lab-content-resource .vm-it-lab-markdown p {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  margin-top: 0;
}
.vm-it-lab-content-resource .vm-it-lab-markdown pre code {
  margin: 8px 0;
}
.vm-it-lab-content-resource .vm-it-lab-markdown table {
  margin: 16px 0;
}
.vm-it-lab-content-resource .vm-it-lab-markdown ul {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}
.vm-it-lab-content-resource .vm-it-lab-markdown li {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}
.vm-it-lab-content-resource .floating-toolbar {
  align-items: flex-end;
  bottom: 8px;
  gap: 10px;
  justify-content: space-between;
  position: sticky;
}
.vm-it-lab-content-resource .floating-toolbar .instruction-page-navigator {
  background: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  border-radius: 100px;
  box-shadow: 0 3px 1px -2px hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.86)), 0 2px 2px 0 hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.902)), 0 1px 5px 0 hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.916));
  justify-content: center;
  position: sticky;
  width: 140px;
}
.vm-it-lab-content-resource .floating-toolbar .instruction-page-navigator .navigator-text {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 12px;
  margin-top: 12px;
  padding: 0;
}
.vm-it-lab-content-resource .floating-toolbar .instruction-page-navigator .zb-button {
  border: 0;
  padding: 0;
}
.vm-it-lab-content-resource .floating-toolbar .instruction-page-messenger {
  align-items: center;
  background: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  border-radius: 100px;
  box-shadow: 0 3px 1px -2px hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.86)), 0 2px 2px 0 hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.902)), 0 1px 5px 0 hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.916));
  gap: 7.5px;
  padding: 7px;
  position: sticky;
}
.vm-it-lab-content-resource .floating-toolbar .instruction-page-messenger .page-completion-message {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 12px;
  margin: 5px;
}
.vm-it-lab-content-resource .floating-toolbar .total-points {
  align-items: flex-end;
  position: sticky;
}
.vm-it-lab-content-resource .summative-chevron-container {
  align-items: flex-end;
  background: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  border-radius: 4px;
  box-shadow: 0 3px 1px -2px hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.86)), 0 2px 2px 0 hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.902)), 0 1px 5px 0 hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.916));
  padding-left: 4px;
}
.vm-it-lab-content-resource .summative-chevron-container label {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}
.vm-it-lab-content-resource .page-number-text {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  font-size: 12px;
  width: 150px;
}
.vm-it-lab-content-resource .incomplete-page-warning {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 12px;
  margin: 5px;
}
.vm-it-lab-content-resource .completion-divider {
  background-color: hsl(calc(var(--zb-semantic-color-grey-400-h) + 0deg), calc(var(--zb-semantic-color-grey-400-s) + 0%), calc(var(--zb-semantic-color-grey-400-l) + 0%), calc(var(--zb-semantic-color-grey-400-a) + 0));
  height: 44px;
  width: 1px;
}
.vm-it-lab-content-resource .currently-done-label {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  margin-top: 2px;
  white-space: nowrap;
}
.vm-it-lab-content-resource .zb-chevron {
  min-width: 18px;
}
.vm-it-lab-content-resource .zb-modal-content {
  padding: 8px;
}
.vm-it-lab-content-resource img {
  max-width: 100%;
}
.vm-it-lab-content-resource .zb-input-label {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}
.vm-it-lab-content-resource .zb-input-label label {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}
.vm-it-lab-content-resource .step-completion-info label {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}

.activity-payload .lti-content-resource {
  margin-right: 12px;
  width: 946px;
}
.activity-payload .lti-content-resource iframe {
  margin-bottom: 24px;
}
.activity-payload .lti-content-resource .zb-expandable-card {
  margin-bottom: 24px;
}
.activity-payload .lti-content-resource .zb-expandable-card .zb-card-content {
  margin: 0;
}
.activity-payload .lti-content-resource .zb-expandable-card .card-title {
  font-size: 18px;
}
.activity-payload .lti-content-resource .zb-expandable-card .solution-info-text,
.activity-payload .lti-content-resource .zb-expandable-card .view-permission-text {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 14px;
  margin-top: 16px;
}
.activity-payload .lti-content-resource .zb-expandable-card .view-permission-text {
  font-size: 12px;
  font-style: italic;
}

.two-reorderable-lists pre code, .block-ordering-pa2-column pre code, .block-ordering-ca2-column pre code, .markdown-content-resource pre code,
.lab-spec pre code {
  margin: 8px 0;
}
.two-reorderable-lists table, .block-ordering-pa2-column table, .block-ordering-ca2-column table, .markdown-content-resource table,
.lab-spec table {
  margin-bottom: 16px;
  margin-top: 16px;
}

.multiple-choice-payload.sortable-questions .sortable-objects {
  display: grid;
  grid-template-columns: 40px 1fr;
}
.multiple-choice-payload.sortable-questions .sortable-objects .draggable-object {
  display: flex;
  height: 22px;
  justify-content: space-between;
  margin-bottom: auto;
  margin-left: -8px;
  margin-top: -4px;
  padding: 4px;
}
.multiple-choice-payload.sortable-questions .sortable-objects .gripper-icon {
  font-size: 22px;
}

.definition-match-question,
.multiple-choice-question {
  justify-content: space-between;
}
.definition-match-question.multiple-choice-question,
.multiple-choice-question.multiple-choice-question {
  margin-bottom: 12px;
  min-height: 92px;
}
.definition-match-question .setup,
.multiple-choice-question .setup {
  min-height: 22px;
}
.definition-match-question .question-choices,
.definition-match-question fieldset,
.multiple-choice-question .question-choices,
.multiple-choice-question fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
.definition-match-question .question-choices p,
.definition-match-question fieldset p,
.multiple-choice-question .question-choices p,
.multiple-choice-question fieldset p {
  margin-bottom: 0;
}
.definition-match-question .question-choices .zb-radio-button,
.definition-match-question fieldset .zb-radio-button,
.multiple-choice-question .question-choices .zb-radio-button,
.multiple-choice-question fieldset .zb-radio-button {
  margin-left: 40px;
  margin-right: auto;
  margin-top: 8px;
  min-height: 22px;
}
.definition-match-question .question-choices .zb-radio-button.fewer-margin,
.definition-match-question fieldset .zb-radio-button.fewer-margin,
.multiple-choice-question .question-choices .zb-radio-button.fewer-margin,
.multiple-choice-question fieldset .zb-radio-button.fewer-margin {
  margin-left: 8px;
}
.definition-match-question .question-choices.label-gets-typeset .zb-radio-button,
.definition-match-question fieldset.label-gets-typeset .zb-radio-button,
.multiple-choice-question .question-choices.label-gets-typeset .zb-radio-button,
.multiple-choice-question fieldset.label-gets-typeset .zb-radio-button {
  margin-top: 22px;
}
.definition-match-question .MathJax_Display,
.definition-match-question .MathJax_SVG_Display,
.definition-match-question mjx-container[jax=SVG][display=true],
.multiple-choice-question .MathJax_Display,
.multiple-choice-question .MathJax_SVG_Display,
.multiple-choice-question mjx-container[jax=SVG][display=true] {
  padding: 0;
}
.definition-match-question.edit-question,
.multiple-choice-question.edit-question {
  flex: 1;
}
.definition-match-question.edit-question .question-instructions,
.multiple-choice-question.edit-question .question-instructions {
  height: 40px;
}
.definition-match-question.edit-question .question-instructions .froala-editor-container,
.multiple-choice-question.edit-question .question-instructions .froala-editor-container {
  flex: 1;
  margin-left: 8px;
}
.definition-match-question.edit-question .setup,
.multiple-choice-question.edit-question .setup {
  margin-bottom: 10px;
}
.definition-match-question.edit-question .multiple-choice-option,
.multiple-choice-question.edit-question .multiple-choice-option {
  display: flex;
  margin-bottom: 10px;
  position: relative;
  width: 482px;
}
.definition-match-question.edit-question .multiple-choice-option.no-margin .zb-icon,
.multiple-choice-question.edit-question .multiple-choice-option.no-margin .zb-icon {
  left: -40px;
  position: absolute;
}
.definition-match-question.edit-question .multiple-choice-option.no-margin .zb-radio-button,
.multiple-choice-question.edit-question .multiple-choice-option.no-margin .zb-radio-button {
  margin-left: 0;
}
.definition-match-question.edit-question .multiple-choice-option .zb-rich-text-editor,
.multiple-choice-question.edit-question .multiple-choice-option .zb-rich-text-editor {
  margin-top: 8px;
}
.definition-match-question.edit-question .multiple-choice-option .zb-icon,
.multiple-choice-question.edit-question .multiple-choice-option .zb-icon {
  height: 24px;
  margin-left: 8px;
  margin-top: 6px;
}
.definition-match-question.edit-question .gripper-icon,
.multiple-choice-question.edit-question .gripper-icon {
  cursor: pointer;
}
.definition-match-question.edit-question .zb-button,
.multiple-choice-question.edit-question .zb-button {
  margin-right: 18px;
  margin-top: 8px;
}
.definition-match-question.edit-question .fr-element,
.multiple-choice-question.edit-question .fr-element {
  padding: 0;
}

.question-set-question {
  justify-content: space-between;
  margin-bottom: 16px;
  min-height: 60px;
}
.question-set-question .question {
  flex: 1;
}
.question-set-question .setup,
.question-set-question .question-choices {
  max-width: 508px;
}
.question-set-question .setup .label {
  line-height: 20px;
  margin-right: 8px;
}
.question-set-question .edit-question-controls {
  height: 100%;
  justify-content: end;
  margin-bottom: auto;
  margin-left: 24px;
  margin-right: 8px;
  max-width: 350px;
}
.question-set-question .edit-question-controls .zb-button {
  margin: auto;
}
.question-set-question .edit-question-controls .choices-controls {
  align-items: center;
  justify-content: space-between;
}
.question-set-question .edit-question-controls .choices-controls .zb-button {
  height: 18px;
}
.question-set-question .required-explanation-message {
  color: hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
  width: 450px;
}
.question-set-question .required-explanation-message .message {
  margin-right: 32px;
}
.question-set-question .required-explanation-message .message span {
  font-weight: 600;
}
.question-set-question .required-explanation-message .message p {
  font-size: 12px;
}
.question-set-question .zb-input-container {
  height: auto;
}
.question-set-question .zb-input-container input {
  border: 1px solid hsl(calc(var(--zb-semantic-color-input-label-h) + 0deg), calc(var(--zb-semantic-color-input-label-s) + 0%), calc(var(--zb-semantic-color-input-label-l) + 0%), calc(var(--zb-semantic-color-input-label-a) + 0));
}
.question-set-question .MathJax_Display,
.question-set-question .MathJax_SVG_Display,
.question-set-question mjx-container[jax=SVG][display=true] {
  display: inline-block !important;
  text-indent: 0;
  width: inherit;
}

.short-answer-payload.sortable-questions .sortable-objects {
  display: grid;
  grid-template-columns: 40px 1fr;
}
.short-answer-payload.sortable-questions .sortable-objects .draggable-object {
  display: flex;
  height: 22px;
  justify-content: space-between;
  margin-bottom: auto;
  margin-left: -8px;
  margin-top: -4px;
  padding: 4px;
}
.short-answer-payload.sortable-questions .sortable-objects .gripper-icon {
  font-size: 22px;
}

.short-answer-question .control-column {
  margin-top: 37px;
}
.short-answer-question .control-column .zb-checkbox {
  display: inline;
  margin-left: 16px;
  margin-top: 12px;
}
.short-answer-question .control-column .zb-checkbox.label-present label {
  padding-right: 18px;
}
.short-answer-question .control-column .zb-icon {
  margin-left: 5px;
}
.short-answer-question .question-container {
  margin: 8px 0 0 24px;
  min-width: 200px;
  overflow-x: auto;
}
.short-answer-question .question-container.no-margin {
  margin: 0;
  margin-left: -16px;
  margin-top: 8px;
}
.short-answer-question .question-container .input {
  align-self: center;
}
.short-answer-question .question-container .input .input-row {
  display: grid;
  grid-row-gap: 10px;
  grid-template-columns: 360px 1fr;
}
.short-answer-question .question-container .input .input-row .zb-icon {
  margin-bottom: 12px;
}
.short-answer-question .question-container .input .input-row .zb-textarea-container {
  min-height: 25px;
  overflow: hidden;
}
.short-answer-question .question-container .input .input-row .zb-textarea-container.not-valid-box .zb-textarea {
  border: 1px solid #b90b13;
}
.short-answer-question .question-container .input pre {
  display: inline-block;
  font-family: monospace;
  font-size: 14px;
  margin: 0;
}
.short-answer-question .question-container .input pre div {
  display: inline;
}
.short-answer-question .question-container .input .buttons {
  margin-bottom: 8px;
  margin-top: 8px;
}
.short-answer-question .question-container .input .buttons .show-answer-button {
  font-size: 14px;
  margin-left: 8px;
}
.short-answer-question .question-container .zb-text-area {
  padding: 0 4px;
  width: initial;
}
.short-answer-question .question-container .zb-text-area ::-moz-placeholder {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
}
.short-answer-question .question-container .zb-text-area ::placeholder {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
}
.short-answer-question .show-again {
  margin: 16px 0;
}
.short-answer-question .whitespace-differs {
  margin: 0 0 8px;
}
.short-answer-question .zb-input-container {
  font-size: 14px;
}
.short-answer-question .short-answer-input-container,
.short-answer-question .short-answer-textarea-container {
  display: inline-block;
}
.short-answer-question .zb-explanation {
  flex-basis: 50%;
  height: initial;
  margin-left: 0;
}
.short-answer-question .zb-explanation .zb-button {
  margin-left: 315px;
}
.short-answer-question .zb-rich-text-editor {
  min-height: 25px;
  overflow: hidden;
}
.short-answer-question .zb-rich-text-editor.question-prompt {
  width: 200px;
}
.short-answer-question .zb-rich-text-editor.question-prompt .fr-box.fr-basic .fr-element {
  padding: 0;
}
.short-answer-question .zb-rich-text-editor.valid {
  border-bottom: 1px solid transparent;
}
.short-answer-question .zb-rich-text-editor.not-valid {
  border-bottom: 1px solid #b90b13;
}

.MLK__rows &gt; .row .action.check {
  background-color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
}
.MLK__rows &gt; .row .action.check:hover {
  background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-hover-primary-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-hover-primary-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-primary-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-hover-primary-a) + 0));
}
.MLK__rows &gt; .row .label {
  align-items: flex-start;
  background: none;
  border: none;
  cursor: default;
  font-size: 1rem;
  justify-content: end;
  outline: inherit;
  padding: 0;
  pointer-events: none;
}
.MLK__rows &gt; .row .label:hover {
  background: none;
}
.MLK__rows &gt; .row .half-height {
  height: var(--_keycap-height) / 2;
}

math-field {
  --highlight-text: transparent;
}

.static-container {
  align-items: flex-start;
}
.static-container.edit {
  overflow: inherit;
}
.static-container .static-container-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 16px;
  width: calc(100% - 32px);
}
.static-container .static-container-header.edit {
  align-items: center;
  margin: 20px;
}
.static-container .static-container-header.edit &gt; .zb-button {
  height: 22px;
  padding: 0 1px;
}
.static-container .static-container-header.edit &gt; .zb-button &gt; .zb-icon {
  font-size: 18px;
}
.static-container .static-container-header.edit &gt; .zb-input-container {
  font-size: 20px;
  height: 28px;
  margin-left: 4px;
  margin-right: auto;
  width: 450px;
}
.static-container .static-container-header.edit &gt; .zb-select-container {
  font-size: 20px;
  height: 28px;
  margin: -14px 4px 0;
  width: 192px;
}
.static-container .static-container-header.edit .extra-margin {
  margin-right: 22px;
}
.static-container .static-container-header.exercise {
  border-bottom: 2px solid hsl(calc(var(--zb-semantic-color-zybook-activity-border-h) + 0deg), calc(var(--zb-semantic-color-zybook-activity-border-s) + 0%), calc(var(--zb-semantic-color-zybook-activity-border-l) + 0%), calc(var(--zb-semantic-color-zybook-activity-border-a) + 0));
  margin: 0 0 16px;
  width: 100%;
}
.static-container .static-container-header.exercise .activity-description .activity-title {
  max-width: 100%;
}
.static-container .static-container-header.exercise .activity-type {
  line-height: 32px;
  text-align: center;
}
.static-container .static-container-header.exercise .zb-checkbox {
  margin-right: 24px;
}
.static-container .static-container-title {
  color: hsl(calc(var(--zb-semantic-color-zybook-activity-heading-h) + 0deg), calc(var(--zb-semantic-color-zybook-activity-heading-s) + 0%), calc(var(--zb-semantic-color-zybook-activity-heading-l) + 0%), calc(var(--zb-semantic-color-zybook-activity-heading-a) + 0));
  font-size: 20px;
  font-weight: 300;
  margin: 0;
}
.static-container .static-container-title.exercise {
  color: unset;
  display: flex;
  min-height: 50px;
  width: 100%;
}
.static-container .static-container-payload {
  align-self: center;
  display: flex;
  justify-content: center;
  max-width: calc(100% - 24px);
  padding: 0 12px 16px;
}
.static-container .static-container-payload.exercise-payload {
  align-self: flex-start;
  display: unset;
  margin-left: 8px;
  padding-bottom: 0;
}
.static-container .zytable-content-resource {
  overflow-x: scroll;
}
.static-container .codeblock .ace-editor-container {
  margin-bottom: 24px;
}
.static-container.aside-block .container-resource-payload {
  background-color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
  margin: 0 24px 24px;
  padding: 24px;
}
.static-container.aside-bordered .container-resource-payload {
  border-bottom: 3px solid hsl(calc(var(--zb-semantic-color-zybook-activity-border-h) + 0deg), calc(var(--zb-semantic-color-zybook-activity-border-s) + 0%), calc(var(--zb-semantic-color-zybook-activity-border-l) + 0%), calc(var(--zb-semantic-color-zybook-activity-border-a) + 0));
  border-top: 6px solid hsl(calc(var(--zb-semantic-color-zybook-activity-border-h) + 0deg), calc(var(--zb-semantic-color-zybook-activity-border-s) + 0%), calc(var(--zb-semantic-color-zybook-activity-border-l) + 0%), calc(var(--zb-semantic-color-zybook-activity-border-a) + 0));
  margin: 0 24px 24px;
  padding: 8px 0;
}
.static-container.aside-elaboration .container-resource-payload {
  font-style: italic;
  padding: 0 24px 16px;
}
.static-container.iframe .static-container-payload {
  flex-flow: column nowrap;
}

.unknown-content-resource {
  margin: 12px auto;
  width: 900px;
}
.unknown-content-resource .load-error {
  padding: 24px 132px;
  text-align: center;
}

.video-payload {
  text-align: center;
}

.exercise-question {
  min-height: unset;
}
.exercise-question .question {
  align-items: center;
}
.exercise-question .question .part {
  align-self: start;
  height: 24px;
  padding-right: 14px;
}
.exercise-question .question .text * {
  margin: 0;
}
.exercise-question .solution {
  margin-left: 28px;
}
.exercise-question .solution .solution-button button {
  padding-left: 4px;
}
.exercise-question .solution .answer {
  margin-left: 6px;
}
.exercise-question .zb-message-container {
  align-items: center;
  max-width: 540px;
}
.exercise-question .zb-message-container span {
  margin: 0 16px;
}
.exercise-question .zb-message-container .zb-button {
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-info-h) + 0deg), calc(var(--zb-semantic-color-info-s) + 0%), calc(var(--zb-semantic-color-info-l) + 0%), calc(var(--zb-semantic-color-info-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-info-h) + 0deg), calc(var(--zb-semantic-color-info-s) + 0%), calc(var(--zb-semantic-color-info-l) + 0%), calc(var(--zb-semantic-color-info-a) + 0));
  padding: 4px 16px;
}

.exercise-info-modal h2 {
  margin-top: 8px;
}
.exercise-info-modal .zb-modal-content {
  max-width: 575px;
  padding: 16px;
}
.exercise-info-modal .exercise-info-done-button {
  margin-top: 16px;
}

.programming-challenge .ace-editor-container {
  justify-content: space-between;
}
.programming-challenge .loading-progress-container {
  align-items: center;
  justify-content: center;
  min-height: 300px;
  width: 900px;
}
.programming-challenge .button-row {
  align-items: center;
  margin-bottom: 12px;
  margin-top: 12px;
}
.programming-challenge .button-row .zb-button {
  margin-right: 12px;
}
.programming-challenge .button-row .icon-message {
  margin-left: 4px;
}
.programming-challenge .code-editor,
.programming-challenge .error-output,
.programming-challenge .under-editor {
  width: 900px;
}
.programming-challenge .error-output {
  max-height: 225px;
}
.programming-challenge .tests .test-result:first-child {
  border-top: none;
}
.programming-challenge .icon-container {
  align-items: center;
  display: flex;
}
.programming-challenge .icon-container .symbol-incorrect,
.programming-challenge .icon-container .zb-icon {
  margin-right: 5px;
}
.programming-challenge .solution .ace-editor {
  margin-top: 8px;
  min-height: 50px;
}
.programming-challenge .button-row .download-submissions-button {
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
.programming-challenge .error-message-note {
  margin: 15px 0;
}
.programming-challenge .acknowledge-before-retry-label {
  font-style: italic;
}

.pythonTutor #pyCodeOutput {
  width: 100%;
}
.pythonTutor #codeDisplayDiv {
  width: auto !important;
}
.pythonTutor #codeDisplayDiv #pyCodeOutputDiv {
  min-width: 902px;
}
.pythonTutor .ExecutionVisualizer #vcrControls {
  margin: 0;
  width: 902px;
}
.pythonTutor .ExecutionVisualizer #progOutputs #pyStdout {
  height: 90px;
  width: 887px !important;
}
.pythonTutor &gt; div {
  overflow-x: hidden;
}

.zyde {
  width: 900px;
}
.zyde.edit .zyde-tool-container .run-button-container,
.zyde.edit .zyde-tool-container .stacked .zb-text-area {
  margin-top: 12px;
}
.zyde.edit .zyde-tool-container .run-button-container {
  margin-bottom: 12px;
}
.zyde .zyde-tool-container {
  display: flex;
}
.zyde .zyde-tool-container.stacked {
  flex-direction: column;
}
.zyde .zyde-tool-container .code-editor.side-by-side {
  width: 50%;
}
.zyde .zyde-tool-container .code-editor.side-by-side .inline-editor-header {
  justify-content: initial;
}
.zyde .zyde-tool-container .code-editor .zylab-inline-editor {
  margin: initial;
}
.zyde .zyde-tool-container .container.side-by-side {
  height: 300px;
  margin-left: 10px;
  width: 49%;
}
.zyde .zyde-tool-container .container.stacked {
  margin-top: 5px;
}
.zyde .zyde-tool-container .container .output-files-container {
  justify-content: space-between;
}
.zyde .zyde-tool-container .container .output-files-container .file-viewer {
  height: 300px;
  width: 45%;
}
.zyde .zyde-tool-container .stacked-container {
  margin-top: 10px;
}
.zyde .zyde-tool-container .input-checkbox {
  margin-left: auto;
}
.zyde .zyde-tool-container .zb-text-area {
  width: 100%;
}
.zyde .zyde-tool-container .run-button-container {
  align-items: center;
  display: flex;
  margin-bottom: 5px;
}
.zyde .zyde-tool-container .run-button-container .zb-progress-circular {
  margin-left: 12px;
}
.zyde .zyde-tool-container .run-button-container .section-header {
  margin: auto 0 auto 8px;
}
.zyde .zyde-tool-container .a11y-text {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.zyde .zyde-tool-container .programming-code-output {
  max-height: 260px;
  min-height: 60px;
}
.zyde .zyde-tool-container .programming-code-output.side-by-side {
  min-height: 225px;
}
.zyde .zyde-tool-container .programming-code-output.full-height {
  max-height: 300px;
}
.zyde .zyde-tool-container .programming-code-output.full-height.side-by-side {
  height: 300px;
  margin-top: 10px;
}

.zystudio-payload {
  display: flex;
  flex-grow: 1;
  height: 100%;
  margin-right: 1rem;
}

.zystudio-question {
  height: 100%;
  min-height: 24rem;
  position: relative;
  width: 100%;
}
.zystudio-question .activity-docked-container {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-activity-dark-background-h) + 0deg), calc(var(--zb-semantic-color-zybook-activity-dark-background-s) + 0%), calc(var(--zb-semantic-color-zybook-activity-dark-background-l) + 0%), calc(var(--zb-semantic-color-zybook-activity-dark-background-a) + 0));
  margin-top: -108px;
  padding: 32px;
}
.zystudio-question .question {
  border: 1px solid hsl(calc(var(--zb-semantic-color-table-header-background-h) + 0deg), calc(var(--zb-semantic-color-table-header-background-s) + 0%), calc(var(--zb-semantic-color-table-header-background-l) + 0%), calc(var(--zb-semantic-color-table-header-background-a) + 0));
  height: 40rem;
  min-height: 34rem;
  overflow: hidden;
  position: relative;
  resize: none;
}
.zystudio-question .h-fullscreen {
  max-height: 85vh;
}
.zystudio-question .resizable-bar {
  background-color: hsl(calc(var(--zb-semantic-color-table-header-background-h) + 0deg), calc(var(--zb-semantic-color-table-header-background-s) + 0%), calc(var(--zb-semantic-color-table-header-background-l) + 0%), calc(var(--zb-semantic-color-table-header-background-a) + 0));
  bottom: 0;
  cursor: row-resize;
  height: 10px;
  left: 0;
  position: absolute;
  width: 100%;
}
.zystudio-question .resizable-bar::before,
.zystudio-question .resizable-bar::after {
  background-color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  content: "";
  height: 1px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 25px;
}
.zystudio-question .resizable-bar::before {
  top: 30%;
}
.zystudio-question .resizable-bar::after {
  top: 60%;
}

.zystudio-edit-warning-modal {
  position: absolute;
  z-index: 1 !important;
}
.zystudio-edit-warning-modal .zb-modal-content {
  padding: 24px;
}

.zystudio-show-tutorial-modal .zb-modal-content {
  padding: 24px;
  text-align: center;
}

.language-error {
  border-left: 2px solid hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
  font-size: 12px;
  left: 10px;
  padding-left: 4px;
  position: absolute;
  top: 10px;
  z-index: 10;
}

details {
  width: 900px;
}
details &gt; summary {
  color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  list-style: none;
  margin-left: 8px;
  padding-left: 4px;
}
details &gt; summary::marker, details &gt; summary::-webkit-details-marker {
  display: none;
}
details &gt; summary::after {
  color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  content: "keyboard_arrow_down"/"";
  font-family: Material Icons;
  font-size: 24px;
  margin-left: 8px;
}
details &gt; summary:hover {
  color: hsl(calc(var(--zb-semantic-color-button-text-hover-h) + 0deg), calc(var(--zb-semantic-color-button-text-hover-s) + 0%), calc(var(--zb-semantic-color-button-text-hover-l) + 0%), calc(var(--zb-semantic-color-button-text-hover-a) + 0));
}
details &gt; summary:hover::after {
  color: hsl(calc(var(--zb-semantic-color-button-text-hover-h) + 0deg), calc(var(--zb-semantic-color-button-text-hover-s) + 0%), calc(var(--zb-semantic-color-button-text-hover-l) + 0%), calc(var(--zb-semantic-color-button-text-hover-a) + 0));
}
details[open] &gt; summary::after {
  content: "keyboard_arrow_up"/"";
}

.title-detail-item {
  align-items: center;
  flex-direction: row;
  padding: 4px 0;
}
.title-detail-item span {
  line-height: 1;
  white-space: nowrap;
}
.title-detail-item .title {
  margin-bottom: 4px;
}
.title-detail-item .detail {
  font-size: 12px;
  line-height: 1.2;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.title-trigger {
  padding: 0 8px;
}

.class-statistics {
  margin-top: 16px;
}
.class-statistics .download-date-filter {
  align-items: center;
}
.class-statistics .download-date-filter .date-time-picker {
  margin-top: 0;
}
.class-statistics .download-date-filter span {
  font-size: 14px;
}
.class-statistics .download-date-filter .time-zone-text {
  margin-left: 8px;
}
.class-statistics .download-date-filter .download-text,
.class-statistics .download-date-filter .zb-progress-circular {
  margin: 0 8px;
}
.class-statistics .download-date-filter span,
.class-statistics .download-date-filter .date-time-picker,
.class-statistics .download-date-filter .ember-power-select-trigger,
.class-statistics .download-date-filter .zb-progress-circular {
  align-self: center;
}
.class-statistics .download-date-filter .ember-power-select-group ul {
  width: 300px;
}
.class-statistics .download-date-filter .user-select-trigger {
  min-width: 100px;
}
.class-statistics .download-date-filter .user-select-trigger[aria-expanded=true] {
  border-bottom: 0;
}
.class-statistics .download-date-filter .user-select.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  border-top: 1px solid #aaaaaa;
  min-width: 200px;
  width: inherit;
}
.class-statistics .download-date-filter .user-select.ember-power-select-dropdown.ember-basic-dropdown-content--in-place span {
  align-self: auto;
}
.class-statistics .download-date-filter .download-ip-info-container {
  height: 36px;
  margin-left: auto;
}
.class-statistics .zylab-signature {
  margin: 16px 8px 0;
}
.class-statistics .similarity-error-text {
  align-self: center;
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
  font-size: 14px;
  font-style: italic;
}
.class-statistics .no-submissions-text {
  align-self: center;
  font-size: 14px;
  font-style: italic;
  margin-top: 16px;
}
.class-statistics .lab-statistics-row {
  margin-top: 16px;
}
.class-statistics .lab-statistics-row .stat-container {
  flex: 1;
  text-align: center;
}
.class-statistics .lab-statistics-row .stat-container .value {
  color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  font-size: 48px;
  margin: 0;
}
.class-statistics .student-insights-row {
  flex-wrap: wrap;
  margin-top: 16px;
}
.class-statistics .student-insights-row .stat-container {
  flex: 1 0 33%;
  text-align: center;
}
.class-statistics .student-insights-row .stat-container .value {
  color: hsl(calc(var(--zb-semantic-color-light-blue-text-h) + 0deg), calc(var(--zb-semantic-color-light-blue-text-s) + 0%), calc(var(--zb-semantic-color-light-blue-text-l) + 0%), calc(var(--zb-semantic-color-light-blue-text-a) + 0));
  font-size: 48px;
  margin: 0;
}
.class-statistics .download-submission-container .download-button-container {
  margin-top: 16px;
}
.class-statistics .download-submission-container .download-button-container span,
.class-statistics .download-submission-container .download-button-container .zb-progress-circular {
  align-self: center;
  margin-right: 8px;
  max-width: 228px;
}
.class-statistics .download-submission-container .download-button-container .no-submissions-text {
  margin-top: 0;
}
.class-statistics .download-submission-container .vertical-separator {
  border: solid #bdbdbd 1px;
  height: 100px;
  margin: auto;
}
.class-statistics .download-submission-container .anonymize-log-checkbox {
  align-self: center;
  margin-left: 32px;
  max-width: 32%;
}
.class-statistics .zb-choices-modal .warn {
  margin-left: auto;
}

.student-behavior-insights .student-insights-row {
  flex-wrap: wrap;
  margin-bottom: 16px;
  margin-top: 16px;
}
.student-behavior-insights .student-insights-row .insight-stat-container {
  flex: 1 0 20%;
  text-align: center;
}
.student-behavior-insights .student-insights-row .insight-stat-container .value {
  color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  font-size: 48px;
  margin: 0;
}
.student-behavior-insights .student-insights-row .insight-stat-container .unit {
  color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  font-size: 24px;
  margin: 0;
  margin-left: 5px;
}
.student-behavior-insights .student-insights-header {
  align-items: center;
  display: flex;
  flex-direction: row;
}
.student-behavior-insights .insights-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 0;
  margin-right: 8px;
  margin-top: 0;
}
.student-behavior-insights .outlier-label {
  margin-bottom: 0;
}
.student-behavior-insights .outlier-value {
  color: hsl(calc(var(--zb-semantic-color-light-blue-text-h) + 0deg), calc(var(--zb-semantic-color-light-blue-text-s) + 0%), calc(var(--zb-semantic-color-light-blue-text-l) + 0%), calc(var(--zb-semantic-color-light-blue-text-a) + 0));
  font-weight: bold;
}
.student-behavior-insights .stat-container {
  min-width: 120px;
}
.student-behavior-insights .name-container {
  background-color: inherit;
  left: 0;
  max-width: 180px;
  min-width: 180px;
  padding-left: 4px;
  position: sticky;
  z-index: 1;
}
.student-behavior-insights .empty-span {
  min-width: 16px;
}
.student-behavior-insights .zystudio-outliers-list {
  overflow-x: auto;
  width: 100%;
}
.student-behavior-insights .zb-list {
  min-width: 1052px;
}

.develop-container {
  margin-bottom: 24px;
}
.develop-container .program-label {
  margin-bottom: 4px;
}
.develop-container .zb-text-area {
  width: 100%;
}
.develop-container .input-warn-text {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
  font-style: italic;
}
.develop-container .develop-inputs {
  display: flex;
  justify-content: space-between;
}
.develop-container .develop-inputs .develop-column {
  flex: 1;
  margin-right: 16px;
}
.develop-container .run-error-message {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
  font-style: italic;
  margin-bottom: 16px;
}
.develop-container .develop-program-container {
  align-items: center;
  display: grid;
  grid-template-columns: 280px 600px;
  grid-template-rows: auto;
  margin: 16px 0;
  min-height: 55px;
}
.develop-container .develop-program-container .program-run {
  align-items: center;
  display: flex;
  grid-column: 1;
}
.develop-container .develop-program-container .program-run .zb-progress-circular {
  margin-left: 12px;
}
.develop-container .develop-program-container .program-container {
  align-items: center;
  font-size: 14px;
}
.develop-container .develop-program-container .program-container .io-text {
  white-space: nowrap;
}
.develop-container .develop-program-container .program-container .program {
  background-color: hsl(calc(var(--zb-semantic-color-blue-grey-100-h) + 0deg), calc(var(--zb-semantic-color-blue-grey-100-s) + 0%), calc(var(--zb-semantic-color-blue-grey-100-l) + 0%), calc(var(--zb-semantic-color-blue-grey-100-a) + 0));
  border-radius: 2px;
  box-shadow: 0 3px 1px -2px hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.86)), 0 2px 2px 0 hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.902)), 0 1px 5px 0 hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.916));
  box-sizing: border-box;
  color: hsl(calc(var(--zb-semantic-color-black-h) + 0deg), calc(var(--zb-semantic-color-black-s) + 0%), calc(var(--zb-semantic-color-black-l) + 0%), calc(var(--zb-semantic-color-black-a) + 0));
  padding: 4px 24px;
  text-align: center;
}
.develop-container .develop-program-container .program-container .program .program-name {
  max-width: 240px;
}
.develop-container .develop-program-container .program-container .program .your-program-text {
  color: hsl(calc(var(--zb-semantic-color-black-h) + 0deg), calc(var(--zb-semantic-color-black-s) + 0%), calc(var(--zb-semantic-color-black-l) + 0%), calc(var(--zb-semantic-color-black-a) + 0));
  font-size: 12px;
}
.develop-container .develop-program-container .program-container .zb-icon {
  margin: 0 12px;
}
.develop-container .sql-output {
  background-color: hsl(calc(var(--zb-semantic-color-background-h) + 0deg), calc(var(--zb-semantic-color-background-s) + 0%), calc(var(--zb-semantic-color-background-l) + 0%), calc(var(--zb-semantic-color-background-a) + 0));
  border: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + -0.5));
  border-radius: 2px;
  box-sizing: border-box;
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  display: block;
  margin: 0;
  min-height: 60px;
  overflow-x: auto;
  padding: 0 10px;
}
.develop-container .sql-output.result-set-container {
  display: flex;
  flex-direction: column;
}
.develop-container .sql-output.result-set-container .ace-editor {
  box-shadow: none;
}
.develop-container .sql-output.result-set-container .result-table-container {
  margin: 10px 0;
  max-height: 600px;
  overflow-y: auto;
}
.develop-container .sql-output.result-set-container .result-table-container table {
  align-self: flex-start;
  border-collapse: separate;
  border-top: none;
  font-weight: 300;
  margin: 0;
}
.develop-container .sql-output.result-set-container .result-table-container table th,
.develop-container .sql-output.result-set-container .result-table-container table td {
  border-left: none;
}
.develop-container .sql-output.result-set-container .result-table-container table td {
  border-top: none;
}
.develop-container .sql-output.result-set-container .result-table-container table thead {
  position: sticky;
  top: 0;
}
.develop-container .sql-output.result-set-container .result-table-container table thead th {
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-table-border-h) + 0deg), calc(var(--zb-semantic-color-table-border-s) + 0%), calc(var(--zb-semantic-color-table-border-l) + 0%), calc(var(--zb-semantic-color-table-border-a) + 0));
}
.develop-container .sql-output.result-set-container .result-table-container table th:last-child,
.develop-container .sql-output.result-set-container .result-table-container table td:last-child {
  border-right: none;
}
.develop-container .sql-output.result-set-container .result-table-container table tr:last-child td {
  border-bottom: none;
}
.develop-container .develop-output {
  min-height: 60px;
}
.develop-container .develop-output .no-program-output {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
}
.develop-container .develop-output:not(:last-child) {
  margin-bottom: 16px;
}
.develop-container .output-files-container {
  justify-content: space-between;
}
.develop-container .file-viewer {
  height: 300px;
  width: 45%;
}

.download-files .files-dl-row {
  align-items: center;
  margin-bottom: 16px;
}
.download-files .files-dl-row .filenames-row {
  align-items: center;
  flex-wrap: wrap;
}
.download-files .files-dl-row .filenames-row .programming-code-output {
  margin-bottom: 4px;
  margin-top: 4px;
  overflow-x: inherit;
}
.download-files .files-dl-row .filenames-row span {
  margin: 0 8px;
}
.download-files .files-dl-row .download-files-button {
  margin-left: 12px;
  margin-right: 32px;
}

.instructor-view-student-submissions p {
  font-size: 12px;
}
.instructor-view-student-submissions .user-select-trigger {
  margin-top: 12px;
  min-width: 250px;
}
.instructor-view-student-submissions .sort-select-trigger {
  margin-top: 12px;
  width: 150px;
}
.instructor-view-student-submissions .zb-select-container .select {
  margin-top: 12px;
  width: 180px;
}
.instructor-view-student-submissions .margin-right-46 {
  margin-right: 46px;
}
.instructor-view-student-submissions .out-of-points {
  min-width: 50px;
}
.instructor-view-student-submissions .no-submission-text {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
}
.instructor-view-student-submissions .student-submissions-header {
  align-items: center;
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  display: flex;
  font-size: 13px;
  justify-content: space-between;
  margin-top: 8px;
  outline: 1px solid hsl(calc(var(--zb-semantic-color-grey-600-h) + 0deg), calc(var(--zb-semantic-color-grey-600-s) + 0%), calc(var(--zb-semantic-color-grey-600-l) + 0%), calc(var(--zb-semantic-color-grey-600-a) + 0));
  padding: 4px 16px;
}
.instructor-view-student-submissions .automated-test-column,
.instructor-view-student-submissions .manual-test-column,
.instructor-view-student-submissions .total-test-column {
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  display: flex;
  flex-direction: column;
  min-width: 100px;
}
.instructor-view-student-submissions .student-score-test-column {
  display: flex;
  flex-direction: column;
  min-width: 100px;
}
.instructor-view-student-submissions .student-header {
  margin-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.instructor-view-student-submissions .total-test-column {
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
}
.instructor-view-student-submissions .test-row-header {
  margin: auto;
  min-width: 30px;
  text-align: center;
}
.instructor-view-student-submissions .empty-roster-view {
  align-items: center;
  display: flex;
  height: 509px;
  justify-content: center;
  margin-top: 1px;
}
.instructor-view-student-submissions .ember-basic-dropdown {
  display: inline-block;
}
.instructor-view-student-submissions .zb-power-select-container {
  margin-right: 20px;
}
.instructor-view-student-submissions .small-italic {
  font-size: 14px;
  font-style: italic;
}
.instructor-view-student-submissions .sort-row,
.instructor-view-student-submissions .filter-row {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 54px;
}
.instructor-view-student-submissions .sort-row .row-title,
.instructor-view-student-submissions .filter-row .row-title {
  margin-right: 20px;
}
.instructor-view-student-submissions .sort-row .label,
.instructor-view-student-submissions .filter-row .label {
  margin-right: 8px;
}
.instructor-view-student-submissions .student-review-item {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  margin-top: 1px;
  min-height: 42px;
}
.instructor-view-student-submissions .student-review-item .student-test-score-row {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  font-size: 16px;
}
.instructor-view-student-submissions .student-review-item .zb-icon {
  margin-left: 22px;
  right: 5px;
  top: 10px;
}
.instructor-view-student-submissions .student-review-item .zylab-signature {
  margin: 8px 0;
  max-width: 800px;
}
.instructor-view-student-submissions .student-review-item .zylab-signature.sub-signature {
  margin: 0;
}
.instructor-view-student-submissions .student-review-item .zylab-signature.sub-signature .signature-content {
  display: inherit;
  margin: 0;
  max-width: 770px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.instructor-view-student-submissions .user-submission-details {
  margin: 1px 16px;
  min-height: 520px;
  padding: 12px;
}
.instructor-view-student-submissions .user-submission-details .latest-best-submission-row {
  align-items: center;
  display: flex;
  font-size: 14px;
  margin-bottom: 8px;
  min-height: 20px;
}
.instructor-view-student-submissions .user-submission-details .latest-best-submission-row i {
  margin-right: 8px;
}
.instructor-view-student-submissions .manaul-grades-row {
  margin-bottom: 25px;
}
.instructor-view-student-submissions .manual-test {
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 10px;
}
.instructor-view-student-submissions .manual-test p {
  margin-bottom: 0;
}
.instructor-view-student-submissions .manual-test span {
  -webkit-hyphens: auto;
          hyphens: auto;
  overflow-wrap: anywhere;
}
.instructor-view-student-submissions .manual-test .label-column {
  min-height: 45px;
}
.instructor-view-student-submissions .manual-test .grades {
  align-items: center;
  display: flex;
  justify-content: center;
}
.instructor-view-student-submissions .manual-test .input {
  align-items: baseline;
  margin-right: 20px;
}
.instructor-view-student-submissions .manual-test input[type=number] {
  -moz-appearance: textfield;
  text-align: center;
}
.instructor-view-student-submissions .manual-test input::-webkit-outer-spin-button,
.instructor-view-student-submissions .manual-test input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.instructor-view-student-submissions .manual-test .manual-grade.zb-input-container {
  margin-left: 8px;
  margin-right: 8px;
  width: 40px;
}
.instructor-view-student-submissions .manual-test .zb-input-container {
  margin-right: 8px;
  width: 450px;
}
.instructor-view-student-submissions .code-window {
  background-color: hsl(calc(var(--zb-semantic-color-background-h) + 0deg), calc(var(--zb-semantic-color-background-s) + 0%), calc(var(--zb-semantic-color-background-l) + 0%), calc(var(--zb-semantic-color-background-a) + 0));
  border: 1px solid hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  height: 300px;
  margin: 12px 0;
  width: 100%;
}
.instructor-view-student-submissions .text-result-next-student-row {
  align-items: center;
  display: flex;
  margin-bottom: 8px;
}
.instructor-view-student-submissions .bailey-boxes {
  display: flex;
  flex-wrap: wrap;
  margin-left: 16px;
  margin-right: 8px;
  max-width: 320px;
}
.instructor-view-student-submissions .bailey-boxes .box {
  background-color: rgba(211, 47, 47, 0.5);
  border: 1px solid hsl(calc(var(--zb-semantic-color-black-h) + 0deg), calc(var(--zb-semantic-color-black-s) + 0%), calc(var(--zb-semantic-color-black-l) + 0%), calc(var(--zb-semantic-color-black-a) + 0));
  height: 28px;
  line-height: 28px;
  margin-left: -1px;
  margin-top: -1px;
  text-align: center;
  width: 28px;
}
.instructor-view-student-submissions .bailey-boxes .box.green {
  background-color: rgba(46, 125, 50, 0.5);
}
.instructor-view-student-submissions .student-submissions-explore-runs {
  border: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  max-height: 400px;
  overflow-y: auto;
}
.instructor-view-student-submissions .student-submissions-explore-runs .additional-submission {
  align-items: center;
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  cursor: pointer;
  display: flex;
  min-height: 32px;
  padding: 8px 36px;
}
.instructor-view-student-submissions .student-submissions-explore-runs .additional-submission .zb-icon {
  margin-right: 8px;
}
.instructor-view-student-submissions .student-submissions-explore-runs .additional-submission:hover .submission-header-info {
  color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
}
.instructor-view-student-submissions .student-submissions-explore-runs .additional-submission.latest-best {
  padding-left: 10px;
}
.instructor-view-student-submissions .student-submissions-explore-runs .additional-submission.selected {
  background-color: hsl(calc(var(--zb-semantic-color-selected-background-h) + 0deg), calc(var(--zb-semantic-color-selected-background-s) + 0%), calc(var(--zb-semantic-color-selected-background-l) + 0%), calc(var(--zb-semantic-color-selected-background-a) + 0));
  border-left: 4px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  padding-left: 32px;
}
.instructor-view-student-submissions .student-submissions-explore-runs .additional-submission.selected.latest-best {
  padding-left: 6px;
}
.instructor-view-student-submissions .student-submissions-explore-runs .additional-submission .bailey-boxes {
  margin-left: auto;
  margin-right: 0;
}
.instructor-view-student-submissions .student-submissions-explore-runs .additional-submission:last-child {
  border-bottom: none;
}

.lab-statistics-charts {
  flex-wrap: wrap;
  margin-top: 24px;
}
.lab-statistics-charts .chart-container {
  margin: 0 16px 16px;
  width: calc(50% - 32px);
}
.lab-statistics-charts .chart-container .chart-label {
  margin-bottom: 0;
}
.lab-statistics-charts .chart-container .chart {
  justify-content: center;
  min-height: 200px;
}
.lab-statistics-charts .chart-container .chart .empty-message {
  margin: auto;
}
.lab-statistics-charts .chart-container .chart .statistic-text {
  color: hsl(calc(var(--zb-semantic-color-light-blue-text-h) + 0deg), calc(var(--zb-semantic-color-light-blue-text-s) + 0%), calc(var(--zb-semantic-color-light-blue-text-l) + 0%), calc(var(--zb-semantic-color-light-blue-text-a) + 0));
  font-size: 72px;
  margin: auto;
}

.programming-submission-content-resource .content-resource .submit-container .latest-submission.zb-card {
  margin-bottom: 24px;
}
.programming-submission-content-resource .content-resource .submit-container .latest-submission.zb-card .zb-card-content {
  margin: 0;
}
.programming-submission-content-resource .content-resource .submit-container .latest-submission.zb-card .latest-submission-header {
  font-size: 18px;
  justify-content: space-between;
  margin-bottom: 16px;
}
.programming-submission-content-resource .content-resource .submit-container .latest-submission.zb-card .no-submissions-text {
  font-size: 14px;
  font-style: italic;
  margin: 24px 0;
}
.programming-submission-content-resource .content-resource .submit-container .latest-submission.zb-card .submitting-text {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-style: italic;
  text-align: center;
}
.programming-submission-content-resource .content-resource .submit-container .latest-submission.zb-card .passed-message {
  align-items: center;
  color: hsl(calc(var(--zb-semantic-color-success-h) + 0deg), calc(var(--zb-semantic-color-success-s) + 0%), calc(var(--zb-semantic-color-success-l) + 0%), calc(var(--zb-semantic-color-success-a) + 0));
  display: flex;
  margin-right: 16px;
}
.programming-submission-content-resource .content-resource .submit-container .latest-submission.zb-card .passed-message i {
  color: hsl(calc(var(--zb-semantic-color-success-h) + 0deg), calc(var(--zb-semantic-color-success-s) + 0%), calc(var(--zb-semantic-color-success-l) + 0%), calc(var(--zb-semantic-color-success-a) + 0));
  margin-left: 4px;
}

.activity-payload .programming-submission-payload {
  margin-right: 12px;
  width: 946px;
}
.activity-payload .programming-submission-payload .develop-submit-control-container {
  justify-content: space-between;
  margin-bottom: 8px;
  min-height: 75px;
}
.activity-payload .programming-submission-payload .develop-submit-control-container .zb-segmented-control {
  margin: 4px 16px 0 0;
}
.activity-payload .programming-submission-payload .content-tool-loading-spinner-card {
  box-shadow: none;
}
.activity-payload .programming-submission-payload .coral-submit-container .submit-container .submission-row {
  margin-bottom: 25px;
  margin-left: 45px;
  margin-top: 25px;
}
.activity-payload .programming-submission-payload .cod-submit-container .submit-container .submission-row {
  margin-left: 106.33px;
  margin-top: 15px;
}
.activity-payload .programming-submission-payload .cod-submit-container .submit-container .submission-row .zb-button {
  margin-right: 32px;
}
.activity-payload .programming-submission-payload .unsubscribed-message {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
  font-size: 13px;
  margin: 0 16px;
  width: 220px;
}
.activity-payload .programming-submission-payload .sub-header {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 14px;
  margin-bottom: 8px;
}
.activity-payload .programming-submission-payload .zb-expandable-card,
.activity-payload .programming-submission-payload .view-submissions {
  margin-bottom: 24px;
}
.activity-payload .programming-submission-payload .zb-expandable-card .zb-card-content,
.activity-payload .programming-submission-payload .view-submissions .zb-card-content {
  margin: 0;
}
.activity-payload .programming-submission-payload .zb-expandable-card .card-title,
.activity-payload .programming-submission-payload .view-submissions .card-title {
  font-size: 18px;
}
.activity-payload .programming-submission-payload .zb-expandable-card .solution-info-text,
.activity-payload .programming-submission-payload .zb-expandable-card .view-permission-text,
.activity-payload .programming-submission-payload .view-submissions .solution-info-text,
.activity-payload .programming-submission-payload .view-submissions .view-permission-text {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 14px;
  margin-top: 16px;
}
.activity-payload .programming-submission-payload .zb-expandable-card .view-permission-text,
.activity-payload .programming-submission-payload .view-submissions .view-permission-text {
  font-size: 12px;
  font-style: italic;
}

.similarity-checker .similarity-detection-info-row .zb-checkbox label {
  margin: 0;
}
.similarity-checker .similarity-detection-info-row .zb-input-container.not-valid input {
  border-bottom: 1px solid #b90b13;
}

.submit-files {
  margin-bottom: 24px;
}
.submit-files .section-header {
  margin-bottom: 16px;
}
.submit-files .centered-row {
  align-items: center;
}
.submit-files .centered-row span {
  margin: 0 8px;
}
.submit-files .centered-row .sub-text {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 14px;
  font-style: italic;
  margin-left: 16px;
  white-space: nowrap;
}
.submit-files .submit-instructions {
  margin: 16px 0;
}
.submit-files .files-row {
  flex-wrap: wrap;
}
.submit-files .files-row .file-container {
  margin: 0 16px 16px 0;
  width: 290px;
}
.submit-files .files-row .file-container .file {
  background-color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + -0.7));
  border-radius: 8px;
  padding: 8px;
}
.submit-files .files-row .file-container .file .file-submission-text {
  font-size: 14px;
  text-align: center;
}
.submit-files .files-row .file-container .file .file-submission-text .file-added-row {
  align-items: center;
  justify-content: center;
}
.submit-files .files-row .file-container .file .zb-file-input {
  font-size: 14px;
  height: 20px;
  margin: auto;
}
.submit-files .files-row .file-container .file .bold {
  font-weight: 600;
}
.submit-files .files-row .file-container .file .file-name {
  margin-bottom: 8px;
  max-width: 280px;
}
.submit-files ul {
  margin: 0;
}
.submit-files ul .error-message {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
  font-size: 14px;
  font-weight: 500;
  margin-top: 4px;
}

.programming-submission-content-resource .content-resource .submit-container .submission-cap-throttle-container,
.programming-submission-content-resource .content-resource .submit-container .submitting-progress-container,
.programming-submission-content-resource .content-resource .submit-container .submission-row {
  align-items: center;
}
.programming-submission-content-resource .content-resource .submit-container .submission-row {
  justify-content: space-between;
  margin-bottom: 16px;
}
.programming-submission-content-resource .content-resource .submit-container .submission-row .submission-cap-throttle-container {
  width: 600px;
}
.programming-submission-content-resource .content-resource .submit-container .submission-row .submission-cap-throttle-container :first-child {
  margin: 0 32px;
}
.programming-submission-content-resource .content-resource .submit-container .submission-row .submission-cap-throttle-container .throttle-cap-text {
  color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
}
.programming-submission-content-resource .content-resource .submit-container .throttle-error-message,
.programming-submission-content-resource .content-resource .submit-container .submit-error-message {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
  font-style: italic;
  margin-bottom: 16px;
}
.programming-submission-content-resource .content-resource .submit-container .zylab-signature {
  margin-bottom: 16px;
}

.programming-submission-content-resource .content-resource .view-submissions,
.lti-content-resource .content-resource .view-submissions {
  padding: 15px 0;
}
.programming-submission-content-resource .content-resource .view-submissions.card-shadow,
.lti-content-resource .content-resource .view-submissions.card-shadow {
  padding: 15px;
}
.programming-submission-content-resource .content-resource .view-submissions .card-title,
.lti-content-resource .content-resource .view-submissions .card-title {
  font-size: 18px;
  margin-bottom: 16px;
}
.programming-submission-content-resource .content-resource .view-submissions .submission-item-header,
.lti-content-resource .content-resource .view-submissions .submission-item-header {
  align-items: center;
  font-size: 16px;
}
.programming-submission-content-resource .content-resource .view-submissions .submission-item-header .submission-date-text,
.programming-submission-content-resource .content-resource .view-submissions .submission-item-header .submission-score-text,
.lti-content-resource .content-resource .view-submissions .submission-item-header .submission-date-text,
.lti-content-resource .content-resource .view-submissions .submission-item-header .submission-score-text {
  width: 200px;
}
.programming-submission-content-resource .content-resource .view-submissions .submission-item-header .submission-score-text,
.lti-content-resource .content-resource .view-submissions .submission-item-header .submission-score-text {
  text-align: center;
}
.programming-submission-content-resource .content-resource .view-submissions .expanded-submission,
.lti-content-resource .content-resource .view-submissions .expanded-submission {
  margin-bottom: 16px;
  padding: 0 16px;
}

.zylabs-view-test-bench .test-bench-summary {
  margin: 24px 0;
}
.zylabs-view-test-bench .test {
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-light-blue-grey-border-h) + 0deg), calc(var(--zb-semantic-color-light-blue-grey-border-s) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-l) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-a) + 0));
  margin-top: 16px;
  padding: 16px 16px 0;
}
.zylabs-view-test-bench .test .section-header {
  margin-top: 0;
}
.zylabs-view-test-bench .test .test-description {
  margin: 0 0 4px 20px;
}
.zylabs-view-test-bench .test .test-description.expected-output .programming-code-output {
  display: inline-block;
  margin-bottom: 20px;
  margin-right: auto;
  max-width: 100%;
  min-width: 285px;
}
.zylabs-view-test-bench .test .test-description.expected-output .options-message {
  font-style: italic;
  margin-top: 0;
}
.zylabs-view-test-bench .test .zb-button {
  margin: 0 auto 4px 4px;
}
.zylabs-view-test-bench .test .compare-storage-options-message {
  margin-top: 12px;
}
.zylabs-view-test-bench .test .storage-tables table {
  height: -moz-min-content;
  height: min-content;
}
.zylabs-view-test-bench .test .storage-tables .storage-table-header {
  font-size: 16px;
}
.zylabs-view-test-bench .test .storage-tables .storage-table-header div {
  margin-bottom: 8px;
}
.zylabs-view-test-bench .test .storage-tables .zb-input-label:not(.storage-table-header) {
  font-size: 14px;
  padding-right: 4px;
}
.zylabs-view-test-bench .test .storage-tables .data {
  border: 2px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
  padding: 4px 16px;
  text-align: center;
}

.zylab-signature {
  display: block;
}
.zylab-signature.sub-signature .signature-content {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 14px;
  min-height: 20px;
  padding: 0;
}
.zylab-signature .signature-header {
  align-items: center;
}
.zylab-signature .signature-header span {
  font-size: 14px;
}
.zylab-signature .signature-header button {
  height: 24px;
  margin-left: 24px;
}
.zylab-signature .header-link {
  color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  text-decoration: underline;
}
.zylab-signature .signature-content {
  align-items: center;
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  display: flex;
  font-family: "Courier", monospace, sans-serif;
  font-size: 18px;
  min-height: 35px;
  padding: 4px 10px;
}
.zylab-signature .signature-content .day-of-week,
.zylab-signature .signature-content .end {
  margin-left: 12px;
}
.zylab-signature .signature-content .zb-button {
  font-family: "Courier", monospace, sans-serif;
  font-weight: normal;
  margin-left: 2px;
}
.zylab-signature .signature-content .zb-button.selected {
  background-color: hsl(calc(var(--zb-semantic-color-code-background-h) + 0deg), calc(var(--zb-semantic-color-code-background-s) + 0%), calc(var(--zb-semantic-color-code-background-l) + 0%), calc(var(--zb-semantic-color-code-background-a) + 0));
  border-radius: 4px;
}
.zylab-signature .code-block-styling {
  white-space: inherit;
}
.zylab-signature .code-block-styling .zb-progress-circular.sm {
  margin-top: 3px;
}
.zylab-signature .day-of-week {
  color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
}
.zylab-signature .signature-legend-modal .zb-modal-content {
  padding: 16px;
  width: 750px;
}
.zylab-signature .signature-legend-modal .zb-modal-content .legend-details {
  display: grid;
  grid-gap: 12px;
  grid-template-columns: 92px 1fr;
  margin: 16px 0;
}
.zylab-signature .signature-legend-modal .zb-modal-content .legend-details .signature-text {
  font-family: "Courier", monospace, sans-serif;
  font-size: 18px;
  margin-left: auto;
}
.zylab-signature .signature-legend-modal .zb-modal-content .legend-details .message-text {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-style: italic;
  margin: 8px 0;
}
.zylab-signature .signature-legend-modal .zb-modal-content .legend-details p {
  margin-top: 20px;
}
.zylab-signature .signature-legend-modal .zb-modal-content .learn-more-link {
  color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  font-weight: bold;
  margin-left: 16px;
}

.assert-test-result .test-message {
  margin-top: 8px;
}
.assert-test-result .asserts {
  margin-left: 24px;
}
.assert-test-result .asserts .align-with-icon {
  margin-top: 3px;
}
.assert-test-result .asserts .assert-result {
  margin-bottom: 16px;
  margin-top: 16px;
}
.assert-test-result .asserts .assert-result .assert-title-row {
  align-items: center;
  display: flex;
}
.assert-test-result .asserts .assert-result .assert-title-row .pass-icon {
  margin-right: 8px;
}
.assert-test-result .asserts .assert-result .assert-values {
  margin-bottom: 4px;
  margin-top: 4px;
}
.assert-test-result .italic-error-message {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
  font-style: italic;
}
.assert-test-result .smaller-font {
  font-size: 13px;
}
.assert-test-result .signal-dropdown {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  border: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  left: 0;
  margin-left: 8px;
  max-width: 400px;
  position: absolute;
  top: 40px;
  z-index: 1;
}
.assert-test-result .signal-dropdown .zb-input-container {
  height: auto;
}
.assert-test-result .vcd-viewer {
  max-height: 500px;
}

.verify-steps-assert-result .steps-list {
  margin-bottom: 4px;
  margin-top: 4px;
  padding-left: 16px;
}
.compare-storage-test-result .highlight {
  background-color: hsl(calc(var(--zb-semantic-color-highlight-h) + 0deg), calc(var(--zb-semantic-color-highlight-s) + 0%), calc(var(--zb-semantic-color-highlight-l) + 0%), calc(var(--zb-semantic-color-highlight-a) + 0));
}
.compare-storage-test-result .storage-tables .move-down {
  margin-top: 41px;
}
.compare-storage-test-result .storage-tables .move-down-large {
  margin-top: 72px;
}
.compare-storage-test-result .storage-tables table {
  height: -moz-min-content;
  height: min-content;
}
.compare-storage-test-result .storage-tables .table-container.show-divider {
  border-color: "border";
  border-left-style: solid;
  border-left-width: 1px;
  padding-left: 8px;
}
.compare-storage-test-result .storage-tables .storage-table-header {
  font-size: 16px;
}
.compare-storage-test-result .storage-tables .storage-table-header div {
  margin-bottom: 8px;
}
.compare-storage-test-result .storage-tables .storage-table-header.move-down {
  padding-bottom: 33px;
}
.compare-storage-test-result .storage-tables .zb-input-label:not(.storage-table-header) {
  font-size: 14px;
  padding-right: 4px;
}
.compare-storage-test-result .storage-tables .data {
  border: 2px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
  padding: 4px 16px;
  text-align: center;
}

.expected-output-test-result,
.manual-deduction-test-result,
.manual-grade-test-result {
  padding-top: 0;
}
.expected-output-test-result .no-output-result,
.manual-deduction-test-result .no-output-result,
.manual-grade-test-result .no-output-result {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
  font-style: italic;
}
.expected-output-test-result .output-differs,
.manual-deduction-test-result .output-differs,
.manual-grade-test-result .output-differs {
  font-size: 16px;
  margin: 0 0 16px 16px;
}
.expected-output-test-result .results-hidden-text,
.manual-deduction-test-result .results-hidden-text,
.manual-grade-test-result .results-hidden-text {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 14px;
  margin: 10px 34px;
}
.expected-output-test-result .results-hidden-text.instructor,
.manual-deduction-test-result .results-hidden-text.instructor,
.manual-grade-test-result .results-hidden-text.instructor {
  font-style: italic;
}
.expected-output-test-result .results-hidden-text-manual-grading,
.manual-deduction-test-result .results-hidden-text-manual-grading,
.manual-grade-test-result .results-hidden-text-manual-grading {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 14px;
  margin-bottom: 0;
}
.expected-output-test-result .results-hidden-text-manual-grading.margin-14,
.manual-deduction-test-result .results-hidden-text-manual-grading.margin-14,
.manual-grade-test-result .results-hidden-text-manual-grading.margin-14 {
  margin-bottom: 14px;
}
.expected-output-test-result .results-hidden-text-manual-grading.instructor,
.manual-deduction-test-result .results-hidden-text-manual-grading.instructor,
.manual-grade-test-result .results-hidden-text-manual-grading.instructor {
  font-style: italic;
}
.expected-output-test-result .description-text,
.manual-deduction-test-result .description-text,
.manual-grade-test-result .description-text {
  font-size: 16px;
  margin-bottom: 14px;
}

.strict-equal-assert-result .actual-type,
.strict-equal-assert-result .expected-type {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  margin-left: 16px;
}
.strict-equal-assert-result .type-message {
  margin-left: 16px;
}

.test-result {
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  margin-bottom: 8px;
}
.test-result .test-header {
  justify-content: space-between;
  margin: 8px 0;
  max-width: 100%;
}
.test-result .test-header .test-title-container {
  align-items: center;
  color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
  max-width: 90%;
  transition-duration: 0.5s;
}
.test-result .test-header .test-title-container i {
  margin: 1px 4px 0 0;
}
.test-result .test-header .test-title-container span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.test-result .test-header .zb-input-label {
  margin-bottom: 0;
}
.test-result .test-header .expand-button {
  color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
}
.test-result.allow-expand .test-header {
  cursor: pointer;
}
.test-result.allow-expand .test-header:hover .test-title-container span {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}
.test-result.allow-expand .test-header.not-button {
  cursor: default;
}
.test-result .expected-output-test-result,
.test-result .unit-test-result,
.test-result .manual-deduction-test-result,
.test-result .manual-grade-test-result {
  padding: 8px 16px;
}
.test-result .expected-output-test-result.remove-padding-top,
.test-result .unit-test-result.remove-padding-top,
.test-result .manual-deduction-test-result.remove-padding-top,
.test-result .manual-grade-test-result.remove-padding-top {
  padding-top: 0;
}
.test-result .test-result-row.align-start {
  align-items: flex-start;
}
.test-result .test-result-row {
  align-items: center;
  margin-bottom: 15px;
}
.test-result .result-row-description {
  margin-right: 16px;
  min-width: 150px;
  text-align: right;
  width: 150px;
}
.test-result .output-comparison {
  margin: auto auto 0;
}
.test-result .sql-output-container {
  background-color: hsl(calc(var(--zb-semantic-color-background-h) + 0deg), calc(var(--zb-semantic-color-background-s) + 0%), calc(var(--zb-semantic-color-background-l) + 0%), calc(var(--zb-semantic-color-background-a) + 0));
  border: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + -0.5));
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  overflow-x: auto;
}
.test-result .sql-output-container ::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0);
}
.test-result .sql-output-container .result-table-container {
  margin: 10px;
  margin-right: 0;
  max-height: 600px;
  min-height: 60px;
  overflow-y: auto;
  padding-right: 10px;
}
.test-result .sql-output-container .result-table-container table {
  align-self: flex-start;
  border-collapse: separate;
  border-top: none;
  font-weight: 300;
}
.test-result .sql-output-container .result-table-container table th,
.test-result .sql-output-container .result-table-container table td {
  border-left: none;
}
.test-result .sql-output-container .result-table-container table td {
  border-top: none;
}
.test-result .sql-output-container .result-table-container table thead {
  position: sticky;
  top: 0;
}
.test-result .sql-output-container .result-table-container table thead th {
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-table-border-h) + 0deg), calc(var(--zb-semantic-color-table-border-s) + 0%), calc(var(--zb-semantic-color-table-border-l) + 0%), calc(var(--zb-semantic-color-table-border-a) + 0));
}
.test-result .sql-output-container .result-table-container table th:last-child,
.test-result .sql-output-container .result-table-container table td:last-child {
  border-right: none;
}
.test-result .sql-output-container .result-table-container table tr:last-child td {
  border-bottom: none;
}
.test-result .sql-output-container .result-table-container table tr.is-selected td,
.test-result .sql-output-container .result-table-container table tr.is-selected th {
  background-color: hsl(calc(var(--zb-semantic-color-highlight-h) + 0deg), calc(var(--zb-semantic-color-highlight-s) + 0%), calc(var(--zb-semantic-color-highlight-l) + 0%), calc(var(--zb-semantic-color-highlight-a) + 0));
}
.test-result .sql-output-container .result-table-container table th.is-selected {
  background-color: hsl(calc(var(--zb-semantic-color-highlight-h) + 0deg), calc(var(--zb-semantic-color-highlight-s) + 0%), calc(var(--zb-semantic-color-highlight-l) + 0%), calc(var(--zb-semantic-color-highlight-a) + 0));
}

.unit-test-result {
  padding: 8px 16px;
}
.unit-test-result .description {
  margin-bottom: 12px;
}
.unit-test-result .programming-code-output:not(.error-output) {
  display: inline-block;
}

.zylab-submission-result .margin-bottom,
.zylab-submission-result .compile-output-header {
  margin-bottom: 16px;
}
.zylab-submission-result .compile-output-header {
  color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
}
.zylab-submission-result .test-result:nth-of-type(1) {
  border-top: 0;
}
.zylab-submission-result .submission-result-controls {
  justify-content: space-between;
  margin: 16px 0;
}
.zylab-submission-result .submission-result-controls .hide-tests-container {
  align-items: center;
}
.zylab-submission-result .submission-result-controls .hide-tests-container input {
  margin-bottom: 3px;
}
.zylab-submission-result .submission-result-controls .hide-tests-container span {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 14px;
  font-style: italic;
  margin-left: 24px;
}
.zylab-submission-result .submission-result-controls .download-submission-button {
  padding: 0;
}

.test-results-modal .testing-instructions-list {
  margin: 0;
}
.test-results-modal .selected-submission {
  color: hsl(calc(var(--zb-semantic-color-success-h) + 0deg), calc(var(--zb-semantic-color-success-s) + 0%), calc(var(--zb-semantic-color-success-l) + 0%), calc(var(--zb-semantic-color-success-a) + 0));
}
.test-results-modal .selected-submission .passed-message {
  align-items: center;
  display: flex;
}
.test-results-modal .selected-submission .passed-message i {
  color: hsl(calc(var(--zb-semantic-color-success-h) + 0deg), calc(var(--zb-semantic-color-success-s) + 0%), calc(var(--zb-semantic-color-success-l) + 0%), calc(var(--zb-semantic-color-success-a) + 0));
  margin-left: 4px;
}
.test-results-modal .markdown-to-html {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-background-h) + 0deg), calc(var(--zb-semantic-color-disabled-background-s) + 0%), calc(var(--zb-semantic-color-disabled-background-l) + 0%), calc(var(--zb-semantic-color-disabled-background-a) + 0));
  margin-left: 12px;
  max-width: 50%;
}
.test-results-modal .markdown-to-html p {
  margin: 0;
  max-width: 100%;
  overflow: hidden;
}
.test-results-modal .markdown-to-html code {
  display: block;
  white-space: nowrap;
}
.test-results-modal .zb-actions {
  max-width: 100%;
}

.zylabs-edit-lite-component {
  margin-top: 12px;
}
.zylabs-edit-lite-component .additional-file-row-expanded {
  height: -moz-fit-content;
  height: fit-content;
}
.zylabs-edit-lite-component .additional-file-row-expanded .pdf-file-viewer {
  height: 500px;
}
.zylabs-edit-lite-component .additional-file-row-expanded .file-viewer {
  height: 350px;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
.zylabs-edit-lite-component .markdown-to-html {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-background-h) + 0deg), calc(var(--zb-semantic-color-disabled-background-s) + 0%), calc(var(--zb-semantic-color-disabled-background-l) + 0%), calc(var(--zb-semantic-color-disabled-background-a) + 0));
  max-width: 50%;
}
.zylabs-edit-lite-component .markdown-to-html p {
  margin: 0;
  max-width: 100%;
  overflow: hidden;
}
.zylabs-edit-lite-component .markdown-to-html code {
  display: block;
  white-space: nowrap;
}
.zylabs-edit-lite-component .command-container {
  align-items: center;
  flex-wrap: wrap;
  max-width: 100%;
}
.zylabs-edit-lite-component .label {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 12px;
  margin-bottom: 4px;
  pointer-events: none;
}
.zylabs-edit-lite-component .compare-output-test .zb-button {
  padding: 0;
}
.zylabs-edit-lite-component .compare-output-test .zb-button span {
  margin-left: 0;
}
.zylabs-edit-lite-component .compare-output-test .advanced-grading .zb-button span {
  color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  font-weight: 600;
}
.zylabs-edit-lite-component .compare-output-test .compare-output-selector .zb-input-container {
  height: 100%;
}
.zylabs-edit-lite-component .compare-output-test .zb-radio-button label::after {
  top: 6px;
}
.zylabs-edit-lite-component .compare-output-test .zb-radio-button label::before {
  top: 2px;
}
.zylabs-edit-lite-component .divider {
  height: 28px;
  width: 2px;
}
.zylabs-edit-lite-component .header-text {
  background-color: transparent;
  border: 1px solid transparent;
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  display: inline-flex;
  font-size: 22px;
  height: 34px;
  line-height: 34px;
  margin: 0 0 8px;
  padding: 0;
  vertical-align: middle;
  white-space: nowrap;
}
.zylabs-edit-lite-component .header-text.small {
  display: block;
  font-size: 18px;
  height: 28px;
  line-height: 28px;
}
.zylabs-edit-lite-component .sub-text {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  margin: 0 auto;
}
.zylabs-edit-lite-component .sub-text.grey {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
}
.zylabs-edit-lite-component .sub-text.small {
  font-size: 14px;
  line-height: 20px;
}
.zylabs-edit-lite-component .froala-editor {
  margin-top: 20px;
}
.zylabs-edit-lite-component .froala-editor .fr-toolbar {
  border-radius: unset;
  box-shadow: 0 0 1px hsl(calc(var(--zb-semantic-color-grey-400-h) + 0deg), calc(var(--zb-semantic-color-grey-400-s) + 0%), calc(var(--zb-semantic-color-grey-400-l) + 0%), calc(var(--zb-semantic-color-grey-400-a) + 0)), 2px 2px 5px rgba(0, 0, 0, 0.1);
  position: unset;
  top: unset;
  width: -moz-fit-content;
  width: fit-content;
}
.zylabs-edit-lite-component .froala-editor .fr-box.fr-basic .fr-wrapper {
  border: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  margin-top: 12px;
  max-height: 340px;
  min-height: 120px;
  overflow: hidden;
}
.zylabs-edit-lite-component .froala-editor .fr-box.fr-basic .fr-element {
  margin-bottom: 0;
  margin-top: 0;
  max-height: 324px;
  min-height: 120px;
  overflow-y: auto;
  padding: 16px;
}
.zylabs-edit-lite-component .froala-editor .fr-box.fr-basic .fr-element p {
  margin: 0;
}
.zylabs-edit-lite-component .zb-card-content {
  padding: 16px;
}
.zylabs-edit-lite-component .test-row {
  max-width: calc(100% - 42px);
}
.zylabs-edit-lite-component .submission-files .add-file {
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  padding: 16px 0;
}
.zylabs-edit-lite-component .submission-files .add-file .file-selector {
  max-height: 108px;
  overflow: auto;
}
.zylabs-edit-lite-component .submission-files .add-file .file-selector.overflow-shadow {
  box-shadow: 0 0 1px hsl(calc(var(--zb-semantic-color-grey-400-h) + 0deg), calc(var(--zb-semantic-color-grey-400-s) + 0%), calc(var(--zb-semantic-color-grey-400-l) + 0%), calc(var(--zb-semantic-color-grey-400-a) + 0)), 2px 2px 5px rgba(0, 0, 0, 0.1) inset;
}
.zylabs-edit-lite-component .submission-files .add-file .file-selector .filename {
  border-radius: 0 6px 6px 0;
  padding: 8px 0;
  width: 95%;
}
.zylabs-edit-lite-component .submission-files .add-file .file-selector .filename.selected {
  background: hsl(calc(var(--zb-semantic-color-zybook-labs-file-selected-background-h) + 0deg), calc(var(--zb-semantic-color-zybook-labs-file-selected-background-s) + 0%), calc(var(--zb-semantic-color-zybook-labs-file-selected-background-l) + 0%), calc(var(--zb-semantic-color-zybook-labs-file-selected-background-a) + 0));
}
.zylabs-edit-lite-component .submission-files .code-editor {
  margin-left: 60px;
  margin-top: 16px;
}
.zylabs-edit-lite-component .submission-files .code-editor .ace-editor-container {
  box-shadow: 0 0 0 hsl(calc(var(--zb-semantic-color-grey-400-h) + 0deg), calc(var(--zb-semantic-color-grey-400-s) + 0%), calc(var(--zb-semantic-color-grey-400-l) + 0%), calc(var(--zb-semantic-color-grey-400-a) + 0)), 2px 2px 4px rgba(0, 0, 0, 0.1);
  min-height: 300px;
}
.zylabs-edit-lite-component .submission-files .code-editor .ace-editor-container .ace-editor {
  min-height: inherit;
}
.zylabs-edit-lite-component .submission-files .file-details {
  padding: 16px;
}
.zylabs-edit-lite-component .submission-files .sub-card {
  padding: 0;
}
.zylabs-edit-lite-component .submission-files .sub-titles {
  font-weight: bold;
  margin-bottom: 8px;
  margin-top: 0;
}
.zylabs-edit-lite-component .submission-files .tooltip {
  max-width: -moz-fit-content;
  max-width: fit-content;
  z-index: 4;
}
.zylabs-edit-lite-component .submission-files .zb-card-content {
  padding: 0;
}

.test-results .card-title {
  font-size: 18px;
}
.test-results .passed-message {
  align-items: center;
  color: hsl(calc(var(--zb-semantic-color-success-h) + 0deg), calc(var(--zb-semantic-color-success-s) + 0%), calc(var(--zb-semantic-color-success-l) + 0%), calc(var(--zb-semantic-color-success-a) + 0));
  display: flex;
  margin-right: 16px;
}
.test-results .passed-message i {
  color: hsl(calc(var(--zb-semantic-color-success-h) + 0deg), calc(var(--zb-semantic-color-success-s) + 0%), calc(var(--zb-semantic-color-success-l) + 0%), calc(var(--zb-semantic-color-success-a) + 0));
  margin-left: 4px;
}
.test-results.zb-card div.zb-card-content {
  margin: 0;
  width: auto;
}

.text-description {
  margin-right: 16px;
  min-width: 150px;
  text-align: right;
  width: 150px;
}

.asserts {
  margin-left: 24px;
}
.asserts .align-with-icon {
  margin-top: 3px;
}
.asserts .assert-result {
  margin-bottom: 16px;
  margin-top: 16px;
}
.asserts .assert-result .assert-title-row {
  align-items: center;
  display: flex;
}
.asserts .assert-result .assert-title-row .pass-icon {
  margin-right: 8px;
}
.asserts .assert-result .assert-values {
  margin-bottom: 4px;
  margin-top: 4px;
}

.test-message {
  margin-top: 8px;
}

.test-result {
  border-top: 1px solid "border";
  margin-bottom: 8px;
}

.test-result-row {
  align-items: center;
  flex-direction: row;
  margin-bottom: 15px;
}

.result-row-description {
  margin-right: 16px;
  min-width: 150px;
  text-align: right;
  width: 150px;
}

.test-header {
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  cursor: pointer;
  margin-bottom: 8px;
}

.test-title-container {
  align-items: center;
}

.view-submissions.zb-card div.zb-card-content {
  margin: 0;
  width: auto;
}

.zystudio-group-activity .card-title {
  font-size: 18px;
}
.zystudio-group-activity .zb-select-container .select {
  margin-top: 0;
}
.zystudio-group-activity .zystudio-manual-test {
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.zystudio-group-activity .zystudio-manual-test p {
  margin-bottom: 0;
}
.zystudio-group-activity .zystudio-manual-test span {
  -webkit-hyphens: auto;
          hyphens: auto;
  overflow-wrap: anywhere;
}
.zystudio-group-activity .zystudio-manual-test .label-column {
  min-height: 45px;
}
.zystudio-group-activity .zystudio-manual-test .grades {
  align-items: center;
  display: flex;
  justify-content: center;
}
.zystudio-group-activity .zystudio-manual-test .input {
  align-items: baseline;
  margin-right: 20px;
}
.zystudio-group-activity .zystudio-manual-test input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
  text-align: center;
}
.zystudio-group-activity .zystudio-manual-test input::-webkit-outer-spin-button,
.zystudio-group-activity .zystudio-manual-test input::-webkit-inner-spin-button {
  margin: 0;
}
.zystudio-group-activity .zystudio-manual-test .manual-grade.zb-input-container {
  margin-left: 8px;
  margin-right: 8px;
  width: 58px;
}
.zystudio-group-activity .zystudio-manual-test .zb-input-container {
  margin-right: 8px;
  width: 400px;
}
.zystudio-group-activity .zystudio-user-submission-details {
  min-height: 520px;
}
.zystudio-group-activity .zystudio-user-submission-details .zystudio-latest-best-submission-row {
  align-items: center;
  display: flex;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 8px;
  margin-left: 25px;
  min-height: 20px;
}
.zystudio-group-activity .zystudio-user-submission-details .zystudio-latest-best-submission-row i {
  margin-right: 8px;
}
.zystudio-group-activity .zystudio-user-submission-details .zystudio-review-next-button {
  display: flex;
  justify-content: end;
}
.zystudio-group-activity .zb-list .item-container .border {
  display: none;
}
.zystudio-group-activity .zb-list .item-container .item-row {
  height: auto;
  padding-bottom: 0.3rem;
  padding-top: 0.3rem;
}
.zystudio-group-activity .zb-list .item-container .item-expanded {
  margin-left: 8px;
}

.zystudio-student-activity .card-title {
  font-size: 18px;
}
.zystudio-student-activity .zb-select-container .select {
  margin-top: 0;
}
.zystudio-student-activity .zystudio-manual-test {
  justify-content: space-between;
  margin-bottom: 10px;
}
.zystudio-student-activity .zystudio-manual-test p {
  margin-bottom: 0;
}
.zystudio-student-activity .zystudio-manual-test span {
  -webkit-hyphens: auto;
          hyphens: auto;
  overflow-wrap: anywhere;
}
.zystudio-student-activity .zystudio-manual-test .label-column {
  min-height: 45px;
}
.zystudio-student-activity .zystudio-manual-test .grades {
  align-items: center;
  display: flex;
  justify-content: center;
}
.zystudio-student-activity .zystudio-manual-test .input {
  align-items: baseline;
  min-width: 190px;
}
.zystudio-student-activity .zystudio-manual-test input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
  text-align: center;
}
.zystudio-student-activity .zystudio-manual-test input::-webkit-outer-spin-button,
.zystudio-student-activity .zystudio-manual-test input::-webkit-inner-spin-button {
  margin: 0;
}
.zystudio-student-activity .zystudio-manual-test .manual-grade.zb-input-container {
  margin-left: 8px;
  margin-right: 8px;
  width: 58px;
}
.zystudio-student-activity .zystudio-manual-test .zb-input-container {
  margin-right: 8px;
  width: 400px;
}
.zystudio-student-activity .zystudio-user-submission-details {
  min-height: 520px;
}
.zystudio-student-activity .zystudio-user-submission-details .zystudio-latest-best-submission-row {
  align-items: center;
  display: flex;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 8px;
  margin-left: 25px;
  min-height: 20px;
}
.zystudio-student-activity .zystudio-user-submission-details .zystudio-latest-best-submission-row i {
  margin-right: 8px;
}
.zystudio-student-activity .zystudio-user-submission-details .zystudio-review-next-button {
  display: flex;
  justify-content: end;
}
.zystudio-student-activity .zb-list .item-container .border {
  display: none;
}
.zystudio-student-activity .zb-list .item-container .item-row {
  height: auto;
  padding-bottom: 0.3rem;
  padding-top: 0.3rem;
}
.zystudio-student-activity .zb-list .item-container .item-expanded {
  margin-left: 8px;
}

.zystudio-similarity-checker .card-title {
  font-size: 18px;
}
.zystudio-similarity-checker .vertical-separator {
  border: solid #bdbdbd 1px;
  height: 80px;
  margin-left: 12px;
  margin-right: 16px;
}

.zystudio-readonly-resource .card-title {
  font-size: 18px;
}

.zystudio-class-statistics .card-title {
  font-size: 18px;
}

.text-diff-container {
  height: -moz-fit-content;
  height: fit-content;
  max-height: 300px;
  min-height: 100px;
}

.text-diff-panel {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  counter-reset: line 1;
  display: block !important;
  height: auto;
  max-height: 300px;
  min-height: 100px;
}
.text-diff-panel.highlight-original {
  background-color: #e6ffec;
  color: hsl(calc(var(--zb-semantic-color-black-h) + 0deg), calc(var(--zb-semantic-color-black-s) + 0%), calc(var(--zb-semantic-color-black-l) + 0%), calc(var(--zb-semantic-color-black-a) + 0));
}
.text-diff-panel.highlight-modified {
  background-color: #fff0ee;
  color: hsl(calc(var(--zb-semantic-color-black-h) + 0deg), calc(var(--zb-semantic-color-black-s) + 0%), calc(var(--zb-semantic-color-black-l) + 0%), calc(var(--zb-semantic-color-black-a) + 0));
}

.text-diff-panel div {
  line-height: 1.25rem;
  padding: 0 5px;
}

.text-diff-panel .filler {
  background: linear-gradient(135deg, #727272 0%, #727272 5%, transparent 5%, transparent 10%, #727272 10%, #727272 15%, transparent 15%, transparent 20%, #727272 20%, #727272 25%, transparent 25%, transparent 30%, #727272 30%, #727272 35%, transparent 35%, transparent 40%, #727272 40%, #727272 45%, transparent 45%, transparent 50%, #727272 50%, #727272 55%, transparent 55%, transparent 60%, #727272 60%, #727272 65%, transparent 65%, transparent 70%, #727272 70%, #727272 75%, transparent 70%, transparent 80%, #727272 80%, #727272 85%, transparent 85%, transparent 90%, #727272 90%, #727272 95%, transparent 95%);
  background-color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
  background-size: 3em 3em;
  height: 26px;
  opacity: 0.35;
}

.text-diff-panel .counter {
  counter-increment: css-counter 1;
}
.text-diff-panel .counter .inline-highlight {
  margin: 3px 0;
}
.text-diff-panel .counter .inline-highlight[class*=highlight-] {
  border-radius: 4px;
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
}
.text-diff-panel .counter .inline-highlight[class*=highlight-]:not(:empty) {
  border: 1px solid hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
  margin: 2px 0;
  padding: 0 2px;
}
.text-diff-panel .counter .inline-highlight.highlight-original {
  background-color: #055d20;
}
.text-diff-panel .counter .inline-highlight.highlight-modified {
  background-color: #a0111f;
}

.text-diff-panel .counter::before {
  color: rgb(156, 163, 175);
  content: counter(css-counter) ". ";
  display: inline-block;
  flex-shrink: 0;
  margin: 3px 0;
  width: 2.25em;
}

.forgot-page,
.reset-page,
.signin-page,
.signup-page,
.instructor-verify-page {
  overflow-x: hidden;
}
.forgot-page .alert-app-error,
.reset-page .alert-app-error,
.signin-page .alert-app-error,
.signup-page .alert-app-error,
.instructor-verify-page .alert-app-error {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
}
.forgot-page .forgot-password-card,
.forgot-page .instructor-verify-card,
.forgot-page .reset-card,
.forgot-page .sign-up-card,
.forgot-page .signin-card,
.reset-page .forgot-password-card,
.reset-page .instructor-verify-card,
.reset-page .reset-card,
.reset-page .sign-up-card,
.reset-page .signin-card,
.signin-page .forgot-password-card,
.signin-page .instructor-verify-card,
.signin-page .reset-card,
.signin-page .sign-up-card,
.signin-page .signin-card,
.signup-page .forgot-password-card,
.signup-page .instructor-verify-card,
.signup-page .reset-card,
.signup-page .sign-up-card,
.signup-page .signin-card,
.instructor-verify-page .forgot-password-card,
.instructor-verify-page .instructor-verify-card,
.instructor-verify-page .reset-card,
.instructor-verify-page .sign-up-card,
.instructor-verify-page .signin-card {
  margin: 48px auto 32px;
  max-width: 378px;
}
.forgot-page .forgot-password-card h1,
.forgot-page .instructor-verify-card h1,
.forgot-page .reset-card h1,
.forgot-page .sign-up-card h1,
.forgot-page .signin-card h1,
.reset-page .forgot-password-card h1,
.reset-page .instructor-verify-card h1,
.reset-page .reset-card h1,
.reset-page .sign-up-card h1,
.reset-page .signin-card h1,
.signin-page .forgot-password-card h1,
.signin-page .instructor-verify-card h1,
.signin-page .reset-card h1,
.signin-page .sign-up-card h1,
.signin-page .signin-card h1,
.signup-page .forgot-password-card h1,
.signup-page .instructor-verify-card h1,
.signup-page .reset-card h1,
.signup-page .sign-up-card h1,
.signup-page .signin-card h1,
.instructor-verify-page .forgot-password-card h1,
.instructor-verify-page .instructor-verify-card h1,
.instructor-verify-page .reset-card h1,
.instructor-verify-page .sign-up-card h1,
.instructor-verify-page .signin-card h1 {
  margin: 16px 0 32px;
}
.forgot-page .forgot-password-card .card-header-large,
.forgot-page .instructor-verify-card .card-header-large,
.forgot-page .reset-card .card-header-large,
.forgot-page .sign-up-card .card-header-large,
.forgot-page .signin-card .card-header-large,
.reset-page .forgot-password-card .card-header-large,
.reset-page .instructor-verify-card .card-header-large,
.reset-page .reset-card .card-header-large,
.reset-page .sign-up-card .card-header-large,
.reset-page .signin-card .card-header-large,
.signin-page .forgot-password-card .card-header-large,
.signin-page .instructor-verify-card .card-header-large,
.signin-page .reset-card .card-header-large,
.signin-page .sign-up-card .card-header-large,
.signin-page .signin-card .card-header-large,
.signup-page .forgot-password-card .card-header-large,
.signup-page .instructor-verify-card .card-header-large,
.signup-page .reset-card .card-header-large,
.signup-page .sign-up-card .card-header-large,
.signup-page .signin-card .card-header-large,
.instructor-verify-page .forgot-password-card .card-header-large,
.instructor-verify-page .instructor-verify-card .card-header-large,
.instructor-verify-page .reset-card .card-header-large,
.instructor-verify-page .sign-up-card .card-header-large,
.instructor-verify-page .signin-card .card-header-large {
  margin-top: 0;
}
.forgot-page .forgot-password-card .error,
.forgot-page .instructor-verify-card .error,
.forgot-page .reset-card .error,
.forgot-page .sign-up-card .error,
.forgot-page .signin-card .error,
.reset-page .forgot-password-card .error,
.reset-page .instructor-verify-card .error,
.reset-page .reset-card .error,
.reset-page .sign-up-card .error,
.reset-page .signin-card .error,
.signin-page .forgot-password-card .error,
.signin-page .instructor-verify-card .error,
.signin-page .reset-card .error,
.signin-page .sign-up-card .error,
.signin-page .signin-card .error,
.signup-page .forgot-password-card .error,
.signup-page .instructor-verify-card .error,
.signup-page .reset-card .error,
.signup-page .sign-up-card .error,
.signup-page .signin-card .error,
.instructor-verify-page .forgot-password-card .error,
.instructor-verify-page .instructor-verify-card .error,
.instructor-verify-page .reset-card .error,
.instructor-verify-page .sign-up-card .error,
.instructor-verify-page .signin-card .error {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.forgot-page .forgot-password-card .disclaimer-text,
.forgot-page .instructor-verify-card .disclaimer-text,
.forgot-page .reset-card .disclaimer-text,
.forgot-page .sign-up-card .disclaimer-text,
.forgot-page .signin-card .disclaimer-text,
.reset-page .forgot-password-card .disclaimer-text,
.reset-page .instructor-verify-card .disclaimer-text,
.reset-page .reset-card .disclaimer-text,
.reset-page .sign-up-card .disclaimer-text,
.reset-page .signin-card .disclaimer-text,
.signin-page .forgot-password-card .disclaimer-text,
.signin-page .instructor-verify-card .disclaimer-text,
.signin-page .reset-card .disclaimer-text,
.signin-page .sign-up-card .disclaimer-text,
.signin-page .signin-card .disclaimer-text,
.signup-page .forgot-password-card .disclaimer-text,
.signup-page .instructor-verify-card .disclaimer-text,
.signup-page .reset-card .disclaimer-text,
.signup-page .sign-up-card .disclaimer-text,
.signup-page .signin-card .disclaimer-text,
.instructor-verify-page .forgot-password-card .disclaimer-text,
.instructor-verify-page .instructor-verify-card .disclaimer-text,
.instructor-verify-page .reset-card .disclaimer-text,
.instructor-verify-page .sign-up-card .disclaimer-text,
.instructor-verify-page .signin-card .disclaimer-text {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  margin-bottom: 8px;
  margin-top: 20px;
}
.forgot-page .forgot-password-card .zb-card-content,
.forgot-page .instructor-verify-card .zb-card-content,
.forgot-page .reset-card .zb-card-content,
.forgot-page .sign-up-card .zb-card-content,
.forgot-page .signin-card .zb-card-content,
.reset-page .forgot-password-card .zb-card-content,
.reset-page .instructor-verify-card .zb-card-content,
.reset-page .reset-card .zb-card-content,
.reset-page .sign-up-card .zb-card-content,
.reset-page .signin-card .zb-card-content,
.signin-page .forgot-password-card .zb-card-content,
.signin-page .instructor-verify-card .zb-card-content,
.signin-page .reset-card .zb-card-content,
.signin-page .sign-up-card .zb-card-content,
.signin-page .signin-card .zb-card-content,
.signup-page .forgot-password-card .zb-card-content,
.signup-page .instructor-verify-card .zb-card-content,
.signup-page .reset-card .zb-card-content,
.signup-page .sign-up-card .zb-card-content,
.signup-page .signin-card .zb-card-content,
.instructor-verify-page .forgot-password-card .zb-card-content,
.instructor-verify-page .instructor-verify-card .zb-card-content,
.instructor-verify-page .reset-card .zb-card-content,
.instructor-verify-page .sign-up-card .zb-card-content,
.instructor-verify-page .signin-card .zb-card-content {
  max-width: 330px;
  min-width: 300px;
}
.forgot-page .forgot-password-card .zb-button,
.forgot-page .instructor-verify-card .zb-button,
.forgot-page .reset-card .zb-button,
.forgot-page .sign-up-card .zb-button,
.forgot-page .signin-card .zb-button,
.reset-page .forgot-password-card .zb-button,
.reset-page .instructor-verify-card .zb-button,
.reset-page .reset-card .zb-button,
.reset-page .sign-up-card .zb-button,
.reset-page .signin-card .zb-button,
.signin-page .forgot-password-card .zb-button,
.signin-page .instructor-verify-card .zb-button,
.signin-page .reset-card .zb-button,
.signin-page .sign-up-card .zb-button,
.signin-page .signin-card .zb-button,
.signup-page .forgot-password-card .zb-button,
.signup-page .instructor-verify-card .zb-button,
.signup-page .reset-card .zb-button,
.signup-page .sign-up-card .zb-button,
.signup-page .signin-card .zb-button,
.instructor-verify-page .forgot-password-card .zb-button,
.instructor-verify-page .instructor-verify-card .zb-button,
.instructor-verify-page .reset-card .zb-button,
.instructor-verify-page .sign-up-card .zb-button,
.instructor-verify-page .signin-card .zb-button {
  margin-top: 8px;
}
.forgot-page .forgot-password-card .full-width,
.forgot-page .instructor-verify-card .full-width,
.forgot-page .reset-card .full-width,
.forgot-page .sign-up-card .full-width,
.forgot-page .signin-card .full-width,
.reset-page .forgot-password-card .full-width,
.reset-page .instructor-verify-card .full-width,
.reset-page .reset-card .full-width,
.reset-page .sign-up-card .full-width,
.reset-page .signin-card .full-width,
.signin-page .forgot-password-card .full-width,
.signin-page .instructor-verify-card .full-width,
.signin-page .reset-card .full-width,
.signin-page .sign-up-card .full-width,
.signin-page .signin-card .full-width,
.signup-page .forgot-password-card .full-width,
.signup-page .instructor-verify-card .full-width,
.signup-page .reset-card .full-width,
.signup-page .sign-up-card .full-width,
.signup-page .signin-card .full-width,
.instructor-verify-page .forgot-password-card .full-width,
.instructor-verify-page .instructor-verify-card .full-width,
.instructor-verify-page .reset-card .full-width,
.instructor-verify-page .sign-up-card .full-width,
.instructor-verify-page .signin-card .full-width {
  width: 100%;
}
.forgot-page .forgot-password-card .zb-checkbox,
.forgot-page .instructor-verify-card .zb-checkbox,
.forgot-page .reset-card .zb-checkbox,
.forgot-page .sign-up-card .zb-checkbox,
.forgot-page .signin-card .zb-checkbox,
.reset-page .forgot-password-card .zb-checkbox,
.reset-page .instructor-verify-card .zb-checkbox,
.reset-page .reset-card .zb-checkbox,
.reset-page .sign-up-card .zb-checkbox,
.reset-page .signin-card .zb-checkbox,
.signin-page .forgot-password-card .zb-checkbox,
.signin-page .instructor-verify-card .zb-checkbox,
.signin-page .reset-card .zb-checkbox,
.signin-page .sign-up-card .zb-checkbox,
.signin-page .signin-card .zb-checkbox,
.signup-page .forgot-password-card .zb-checkbox,
.signup-page .instructor-verify-card .zb-checkbox,
.signup-page .reset-card .zb-checkbox,
.signup-page .sign-up-card .zb-checkbox,
.signup-page .signin-card .zb-checkbox,
.instructor-verify-page .forgot-password-card .zb-checkbox,
.instructor-verify-page .instructor-verify-card .zb-checkbox,
.instructor-verify-page .reset-card .zb-checkbox,
.instructor-verify-page .sign-up-card .zb-checkbox,
.instructor-verify-page .signin-card .zb-checkbox {
  margin-bottom: 8px;
  margin-top: 8px;
}
.forgot-page .forgot-password-card .submit-button,
.forgot-page .instructor-verify-card .submit-button,
.forgot-page .reset-card .submit-button,
.forgot-page .sign-up-card .submit-button,
.forgot-page .signin-card .submit-button,
.reset-page .forgot-password-card .submit-button,
.reset-page .instructor-verify-card .submit-button,
.reset-page .reset-card .submit-button,
.reset-page .sign-up-card .submit-button,
.reset-page .signin-card .submit-button,
.signin-page .forgot-password-card .submit-button,
.signin-page .instructor-verify-card .submit-button,
.signin-page .reset-card .submit-button,
.signin-page .sign-up-card .submit-button,
.signin-page .signin-card .submit-button,
.signup-page .forgot-password-card .submit-button,
.signup-page .instructor-verify-card .submit-button,
.signup-page .reset-card .submit-button,
.signup-page .sign-up-card .submit-button,
.signup-page .signin-card .submit-button,
.instructor-verify-page .forgot-password-card .submit-button,
.instructor-verify-page .instructor-verify-card .submit-button,
.instructor-verify-page .reset-card .submit-button,
.instructor-verify-page .sign-up-card .submit-button,
.instructor-verify-page .signin-card .submit-button {
  justify-content: center;
}
@media (max-width: 376px) {
  .forgot-page .forgot-password-card,
  .forgot-page .instructor-verify-card,
  .forgot-page .reset-card,
  .forgot-page .sign-up-card,
  .forgot-page .signin-card,
  .reset-page .forgot-password-card,
  .reset-page .instructor-verify-card,
  .reset-page .reset-card,
  .reset-page .sign-up-card,
  .reset-page .signin-card,
  .signin-page .forgot-password-card,
  .signin-page .instructor-verify-card,
  .signin-page .reset-card,
  .signin-page .sign-up-card,
  .signin-page .signin-card,
  .signup-page .forgot-password-card,
  .signup-page .instructor-verify-card,
  .signup-page .reset-card,
  .signup-page .sign-up-card,
  .signup-page .signin-card,
  .instructor-verify-page .forgot-password-card,
  .instructor-verify-page .instructor-verify-card,
  .instructor-verify-page .reset-card,
  .instructor-verify-page .sign-up-card,
  .instructor-verify-page .signin-card {
    margin: 16px;
  }
  .forgot-page .forgot-password-card .zb-card-content,
  .forgot-page .instructor-verify-card .zb-card-content,
  .forgot-page .reset-card .zb-card-content,
  .forgot-page .sign-up-card .zb-card-content,
  .forgot-page .signin-card .zb-card-content,
  .reset-page .forgot-password-card .zb-card-content,
  .reset-page .instructor-verify-card .zb-card-content,
  .reset-page .reset-card .zb-card-content,
  .reset-page .sign-up-card .zb-card-content,
  .reset-page .signin-card .zb-card-content,
  .signin-page .forgot-password-card .zb-card-content,
  .signin-page .instructor-verify-card .zb-card-content,
  .signin-page .reset-card .zb-card-content,
  .signin-page .sign-up-card .zb-card-content,
  .signin-page .signin-card .zb-card-content,
  .signup-page .forgot-password-card .zb-card-content,
  .signup-page .instructor-verify-card .zb-card-content,
  .signup-page .reset-card .zb-card-content,
  .signup-page .sign-up-card .zb-card-content,
  .signup-page .signin-card .zb-card-content,
  .instructor-verify-page .forgot-password-card .zb-card-content,
  .instructor-verify-page .instructor-verify-card .zb-card-content,
  .instructor-verify-page .reset-card .zb-card-content,
  .instructor-verify-page .sign-up-card .zb-card-content,
  .instructor-verify-page .signin-card .zb-card-content {
    min-width: inherit;
    padding: 12px;
  }
}
.forgot-page .signin-card .zb-card-content,
.reset-page .signin-card .zb-card-content,
.signin-page .signin-card .zb-card-content,
.signup-page .signin-card .zb-card-content,
.instructor-verify-page .signin-card .zb-card-content {
  display: grid;
  grid-template-rows: 1fr 30px 160px auto;
}

.code-explanation .compile-output-header {
  align-items: center;
  display: flex;
}
.code-explanation .compile-output-header i {
  margin-right: 5px;
}
.code-explanation .test-title-container &gt; span {
  line-height: 25px;
}
.code-explanation .test-result .expected-output-test-result .test-result-row .newline-messaging {
  font-family: Courier New, monospace;
  padding: 4px 10px;
}
.code-explanation .test-result .expected-output-test-result .test-result-row .newline-messaging .newline-message {
  font-size: 14px;
  white-space: pre;
}

html {
  font-family: "Roboto", sans-serif;
  scroll-padding-top: 60px;
}

body {
  background-color: hsl(calc(var(--zb-semantic-color-background-h) + 0deg), calc(var(--zb-semantic-color-background-s) + 0%), calc(var(--zb-semantic-color-background-l) + 0%), calc(var(--zb-semantic-color-background-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  display: flex;
  flex-direction: column;
  -webkit-font-smoothing: subpixel-antialiased;
  margin: 0;
}

code,
pre {
  font-family: "Courier", monospace, sans-serif;
  font-weight: normal;
}

button,
input,
optgroup,
select,
textarea {
  background-color: hsl(calc(var(--zb-semantic-color-background-h) + 0deg), calc(var(--zb-semantic-color-background-s) + 0%), calc(var(--zb-semantic-color-background-l) + 0%), calc(var(--zb-semantic-color-background-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  font-family: inherit;
  font-size: 100%;
  font-variant: inherit;
  line-height: 1.15;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

.top-toolbar {
  height: 56px;
  position: fixed;
  top: 0;
  width: 100vw;
}

.skip-link {
  left: -9999px;
  overflow: hidden;
  position: absolute;
  top: -9999px;
}

.skip-link:focus {
  background: #000000;
  color: #ffffff;
  left: 10px;
  outline-offset: 4px;
  padding: 8px;
  position: fixed;
  text-decoration: none;
  top: 65px;
  z-index: 9999;
}

.route-container,
main {
  margin-top: 56px;
  min-height: 100vh;
  -webkit-overflow-scrolling: auto;
  overflow-x: auto;
}

.route-container {
  background-color: hsl(calc(var(--zb-semantic-color-background-h) + 0deg), calc(var(--zb-semantic-color-background-s) + 0%), calc(var(--zb-semantic-color-background-l) + 0%), calc(var(--zb-semantic-color-background-a) + 0));
  flex-grow: 1;
  margin-left: 312px;
  transition-duration: 0.5s;
  transition-property: margin-left;
}
.route-container.no-margin-left {
  margin-left: 0;
}

#MathJax_Message {
  display: none;
}

mjx-container:not([display]) {
  display: inline-block;
  padding: 1px 0;
  text-indent: 0;
}

.readonly-run-command {
  align-items: center;
  display: flex;
  margin-bottom: 16px;
}
.readonly-run-command label {
  margin-bottom: 0;
  margin-right: 8px;
}

.run.command-container {
  display: flex;
  margin-top: 4px;
}
.run.command-container .markdown-to-html {
  height: 30px;
  margin-right: 4px;
}
.run.command-container .zb-input-container {
  flex-grow: 1;
  width: 0;
}

.zylabs-edit {
  height: 100%;
  margin-bottom: 48px;
}
.zylabs-edit .loading-content {
  margin-top: 48px;
}
.zylabs-edit .section-header {
  margin-bottom: 12px;
}
.zylabs-edit .check-icon {
  margin-bottom: 4px;
}
.zylabs-edit .code {
  color: hsl(calc(var(--zb-semantic-color-zylabs-edit-code-h) + 0deg), calc(var(--zb-semantic-color-zylabs-edit-code-s) + 0%), calc(var(--zb-semantic-color-zylabs-edit-code-l) + 0%), calc(var(--zb-semantic-color-zylabs-edit-code-a) + 0));
  font-family: "Courier", monospace, sans-serif;
}
.zylabs-edit .row-item-spacing {
  margin-right: 16px;
}
.zylabs-edit .file-info {
  min-width: 96px;
}
.zylabs-edit .run-message {
  margin-right: 8px;
}
.zylabs-edit .lab-sections-container {
  align-items: center;
  flex: 1;
  width: 100%;
}
.zylabs-edit .lab-sections-container.centered {
  justify-content: center;
}
.zylabs-edit .italic-text,
.zylabs-edit .basic-options .additionalflags-container .additionalflags-description,
.basic-options .additionalflags-container .zylabs-edit .additionalflags-description,
.zylabs-edit .basic-options .command-container .command-description,
.basic-options .command-container .zylabs-edit .command-description,
.zylabs-edit .basic-options .option-content-container .hide-message,
.basic-options .option-content-container .zylabs-edit .hide-message,
.zylabs-edit .availability-options .sub-text,
.availability-options .zylabs-edit .sub-text,
.zylabs-edit .availability-options .time-window-row .time-window-started-message,
.availability-options .time-window-row .zylabs-edit .time-window-started-message {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 12px;
}
.zylabs-edit .error-color {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.zylabs-edit .section-announcement {
  margin-bottom: 16px;
  margin-top: 32px;
  width: 1000px;
}
.zylabs-edit .header-and-button {
  align-items: center;
  justify-content: space-between;
}
.zylabs-edit .header-and-button .zml-header {
  margin: 0;
}
.zylabs-edit .lab-section-base {
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
  width: 100%;
}
.zylabs-edit .lab-section-base.readonly {
  position: relative;
}
.zylabs-edit .lab-section-base.readonly .readonly-layer {
  background-color: hsl(calc(var(--zb-semantic-color-black-h) + 0deg), calc(var(--zb-semantic-color-black-s) + 0%), calc(var(--zb-semantic-color-black-l) + 0%), calc(var(--zb-semantic-color-black-a) + -0.46));
  inset: 0;
  margin-bottom: 12px;
  margin-top: 12px;
  pointer-events: none;
  position: absolute;
  z-index: 4;
}
.zylabs-edit .lab-section-base.readonly .lab-card:not(.expanded) + .readonly-layer {
  margin-bottom: 0;
  margin-top: 0;
}
.zylabs-edit .lab-section-base:first-child {
  margin-top: 24px;
}
.zylabs-edit .lab-section-base:first-child .lab-card.expanded {
  margin-top: 0;
}
.zylabs-edit .lab-section-base:last-child {
  margin-bottom: 24px;
}
.zylabs-edit .lab-section-base .lab-card:not(.expanded) {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-light-blue-grey-border-h) + 0deg), calc(var(--zb-semantic-color-light-blue-grey-border-s) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-l) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-a) + 0));
}
.zylabs-edit .lab-section-base .lab-card:not(.expanded) h2 {
  margin: 0;
}
.zylabs-edit .lab-section-base .lab-card:not(.expanded) label {
  cursor: inherit;
}
.zylabs-edit .lab-section-base .lab-card.expanded {
  margin-bottom: 12px;
  margin-top: 12px;
}
.zylabs-edit .validate-cointainer {
  margin: 12px 0;
}
.zylabs-edit .validate-cointainer .sql-validation-message {
  display: flex;
  margin: 0 12px;
}
.zylabs-edit .validate-cointainer .sql-validation-message.error {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
  font-size: 14px;
}
.zylabs-edit .validate-cointainer .sql-validation-message.success {
  color: hsl(calc(var(--zb-semantic-color-success-h) + 0deg), calc(var(--zb-semantic-color-success-s) + 0%), calc(var(--zb-semantic-color-success-l) + 0%), calc(var(--zb-semantic-color-success-a) + 0));
}
.zylabs-edit .validate-cointainer .zb-progress-circular {
  margin: 0 12px;
}
.zylabs-edit .nested-expandable-card {
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-light-blue-grey-border-h) + 0deg), calc(var(--zb-semantic-color-light-blue-grey-border-s) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-l) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-a) + 0));
  box-shadow: none;
}
.zylabs-edit .nested-expandable-card:not(.expanded) .zb-card-content {
  flex: 1;
  overflow: hidden;
}
.zylabs-edit .nested-expandable-card .edit-button-container {
  display: flex;
  margin: 8px;
}
.zylabs-edit .nested-expandable-card.expanded .zb-card-content {
  padding: 16px;
}
.zylabs-edit .zb-toolbar {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  bottom: 0;
  box-shadow: 0 -1px 3px hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.902));
  width: 100%;
}
.zylabs-edit .zb-toolbar .zb-actions {
  align-items: center;
  height: 48px;
  justify-content: space-between;
  margin: auto;
  max-width: 1000px;
}
.zylabs-edit .zylab-toolbar {
  position: fixed;
}
.zylabs-edit .test-results-modal .testing-instructions-list {
  margin: 0;
}
.zylabs-edit .test-results-modal .selected-submission {
  color: hsl(calc(var(--zb-semantic-color-success-h) + 0deg), calc(var(--zb-semantic-color-success-s) + 0%), calc(var(--zb-semantic-color-success-l) + 0%), calc(var(--zb-semantic-color-success-a) + 0));
}
.zylabs-edit .test-results-modal .selected-submission .passed-message {
  align-items: center;
  display: flex;
}
.zylabs-edit .test-results-modal .selected-submission .passed-message i {
  color: hsl(calc(var(--zb-semantic-color-success-h) + 0deg), calc(var(--zb-semantic-color-success-s) + 0%), calc(var(--zb-semantic-color-success-l) + 0%), calc(var(--zb-semantic-color-success-a) + 0));
  margin-left: 4px;
}
.zylabs-edit .test-results-modal .zb-actions {
  max-width: 100%;
}
.zylabs-edit .zylabs-matlab-info-modal img.zb-card {
  margin: 24px auto;
}
.zylabs-edit .zylabs-matlab-info-modal ol {
  padding: 16px;
}
.zylabs-edit .remove-lab-item-modal .zb-modal-content,
.zylabs-edit .save-lab-modal .zb-modal-content {
  padding: 16px;
}
.zylabs-edit .remove-lab-item-modal .zb-modal-content .image-container,
.zylabs-edit .save-lab-modal .zb-modal-content .image-container {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
.zylabs-edit .save-lab-modal table {
  width: 100%;
}
.zylabs-edit .save-lab-modal td {
  padding: 15px;
  text-align: left;
}
.zylabs-edit .save-lab-modal p,
.zylabs-edit .save-lab-modal td {
  margin: 0;
}

.zylabs-edit .lab-spec .title-row {
  align-items: center;
  display: flex;
}
.zylabs-edit .lab-spec .title-row .title-input {
  flex: 1;
  max-width: 400px;
}
.zylabs-edit .lab-spec .title-row .zybooks-owned-cb {
  margin-left: 32px;
}
.zylabs-edit .lab-spec .lab-instructions-label {
  margin-top: 8px;
}
.zylabs-edit .lab-spec .markdown-text-area {
  display: block;
  min-height: 100px;
  width: 100%;
}
.zylabs-edit .lab-spec .text-area-controls {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-light-blue-grey-border-h) + 0deg), calc(var(--zb-semantic-color-light-blue-grey-border-s) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-l) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-a) + 0));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-light-blue-grey-border-h) + 0deg), calc(var(--zb-semantic-color-light-blue-grey-border-s) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-l) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-light-blue-grey-border-h) + 0deg), calc(var(--zb-semantic-color-light-blue-grey-border-s) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-l) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-a) + 0));
}
.zylabs-edit .lab-spec .text-area-controls .buttons-container {
  align-items: center;
  justify-content: space-between;
  padding-left: 8px;
  padding-right: 8px;
}
.zylabs-edit .lab-spec .text-area-controls .buttons-container .markdown-button-container {
  align-items: center;
}
.zylabs-edit .lab-spec .section-card h2 {
  font-size: 32px;
}
.zylabs-edit .lab-spec .preview-modal .zb-modal-content {
  background-color: hsl(calc(var(--zb-semantic-color-background-h) + 0deg), calc(var(--zb-semantic-color-background-s) + 0%), calc(var(--zb-semantic-color-background-l) + 0%), calc(var(--zb-semantic-color-background-a) + 0));
}
.zylabs-edit .lab-spec .preview-modal .forbidden-html {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  font-family: "Courier", monospace, sans-serif;
  font-weight: bold;
  list-style-type: none;
  margin-bottom: 0.5rem;
  margin-left: 1.5rem;
}
.zylabs-edit .lab-spec .preview-modal .zb-actions {
  max-width: 100%;
}
.zylabs-edit .lab-spec .matlab-points {
  margin-top: 24px;
}
.zylabs-edit .lab-spec .matlab-points .matlab-points-message {
  margin-left: 16px;
  margin-top: 16px;
}

.zylabs-edit .zcl-options .title-row {
  align-items: center;
  display: flex;
}
.zylabs-edit .zcl-options .title-row .title-input,
.zylabs-edit .zcl-options .title-row .original-title-input {
  flex: 1;
  max-width: 400px;
}
.zylabs-edit .zcl-options .title-row .title-input {
  margin-right: 48px;
}

.availability-options .section-header.first {
  margin-top: 0;
}
.availability-options .zb-radio-button:first-of-type {
  margin-bottom: 8px;
}
.availability-options .message-text {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  font-size: 14px;
  font-weight: 300;
  margin: 0 4px;
}
.availability-options .section-availability-section .zb-checkbox {
  margin-bottom: 16px;
}
.availability-options .section-availability-section .time-gate {
  align-items: center;
  display: grid;
  grid-template: "a b" minmax(30px, auto) "c ." 16px/auto 1fr;
  margin-bottom: 12px;
}
.availability-options .section-availability-section .time-gate .ember-basic-dropdown,
.availability-options .section-availability-section .time-gate .user-select-container {
  grid-area: a;
}
.availability-options .section-availability-section .time-gate .time-gate-date-row {
  align-items: center;
  display: flex;
  grid-area: b;
  height: 30px;
  position: relative;
}
.availability-options .section-availability-section .time-gate .time-gate-date-row .date-time-picker {
  margin: 0;
  width: 250px;
}
.availability-options .sub-text {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 14px;
  font-weight: 300;
  margin-top: 4px;
}
.availability-options .sub-text.validation {
  color: hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
  grid-area: c;
}
.availability-options .sub-text.time-zone {
  position: absolute;
  top: 30px;
}
.availability-options .duration {
  margin: 16px 0;
}
.availability-options .duration .duration-row {
  align-items: center;
}
.availability-options .duration .duration-row .duration-trigger,
.availability-options .duration .duration-row .duration-dropdown {
  max-width: 134px;
  min-width: 50px;
}
.availability-options .duration .duration-row .duration-dropdown {
  width: 150px;
}
.availability-options .duration .duration-row .zb-button {
  margin-left: auto;
}
.availability-options .duration .hide-message {
  max-width: 502px;
}
.availability-options .user-select {
  min-height: 29px;
  width: 240px;
}
.availability-options .password-inputs {
  display: flex;
  margin-left: 32px;
  margin-top: 8px;
}
.availability-options .time-window-row {
  align-items: center;
  display: flex;
  flex-direction: row;
}
.availability-options .time-window-row .time-window-started-message {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 12px;
  margin-left: 32px;
  max-width: 520px;
}

.user-dropdown.ember-power-select-dropdown.ember-basic-dropdown-content--in-place,
.duration-dropdown.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  border-top: 1px solid #aaaaaa;
}

.ember-power-select-multiple-options {
  padding-left: 0;
}
.ember-power-select-multiple-options .ember-power-select-multiple-option {
  display: flex;
}

.ember-power-select-option[aria-disabled=true] {
  pointer-events: auto;
}

.basic-options .section-header.first {
  margin-top: 0;
}
.basic-options .languages-container {
  position: relative;
  width: 292px;
}
.basic-options .languages-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border-bottom-color: hsl(calc(var(--zb-semantic-color-light-blue-grey-border-h) + 0deg), calc(var(--zb-semantic-color-light-blue-grey-border-s) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-l) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-a) + 0));
  border-style: none none solid;
  color: hsl(calc(var(--zb-semantic-color-blue-grey-400-h) + 0deg), calc(var(--zb-semantic-color-blue-grey-400-s) + 0%), calc(var(--zb-semantic-color-blue-grey-400-l) + 0%), calc(var(--zb-semantic-color-blue-grey-400-a) + 0));
  height: 30px;
  padding-left: 8px;
  position: relative;
  width: 100%;
  z-index: 1;
}
.basic-options .languages-select-icon {
  position: absolute;
  right: 0;
  top: 3px;
  transform: scale(0.8, 1.4);
}
.basic-options .zb-checkbox {
  margin-left: 8px;
}
.basic-options .additionalflags-label {
  display: inline-block;
  margin-bottom: 0;
  margin-left: 8px;
  margin-top: 16px;
}
.basic-options .additionalflags-container {
  align-items: center;
  flex-wrap: wrap;
  margin-left: 8px;
  margin-right: 16px;
  max-width: 100%;
}
.basic-options .additionalflags-container .additionalflags-description {
  flex: 1;
  min-width: 150px;
}
.basic-options .additionalflags-container .additionalflags-input {
  flex: 0;
  margin-right: 16px;
  max-width: 100%;
  min-width: 30%;
}
.basic-options .additionalflags-container .additionalflags-input p {
  max-width: 100%;
  overflow: hidden;
}
.basic-options .run-command-input {
  max-width: 400px;
}
.basic-options .command-label.no-compile-flags {
  margin-top: 0;
}
.basic-options .command-label {
  display: inline-block;
  margin-bottom: 0;
  margin-left: 8px;
  margin-top: 16px;
}
.basic-options .command-container {
  align-items: center;
  flex-wrap: wrap;
  margin-left: 8px;
  margin-right: 16px;
  max-width: 100%;
}
.basic-options .command-container .command-description {
  flex: 1;
  min-width: 150px;
}
.basic-options .command-container .markdown-to-html {
  flex: 0;
  margin-right: 16px;
  max-width: 100%;
}
.basic-options .command-container .markdown-to-html p {
  max-width: 100%;
  overflow: hidden;
}
.basic-options .command-container .markdown-to-html code {
  white-space: nowrap;
}
.basic-options .compilation-table td,
.basic-options .compilation-table th {
  padding-left: 0;
  padding-right: 16px;
  text-align: left;
}
.basic-options .compilation-table td {
  padding-bottom: 4px;
}
.basic-options .compilation-table .flag-name-column {
  white-space: nowrap;
}
.basic-options .limit-options-table td {
  padding-left: 0;
  padding-right: 16px;
  vertical-align: top;
}
.basic-options .limit-options-table .limit-input-container {
  align-items: center;
}
.basic-options .box-input {
  height: auto;
  margin-right: 8px;
}
.basic-options .box-input input {
  border: 1px solid hsl(calc(var(--zb-semantic-color-light-blue-grey-border-h) + 0deg), calc(var(--zb-semantic-color-light-blue-grey-border-s) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-l) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-a) + 0));
  line-height: 1.15;
  text-align: right;
  width: 50px;
}
.basic-options .box-input.invalid input {
  border: 1px solid hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.basic-options .option-content-container {
  align-items: center;
  flex-wrap: wrap;
}
.basic-options .option-content-container .radio-buttons-container {
  flex: none;
  margin-right: 16px;
}
.basic-options .option-content-container .hide-message {
  flex: 1;
  max-width: 400px;
}
.basic-options .option-content-container .solution-message {
  margin-left: 64px;
}

.file-io .instructions {
  margin-top: 0;
}
.file-io .files-section {
  align-items: flex-start;
}
.file-io .error-message {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.file-io .files-container {
  margin: 0 16px 16px;
  width: 95%;
}
.file-io .files-container td {
  vertical-align: middle;
}
.file-io .files-container .file-name,
.file-io .files-container .file-size {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  font-size: 16px;
  max-width: 150px;
  overflow: hidden;
  padding-right: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.file-io .files-container .downloadable-checkbox {
  margin-left: 24px;
}
.file-io .files-container .file-actions &gt; td {
  padding-top: 16px;
}
.file-io .files-container .add-file {
  margin-left: -16px;
}
.file-io .add-file-container {
  align-items: center;
}
.file-io .add-file-container .zb-file-input,
.file-io .add-file-container .zb-total-file-size {
  margin-right: 16px;
}
.file-io .file-preview-modal .zb-card-content {
  min-height: 150px;
  overflow-x: scroll;
}
.file-io .file-preview-modal .zb-card-content audio,
.file-io .file-preview-modal .zb-card-content img,
.file-io .file-preview-modal .zb-card-content video {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
.file-io .file-preview-modal .pdf-object {
  height: 100%;
  width: 100%;
}
.file-io .file-preview-modal .zb-actions {
  margin: 0;
  width: 100%;
}

.develop-mode .instructions {
  margin-top: 0;
}
.develop-mode .files-section {
  align-items: flex-start;
}
.develop-mode .files-container {
  margin: 0 16px;
  width: 40%;
}
.develop-mode .files-container td {
  vertical-align: middle;
}
.develop-mode .files-container p {
  margin-bottom: 0;
  margin-top: 5px;
}
.develop-mode .files-container .file-select,
.develop-mode .files-container .file-select-title {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  font-size: 16px;
  max-width: 200px;
  min-width: 200px;
  padding-bottom: 15px;
}
.develop-mode .files-container .file-select .file-text,
.develop-mode .files-container .file-select-title .file-text {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  font-size: 12px;
  margin-right: 40px;
}
.develop-mode .files-container .file-select-title {
  padding-bottom: 0;
}
.develop-mode .load-data-label {
  margin-bottom: 8px;
  margin-top: 8px;
}

.zylabs-edit .test-bench .test-summary {
  flex: 1;
}
.zylabs-edit .test-bench .margin-bottom {
  margin-bottom: 16px;
}
.zylabs-edit .test-bench .add-buttons-container {
  display: flex;
  margin-top: 16px;
}
.zylabs-edit .test-bench .add-buttons-container .zb-button {
  margin-right: 8px;
}
.zylabs-edit .test-bench .no-margin-top {
  margin-top: 0;
}
.zylabs-edit .test-bench .scroll {
  border-bottom: 2px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  max-height: 500px;
  overflow: auto;
}
.zylabs-edit .test-bench .line-separator {
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-light-blue-grey-border-h) + 0deg), calc(var(--zb-semantic-color-light-blue-grey-border-s) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-l) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-a) + 0));
  padding-top: 16px;
}

.zylabs-edit .test-bench .test-base[draggable=true] {
  cursor: pointer;
}
.zylabs-edit .test-bench .test-base .deduction-test-points-input,
.zylabs-edit .test-bench .test-base .grade-test-points-input {
  max-width: 100px;
}
.zylabs-edit .test-bench .test-base .deduction-test-points-input.wide,
.zylabs-edit .test-bench .test-base .grade-test-points-input.wide {
  max-width: 170px;
}
.zylabs-edit .test-bench .test-base .section-header {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.zylabs-edit .test-bench .test-base .manual-description {
  margin-bottom: 0;
  width: 400px;
}
.zylabs-edit .test-bench .test-base .manual-grade-checkbox {
  margin: 20px;
}
.zylabs-edit .test-bench .test-base .test-content-left-indentation {
  margin-left: 20px;
}
.zylabs-edit .test-bench .test-base .test-descripton {
  margin-left: 16px;
  margin-right: 16px;
  min-width: 400px;
}
.zylabs-edit .test-bench .test-base .test-name-input {
  margin-left: 8px;
  margin-right: 16px;
  min-width: 200px;
}
.zylabs-edit .test-bench .test-base .test-points-input {
  max-width: 50px;
}
.zylabs-edit .test-bench .test-base .test-points-input.wide {
  max-width: 170px;
}
.zylabs-edit .test-bench .test-base .test-file-select {
  margin-right: 16px;
  margin-top: -6px;
  min-width: 150px;
}
.zylabs-edit .test-bench .test-base .test-file-select .file-select {
  min-height: 27px;
}
.zylabs-edit .test-bench .test-base .test-file-select .error {
  font-size: 12px;
  margin-top: 2px;
}
.zylabs-edit .test-bench .test-base .test-container {
  justify-content: space-between;
}
.zylabs-edit .test-bench .test-base .last .zb-textarea {
  margin-bottom: 16px;
}

.zylabs-edit .test-bench .expected-output-test .block {
  display: block;
}
.zylabs-edit .test-bench .expected-output-test .contracted-io {
  display: inline-block;
  margin-bottom: 16px;
  max-width: 100%;
  min-height: 28px;
  min-width: 285px;
}
.zylabs-edit .test-bench .expected-output-test .concatenate-io {
  display: inline-block;
  margin-bottom: 16px;
  max-height: 50px;
  max-width: 100%;
  min-height: 28px;
  min-width: 285px;
}
.zylabs-edit .test-bench .expected-output-test .input-container {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.zylabs-edit .test-bench .expected-output-test .input-container .flex-box {
  align-items: center;
  display: flex;
}
.zylabs-edit .test-bench .expected-output-test .input-container .zb-input-label {
  margin-bottom: 0;
  margin-right: 8px;
}
.zylabs-edit .test-bench .expected-output-test .input-container .ember-power-select-trigger {
  min-width: 140px;
}
.zylabs-edit .test-bench .expected-output-test .output-match-container {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.zylabs-edit .test-bench .expected-output-test .output-match-container .flex-box {
  align-items: center;
  display: flex;
}
.zylabs-edit .test-bench .expected-output-test .output-match-container .zb-input-label {
  margin-bottom: 0;
  margin-right: 8px;
}
.zylabs-edit .test-bench .expected-output-test .output-match-container .ember-power-select-trigger {
  min-width: 140px;
}
.zylabs-edit .test-bench .expected-output-test .flex-column-equal-width {
  flex: 1;
  margin-right: 12px;
}
.zylabs-edit .test-bench .expected-output-test .input-textarea .zb-textarea,
.zylabs-edit .test-bench .expected-output-test .output-textarea .zb-textarea {
  font-family: "Courier", monospace, sans-serif;
}
.zylabs-edit .test-bench .expected-output-test .output-file-textarea {
  justify-content: center;
  margin: 0 8px;
}
.zylabs-edit .test-bench .expected-output-test .zb-checkbox {
  margin-bottom: 8px;
}
.zylabs-edit .test-bench .expected-output-test .show-options-description-button {
  padding-left: 0;
}
.zylabs-edit .test-bench .expected-output-test .generate-output-info-modal .zb-modal-content {
  width: 500px;
}
.zylabs-edit .test-bench .expected-output-test .test-options-modal .options-description-section,
.zylabs-edit .test-bench .expected-output-test .generate-output-info-modal .generate-output-section {
  padding: 16px;
}
.zylabs-edit .test-bench .expected-output-test .error-message {
  font-size: 12px;
  font-style: italic;
  margin-top: -8px;
}

.result-set-test .advanced-grading-options .zb-checkbox {
  margin-bottom: 8px;
}
.result-set-test .block {
  display: block;
}
.result-set-test .contracted-io {
  display: inline-block;
  margin-bottom: 16px;
  max-width: 100%;
  min-height: 28px;
  min-width: 285px;
}
.result-set-test .concatenate-io {
  display: inline-block;
  margin-bottom: 16px;
  max-height: 50px;
  max-width: 100%;
  min-height: 28px;
  min-width: 285px;
}
.result-set-test .files-container {
  margin: 0 16px 16px;
  width: 40%;
}
.result-set-test .files-container td {
  vertical-align: middle;
}
.result-set-test .files-container p {
  margin-bottom: 0;
  margin-top: 5px;
}
.result-set-test .files-container .file-name,
.result-set-test .files-container .file-size {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  font-size: 16px;
  max-width: 150px;
  overflow: hidden;
  padding-right: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.result-set-test .files-container .file-select,
.result-set-test .files-container .file-select-title {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  font-size: 16px;
  max-width: 200px;
  min-width: 200px;
  padding-bottom: 15px;
}
.result-set-test .files-container .file-select .file-text,
.result-set-test .files-container .file-select-title .file-text {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  font-size: 12px;
  margin-right: 40px;
}
.result-set-test .files-container .file-select-title {
  padding-bottom: 0;
}
.result-set-test .files-container .downloadable-checkbox {
  margin-left: 24px;
}
.result-set-test .files-container .file-actions &gt; td {
  padding-top: 16px;
}
.result-set-test .files-container .add-file {
  margin-left: -16px;
}
.result-set-test .input-container {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.result-set-test .input-container .flex-box {
  align-items: center;
  display: flex;
}
.result-set-test .input-container .zb-input-label {
  margin-bottom: 0;
  margin-right: 8px;
}
.result-set-test .input-container .ember-power-select-trigger {
  min-width: 140px;
}
.result-set-test .output-match-container {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  margin-top: 8px;
}
.result-set-test .output-match-container .flex-box {
  align-items: center;
  display: flex;
}
.result-set-test .output-match-container .zb-input-label {
  margin-bottom: 0;
  margin-right: 8px;
}
.result-set-test .output-match-container .ember-power-select-trigger {
  min-width: 140px;
}
.result-set-test .query-run-container {
  align-items: center;
  display: flex;
  margin-bottom: 8px;
  margin-top: 8px;
}
.result-set-test .flex-column-equal-width {
  flex: 1;
  margin-right: 12px;
}
.result-set-test .input-textarea,
.result-set-test .output-textarea {
  font-family: "Courier", monospace, sans-serif;
}
.result-set-test .load-data-label {
  padding-top: 20px;
}
.result-set-test .output-file-textarea {
  margin: 8px;
}
.result-set-test .show-options-description-button {
  padding-left: 0;
}
.result-set-test .generate-output-info-modal .zb-modal-content {
  width: 500px;
}
.result-set-test .more-info-modal .zb-modal-content {
  width: 30%;
}
.result-set-test .test-options-modal .options-description-section,
.result-set-test .generate-output-info-modal .generate-output-section {
  padding: 16px;
}
.result-set-test .error-message {
  font-size: 12px;
  font-style: italic;
  margin-top: -8px;
}
.result-set-test .zb-input-label.instructor-solution {
  margin-bottom: 0;
  margin-right: 8px;
  margin-top: 14px;
}
.result-set-test .zb-input-label {
  margin-top: 8px;
}

.zylabs-edit .test-bench .compare-storage-test .expected-storage-container .zb-input-label.inline-block,
.zylabs-edit .test-bench .compare-storage-test .initial-storage-container .zb-input-label.inline-block {
  font-size: 14px;
}
.zylabs-edit .test-bench .compare-storage-test .input-storage-location input {
  padding-left: 10px;
}
.zylabs-edit .test-bench .compare-storage-test .storage-value {
  margin-left: 25px;
  width: 86px;
}
.zylabs-edit .test-bench .compare-storage-test .storage-value input::-webkit-inner-spin-button,
.zylabs-edit .test-bench .compare-storage-test .storage-value input::-webkit-outer-spin-button {
  opacity: 1;
}
.zylabs-edit .test-bench .compare-storage-test .input-storage-location,
.zylabs-edit .test-bench .compare-storage-test .zb-select-container {
  width: 131px;
}
.zylabs-edit .test-bench .compare-storage-test .add-another-storage-button {
  margin-left: 22px;
  position: relative;
  top: -4px;
}
.zylabs-edit .test-bench .compare-storage-test .graded-button {
  color: hsl(calc(var(--zb-semantic-color-blue-grey-800-h) + 0deg), calc(var(--zb-semantic-color-blue-grey-800-s) + 0%), calc(var(--zb-semantic-color-blue-grey-800-l) + 0%), calc(var(--zb-semantic-color-blue-grey-800-a) + 0));
  height: -moz-min-content;
  height: min-content;
  top: 3px;
}
.zylabs-edit .test-bench .compare-storage-test .clear-button {
  margin-left: 8px;
  position: relative;
  top: -4px;
}
.zylabs-edit .test-bench .compare-storage-test .generate-storage-container {
  top: -9px;
}
.zylabs-edit .test-bench .compare-storage-test .hidden-error {
  bottom: 6px;
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
  line-height: 0;
  right: 130px;
  visibility: hidden;
  white-space: nowrap;
}
.zylabs-edit .test-bench .compare-storage-test .test-edit-button:hover + .hidden-error {
  visibility: visible;
}
.zylabs-edit .test-bench .compare-storage-test .second-grading-options-column {
  margin-left: 28px;
}
.zylabs-edit .test-bench .compare-storage-test .storage-tables table {
  height: -moz-min-content;
  height: min-content;
}
.zylabs-edit .test-bench .compare-storage-test .storage-tables .storage-table-header {
  font-size: 16px;
}
.zylabs-edit .test-bench .compare-storage-test .storage-tables .storage-table-header div {
  margin-bottom: 8px;
}
.zylabs-edit .test-bench .compare-storage-test .storage-tables .zb-input-label:not(.storage-table-header) {
  font-size: 14px;
  padding-right: 4px;
}
.zylabs-edit .test-bench .compare-storage-test .storage-tables .data {
  border: 2px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
  padding: 4px 16px;
  text-align: center;
}

.zylabs-edit .student-files .grey {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
}
.zylabs-edit .student-files .blue-bold-text {
  color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
}
.zylabs-edit .student-files .file-description-list {
  list-style-type: none;
  padding-left: 16px;
}

.zylabs-edit .sql-validation .flex-box {
  align-items: center;
  display: flex;
  margin-top: 16px;
}
.zylabs-edit .sql-validation .flex-box .zb-progress-circular {
  margin-left: 12px;
}

.zylabs-edit .student-files .file-editor .file-name {
  margin-bottom: 0;
  margin-top: 0;
  width: 250px;
}
.zylabs-edit .student-files .file-editor .zb-checkbox {
  margin-bottom: 16px;
}
.zylabs-edit .student-files .file-editor .editor-container {
  margin: 16px 0 24px;
}
.zylabs-edit .student-files .file-editor .editor-container:last-child {
  margin-bottom: 0;
}
.zylabs-edit .student-files .file-editor .editor-container .ace-editor-header {
  align-items: center;
  background-color: hsl(calc(var(--zb-semantic-color-aside-background-h) + 0deg), calc(var(--zb-semantic-color-aside-background-s) + 0%), calc(var(--zb-semantic-color-aside-background-l) + 0%), calc(var(--zb-semantic-color-aside-background-a) + 0));
  justify-content: space-between;
  min-height: 28px;
  padding: 8px;
}
.zylabs-edit .student-files .file-editor .editor-container .ace-editor-header .description {
  font-size: 13px;
  max-width: 550px;
}
.zylabs-edit .student-files .file-editor .upload-error-modal .upload-error-section {
  align-items: center;
  display: flex;
  font-size: 24px;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  min-height: 150px;
  padding: 24px;
}
.zylabs-edit .student-files .file-editor .edit-button-container,
.zylabs-edit .student-files .file-editor .edit-button-container .file-edit-button {
  max-width: 100%;
}
.zylabs-edit .student-files .file-editor .edit-button-container .file-edit-button {
  overflow: hidden;
  text-overflow: ellipsis;
}

.mathworks-editor-card {
  min-height: 1000px;
}
.mathworks-editor-card .message {
  font-style: italic;
  margin-bottom: 16px;
}
.mathworks-editor-card .bold-primary {
  color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
}
.mathworks-editor-card iframe {
  min-height: 1000px;
  width: 100%;
}

.animation-player .text-object, .animation-builder .text-object {
  left: -1000%;
  position: absolute;
  white-space: pre;
  width: -moz-min-content;
  width: min-content;
}

.animation-builder .zb-input-container {
  font-size: 15px;
  height: auto;
}
.animation-builder .dynamic-table {
  z-index: 10000;
}
.animation-builder .dynamic-table table {
  border: 1px solid #969696;
}
.animation-builder .dynamic-table td {
  border: 1px solid #969696;
  height: 15px;
  width: 15px;
}
.animation-builder .dynamic-table td.highlighted-cell {
  background-color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
}
.animation-builder .zb-modal {
  background-color: unset;
}
.animation-builder .zb-modal .zb-modal-content {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
.animation-builder .zb-modal .zb-modal-content .preview {
  overflow: auto;
  white-space: pre-wrap;
  width: -moz-fit-content;
  width: fit-content;
}
.animation-builder .zb-modal .zb-modal-content .preview .MathJax4 {
  margin: 0;
  padding: 0;
}
.animation-builder .zb-modal .zb-modal-content td.selected {
  background-color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
}
.animation-builder .zb-modal .zb-modal-content td.selected:hover {
  background-color: hsl(calc(var(--zb-semantic-color-list-background-h) + 0deg), calc(var(--zb-semantic-color-list-background-s) + 0%), calc(var(--zb-semantic-color-list-background-l) + 0%), calc(var(--zb-semantic-color-list-background-a) + 0));
}
.animation-builder .zb-modal .zb-modal-content .relative-value-modal th {
  border: 1px solid #969696;
  padding: 0.25rem;
}
.animation-builder .zb-modal .zb-modal-content .relative-value-modal td {
  border: 1px solid #969696;
  padding: 0.25rem;
  text-align: center;
}
.animation-builder .zb-modal .zb-modal-content.w-auto {
  width: auto;
}
.animation-builder .zb-modal .zb-modal-content textarea.caption {
  text-align: center;
}
.animation-builder .objects-column {
  min-width: 420px;
}
.animation-builder .tool-bar .has-options {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  padding-right: 0;
}
.animation-builder .tool-bar .expand-options {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.animation-builder .tool-bar .expandable {
  border-color: rgb(209, 213, 219);
  border-radius: 0.5rem;
  border-style: solid;
  border-top-left-radius: 0;
  border-width: 1px;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  margin-top: 2rem;
  z-index: 10000;
}
.animation-builder .inspector {
  background-color: #f0f0f0;
  border: 1px solid #969696;
  border-radius: 4px;
  color: hsl(calc(var(--zb-semantic-color-black-h) + 0deg), calc(var(--zb-semantic-color-black-s) + 0%), calc(var(--zb-semantic-color-black-l) + 0%), calc(var(--zb-semantic-color-black-a) + 0));
  max-height: 75vh;
  min-height: 360px;
  overflow: auto;
  padding-bottom: 10px;
}
.animation-builder .inspector .list {
  overflow: auto;
}
.animation-builder .inspector .list button {
  height: 30px;
}
.animation-builder .inspector label {
  font-size: 15px;
}
.animation-builder .inspector .instruction-icons {
  background-color: inherit;
}
.animation-builder .inspector .instruction-element {
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  margin-bottom: 0.25rem;
}
.animation-builder .inspector .instruction-element .instruction-step-title-blue span {
  color: #1786ff;
}
.animation-builder .expand-inspector {
  background-color: #f0f0f0;
  border: 1px solid #969696;
  margin-left: 0.375rem;
  padding-bottom: 0.5rem;
  writing-mode: vertical-lr;
}
.animation-builder .expand-inspector span.label {
  font-weight: bold;
  margin-left: 2px;
}
.animation-builder .properties {
  font-size: 15px;
}
.animation-builder .properties .zb-input-container {
  font-size: 15px;
  height: auto;
}
.animation-builder .properties .checkbox-character-align {
  line-height: 8px;
  text-align: center;
}
.animation-builder .properties .colors-list {
  align-items: center;
  display: grid;
  gap: 0.25rem;
  grid-template-columns: repeat(auto-fit, 1rem);
  grid-template-rows: 50%;
  height: 3.5rem;
}
.animation-builder .properties .color {
  border: 1px solid #727272;
  cursor: pointer;
  margin-bottom: 0.125rem;
  margin-right: 0.125rem;
  min-width: 1rem;
  transition-duration: 150ms;
  transition-property: height;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  width: 1rem;
}
.animation-builder .properties .color.old.black {
  background-color: rgb(51, 51, 51);
}
.animation-builder .properties .color.old.gray {
  background-color: rgb(175, 175, 175);
}
.animation-builder .properties .color.old.white {
  background-color: rgb(255, 255, 255);
}
.animation-builder .properties .color.old.yellow {
  background-color: rgb(255, 211, 100);
}
.animation-builder .properties .color.old.green {
  background-color: rgb(30, 200, 30);
}
.animation-builder .properties .color.old.light-blue {
  background-color: rgb(176, 214, 251);
}
.animation-builder .properties .color.old.blue {
  background-color: rgb(87, 128, 220);
}
.animation-builder .properties .color.old.purple {
  background-color: rgb(132, 37, 172);
}
.animation-builder .properties .color.old.red {
  background-color: rgb(220, 4, 4);
}
.animation-builder .properties .color.old.orange {
  background-color: rgb(230, 129, 66);
}
.animation-builder .properties .color.old.brown {
  background-color: rgb(255, 100, 65);
}
.animation-builder .properties .color.old.beige .animation-builder .properties .color.old.tan {
  background-color: rgb(249, 216, 188);
}
.animation-builder .properties .color.aug23.black {
  background-color: rgb(0, 0, 0);
}
.animation-builder .properties .color.aug23.gray {
  background-color: rgb(92, 92, 92);
}
.animation-builder .properties .color.aug23.white {
  background-color: rgb(255, 255, 255);
}
.animation-builder .properties .color.aug23.yellow {
  background-color: rgb(255, 200, 5);
}
.animation-builder .properties .color.aug23.green {
  background-color: rgb(0, 105, 0);
}
.animation-builder .properties .color.aug23.light-blue {
  background-color: rgb(178, 217, 253);
}
.animation-builder .properties .color.aug23.blue {
  background-color: rgb(0, 0, 170);
}
.animation-builder .properties .color.aug23.purple {
  background-color: rgb(128, 0, 128);
}
.animation-builder .properties .color.aug23.red {
  background-color: rgb(160, 0, 0);
}
.animation-builder .properties .color.aug23.orange {
  background-color: rgb(200, 81, 20);
}
.animation-builder .properties .color.aug23.brown {
  background-color: rgb(145, 71, 0);
}
.animation-builder .properties .color.aug23.tan {
  background-color: rgb(249, 216, 188);
}
.animation-builder .properties .color.aug23.light-gray {
  background-color: rgb(241, 242, 242);
}
.animation-builder .properties .color.transparent {
  background-color: transparent;
  line-height: 12px;
  text-align: center;
}
.animation-builder .properties .color.transparent.selected {
  line-height: 20px;
}
.animation-builder .properties .color.transparent:hover {
  line-height: 20px;
}
.animation-builder #rich-text-editor {
  font-size: 12px;
  line-height: 14px;
  max-width: 1000px;
  overflow-x: auto;
  white-space: pre-wrap;
}

@keyframes animate-rotate-180 {
  from {
    transform: none;
  }
  to {
    transform: rotate(180deg);
  }
}
@keyframes animate-bounce {
  0% {
    margin-left: 2px;
  }
  50% {
    margin-left: 10px;
  }
  100% {
    margin-left: 2px;
  }
}
@keyframes animate-anti-bounce {
  0% {
    margin-left: 4px;
  }
  50% {
    margin-left: -4px;
  }
  100% {
    margin-left: 4px;
  }
}
.animation-player .animation-controls {
  display: flex;
  flex-wrap: wrap;
  padding: 1px 0 0 1px;
  position: absolute;
}
.animation-player .animation-controls &gt; div {
  z-index: 1;
}
.animation-player .animation-controls .normalize-controls {
  height: 32px;
  margin: 0 2px;
  padding: 0;
}
.animation-player .animation-controls .start-button {
  cursor: pointer;
  margin-top: 5px;
  padding: 0;
}
.animation-player .animation-controls .start-graphic {
  background-color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  border-radius: 2px;
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
  font-size: 13px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  width: 48px;
}
.animation-player .animation-controls .back-to-start-button {
  background-color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  border-radius: 2px;
  cursor: pointer;
  float: left;
  height: 10px;
  margin: 11px 6px;
  width: 10px;
}
.animation-player .animation-controls .pause-button,
.animation-player .animation-controls .play-button {
  cursor: pointer;
  margin: 0 2px;
}
.animation-player .animation-controls .play-button {
  border-color: rgba(0, 0, 0, 0) hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  border-style: solid;
  border-width: 10px 0 10px 16px;
  height: 0;
  width: 0;
}
.animation-player .animation-controls .play-button.rotate-180 {
  animation-duration: 0.5s;
  animation-name: animate-rotate-180;
  transform: rotate(180deg);
}
.animation-player .animation-controls .play-button.bounce {
  animation-duration: 0.2s;
  animation-name: animate-bounce;
}
.animation-player .animation-controls .play-button.hide {
  display: none;
}
.animation-player .animation-controls .pause-button {
  border-color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  border-style: double;
  border-width: 0 0 0 16px;
  height: 20px;
  width: 0;
}
.animation-player .animation-controls .speed-control {
  font-size: 12px;
  margin-left: 4px;
  margin-top: 6px;
}
.animation-player .animation-controls .speed-control label {
  padding-top: 2px;
}
.animation-player .animation-controls .speed-control.anti-bounce {
  animation-duration: 0.2s;
  animation-name: animate-anti-bounce;
}
.animation-player .animation-controls .step {
  border-radius: 5px;
  color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  cursor: pointer;
  font-size: 18px;
  height: 32px;
  justify-content: center;
  margin: 0 2px;
  padding: 0;
  width: 22px;
}
.animation-player .animation-controls .step:hover:not(.disabled) {
  background-color: #f9d8bc;
}
.animation-player .animation-controls .step.step-highlight {
  border-bottom: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0)) 2px solid;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.animation-player .animation-controls .step.disabled {
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  cursor: not-allowed;
}
.animation-player .animation-controls .step .title {
  margin: 0;
  padding-top: 1px;
}
.animation-player .animation-controls .ember-tooltip[x-placement^=top].ember-tooltip .ember-tooltip-arrow,
.animation-player .animation-controls .ember-popover[x-placement^=top].ember-tooltip .ember-tooltip-arrow {
  border-top-color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 10%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.animation-player .animation-controls .ember-tooltip,
.animation-player .animation-controls .tooltip-inner {
  background: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 10%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.animation-player .animation-controls .ember-tooltip {
  text-shadow: none;
}
.animation-player .animation-controls .tooltip-inner {
  color: hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
}
.animation-player .canvas-container {
  min-height: 150px;
  min-width: 300px;
}
.animation-player .initial-size {
  height: 350px;
  width: 600px;
}
.animation-player .player-container {
  position: relative;
}
.array-games {
  width: -moz-min-content;
  width: min-content;
}
.array-games .array-container {
  display: flex;
  gap: 12px;
  justify-content: center;
  padding-bottom: 8px;
  padding-top: 12px;
}
.array-games .max-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 60px;
}
.array-games .max-container span {
  align-content: center;
  background-color: hsl(calc(var(--zb-semantic-color-background-h) + 0deg), calc(var(--zb-semantic-color-background-s) + 0%), calc(var(--zb-semantic-color-background-l) + 0%), calc(var(--zb-semantic-color-background-a) + 0));
  border: 1px solid hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  font-size: large;
  font-weight: bolder;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 40px;
}
.array-games .twod-array-container {
  display: flex;
  padding-top: 12px;
}
.array-games .twod-array-container td,
.array-games .twod-array-container th {
  background-color: hsl(calc(var(--zb-semantic-color-background-h) + 0deg), calc(var(--zb-semantic-color-background-s) + 0%), calc(var(--zb-semantic-color-background-l) + 0%), calc(var(--zb-semantic-color-background-a) + 0));
  border: 1px solid hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  font-size: large;
  height: 38px;
  text-align: center;
  vertical-align: middle;
  width: 38px;
}
.array-games .twod-array-container th {
  font-weight: 300;
}
.array-games .array {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.array-games [role=list] {
  display: flex;
  gap: 1px;
}
.array-games [role=list] .default,
.array-games [role=list] .default &gt; input {
  background-color: hsl(calc(var(--zb-semantic-color-background-h) + 0deg), calc(var(--zb-semantic-color-background-s) + 0%), calc(var(--zb-semantic-color-background-l) + 0%), calc(var(--zb-semantic-color-background-a) + 0));
}
.array-games [role=list] .success,
.array-games [role=list] .success &gt; input {
  background-color: hsl(calc(var(--zb-semantic-color-success-h) + 0deg), calc(var(--zb-semantic-color-success-s) + 0%), calc(var(--zb-semantic-color-success-l) + 0%), calc(var(--zb-semantic-color-success-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-icon-h) + 0deg), calc(var(--zb-semantic-color-icon-s) + 0%), calc(var(--zb-semantic-color-icon-l) + 0%), calc(var(--zb-semantic-color-icon-a) + 0));
  font-weight: bold;
}
.array-games [role=list] .success &gt; input {
  cursor: not-allowed;
}
.array-games [role=list] [aria-invalid] {
  background-color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-icon-h) + 0deg), calc(var(--zb-semantic-color-icon-s) + 0%), calc(var(--zb-semantic-color-icon-l) + 0%), calc(var(--zb-semantic-color-icon-a) + 0));
  font-weight: bold;
}
.array-games [role=list] [aria-invalid] .hidden-checkbox::before {
  background-color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
  font-weight: bold;
}
.array-games [role=list] [aria-invalid] input {
  background-color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-icon-h) + 0deg), calc(var(--zb-semantic-color-icon-s) + 0%), calc(var(--zb-semantic-color-icon-l) + 0%), calc(var(--zb-semantic-color-icon-a) + 0));
  font-weight: bold;
}
.array-games [role=list] .disabled,
.array-games [role=list] .disabled &gt; input {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-black-h) + 0deg), calc(var(--zb-semantic-color-black-s) + 0%), calc(var(--zb-semantic-color-black-l) + 0%), calc(var(--zb-semantic-color-black-a) + 0));
}
.array-games [role=list] .disabled &gt; input {
  cursor: not-allowed;
}
.array-games [role=list] span {
  align-content: center;
  border: 1px solid hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  display: inline-block;
  font-size: large;
  font-weight: bolder;
  height: 40px;
  line-height: 50%;
  text-align: center;
  width: 40px;
}
.array-games [role=list] .highlight,
.array-games [role=list] .highlight &gt; input {
  background-color: hsl(calc(var(--zb-semantic-color-highlight-h) + 0deg), calc(var(--zb-semantic-color-highlight-s) + 0%), calc(var(--zb-semantic-color-highlight-l) + 0%), calc(var(--zb-semantic-color-highlight-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-black-h) + 0deg), calc(var(--zb-semantic-color-black-s) + 0%), calc(var(--zb-semantic-color-black-l) + 0%), calc(var(--zb-semantic-color-black-a) + 0));
  font-weight: bold;
}
.array-games [role=list] .value-icon-container {
  align-content: flex-start;
  align-items: center;
  display: flex;
  flex-flow: column wrap;
  height: 73px;
  width: 40px;
}
.array-games [role=list] .value-icon-container span .hidden-checkbox {
  align-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}
.array-games [role=list] .value-icon-container span .hidden-checkbox::before {
  content: attr(value);
}
.array-games [role=list] .value-icon-container span .hidden-checkbox:focus {
  position: relative;
  z-index: 1;
}
.array-games [role=list] .value-icon-container .clickable:not(.disabled, .success):hover {
  font-size: larger;
}
.array-games .button-container,
.array-games .button-container-swap {
  align-items: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
  display: flex;
}
.array-games .toast-container-swap {
  height: 12px;
  padding-top: 8px;
}

.ascii-encoding {
  display: flex;
  flex-wrap: wrap;
  width: 500px;
}
.ascii-encoding .ascii-encoding-row-text {
  display: block;
  text-align: right;
  width: 300px;
}
.ascii-encoding .ascii-encoding-row-code {
  display: flex;
  font-family: "Courier", monospace, sans-serif;
  justify-content: center;
  padding: 0 10px;
  width: 180px;
}
.ascii-encoding .ascii-encoding-row-code input {
  margin-top: -2px;
  text-align: center;
}
.ascii-encoding .ascii-encoding-row-code .error input {
  outline: 2px solid hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.ascii-encoding .ascii-encoding-row-output {
  display: flex;
  width: 100%;
}

.block-ordering-builder {
  width: 1100px;
}
.block-ordering-builder td {
  padding: 0 0.5rem;
}

.base-converter div.base-select-and-reset-container {
  margin-bottom: 25px;
}
.base-converter .instructions {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  display: inline-block;
  font-size: 14px;
}
.base-converter .instructions.error {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
  font-weight: bold;
}
.base-converter .light-sum {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
}
.base-converter table td {
  height: 24px;
  text-align: center;
}
.base-converter table .base-row td {
  vertical-align: bottom;
}
.base-converter table .digit-decimal-values-container td {
  font-size: 12px;
  vertical-align: top;
}
.base-converter table .sum {
  font-size: 12px;
  width: 80px;
}
.base-converter table .decimal-value-result {
  color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  font-size: 20px;
  padding-left: 5px;
  text-align: left;
  width: 115px;
}
.base-converter table .decimal-value-label {
  color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  font-size: 15px;
  text-align: left;
  white-space: nowrap;
}
.base-converter table .product-dot {
  font-weight: bold;
}
.base-converter table .bit-button-container {
  display: flex;
  height: 42px;
  justify-content: center;
}
.base-converter table .bit-button-container button {
  display: flex;
  font-size: 18px;
  height: 40px;
  justify-content: center;
  width: 58px;
}
.base-converter .input-number-std {
  align-items: center;
  display: flex;
  height: 42px;
  justify-content: center;
}
.base-converter .input-number-std input {
  border: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  border-radius: 5px;
  font-size: 18px;
  font-weight: bold;
  height: 40px;
  padding: 0;
  text-align: center;
  width: 58px;
}
.base-converter .input-number-std.error input:focus {
  outline: 2px solid hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.base-converter .input-number {
  border: 0 !important;
  box-shadow: none !important;
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  font-size: 18px;
  font-weight: bold;
  height: 35px;
  padding: 0;
  text-align: center;
  width: 30px;
}
.base-converter .ui-spinner {
  height: 40px;
  width: 58px;
}

.binary-decimal-converter {
  font-size: 19px;
  justify-content: space-between;
}
.binary-decimal-converter .input-container label {
  display: block;
  text-align: center;
}
.binary-decimal-converter .input-container .zb-input-container {
  height: 30px;
  margin: 10px;
  width: 170px;
}
.binary-decimal-converter .input-container .zb-input-container.error {
  outline: 2px solid hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.binary-decimal-converter .input-container .zb-input-container input {
  text-align: center;
}
.binary-decimal-converter .arrows {
  font-size: 30px;
  margin-top: 40px;
  padding: 0 30px;
}
.binary-decimal-converter .instructions {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 14px;
}
.binary-decimal-converter .instructions.error {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
  font-weight: bold;
}

.binary-num {
  display: flex;
}
.binary-num .bit-container {
  font-size: 16px;
  margin-right: 12px;
  text-align: center;
}
.binary-num .bit-container button {
  font-size: 20px;
  height: 55px;
  margin-bottom: 4px;
  width: 55px;
}
.binary-num .bit-container button .title {
  margin: 0 auto;
}
.binary-num .decimal-container {
  align-items: center;
  margin-left: 32px;
}
.binary-num .decimal-container .value {
  color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  font-size: 44px;
  text-align: center;
}

.char-encoding .encoding-input {
  align-items: flex-start;
  margin-right: 40px;
}
.char-encoding .encoding-input .editable-input input {
  border: 1px solid hsl(calc(var(--zb-semantic-color-light-blue-grey-border-h) + 0deg), calc(var(--zb-semantic-color-light-blue-grey-border-s) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-l) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-a) + 0));
  margin-left: 4px;
  margin-right: 4px;
  max-height: 24px;
  max-width: 16px;
  text-align: center;
}
.char-encoding .encoding-input .disabled-input {
  font-weight: bold;
  height: 24px;
  margin-left: 4px;
  margin-top: 4px;
  width: 84px;
}
.char-encoding .encoding-input .instruction-label {
  margin-top: 4px;
}

.code-writing-prompt .file-select {
  margin-bottom: 8px;
}
.code-writing-prompt .code-editor {
  width: 900px;
}
.code-writing-prompt .code-editor.disabled {
  opacity: 0.75;
}
.code-writing-prompt .code-editor.hidden {
  display: none;
}
.code-writing-prompt code {
  white-space: pre;
}

.code-writing-builder {
  width: 1100px;
}
.code-writing-builder .language-container,
.code-writing-builder .language-options-container {
  margin-left: 24px;
}
.code-writing-builder .language-container label,
.code-writing-builder .language-options-container label {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 12px;
}
.code-writing-builder .language-options-container {
  margin-left: 4px;
}
.code-writing-builder .levels-container,
.code-writing-builder .files-container,
.code-writing-builder .main-file-container {
  align-items: center;
}
.code-writing-builder .levels-container button:first-child,
.code-writing-builder .files-container button:first-child,
.code-writing-builder .main-file-container button:first-child {
  margin-left: 8px;
}
.code-writing-builder .main-file-container select {
  margin-left: 8px;
}
.code-writing-builder .files-container,
.code-writing-builder .main-file-container {
  margin-top: 16px;
}
.code-writing-builder .side-by-side-container {
  margin: 24px 0;
}
.code-writing-builder .side-by-side-container &gt; div {
  align-items: center;
  display: flex;
}
.code-writing-builder .side-by-side-container &gt; div.hidden {
  display: none;
}
.code-writing-builder .side-by-side-container &gt; div:not(:first-child) {
  margin-top: 16px;
}
.code-writing-builder .side-by-side-container &gt; div &gt; div:first-child {
  white-space: pre;
  width: 100px;
}
.code-writing-builder .side-by-side-container &gt; div &gt; div:not(:first-child) {
  width: 100%;
}
.code-writing-builder .side-by-side-container &gt; div &gt; div:not(:first-child) &gt; textarea {
  width: 100%;
}
.code-writing-builder .import-export-area textarea {
  width: 100%;
}
.code-writing-builder .margin-bottom {
  margin-bottom: 24px;
}

.color-picker {
  font-size: 19px;
  width: 560px;
}
.color-picker .rgb-inputs &gt; div {
  height: 30px;
  margin-left: 5px;
  width: 48px;
}
.color-picker .rgb-inputs &gt; div.error {
  outline: 2px solid hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.color-picker .hex-input-container.error {
  outline: 2px solid hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.color-picker .zb-range-label {
  margin-bottom: 8px;
}
.color-picker .zb-range-label span {
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
  padding: 2px 12px;
  text-align: center;
  text-transform: capitalize;
  width: 80px;
}
.color-picker .zb-range-label .red {
  background-color: #ff0000;
}
.color-picker .zb-range-label .green {
  background-color: #00dd00;
}
.color-picker .zb-range-label .blue {
  background-color: #0000ff;
}
.color-picker .rgb-hex-container {
  justify-content: space-between;
}
.color-picker .rgb-hex-container .hex-input-container div {
  height: 30px;
  width: 64px;
}
.color-picker .rgb-hex-container .hex-input-container div input {
  text-transform: uppercase;
}
.color-picker .rgb-hex-container .hex-input-container div.error input:focus {
  border: 2px solid hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.color-picker .rgb-hex-container .instructions {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 14px;
}
.color-picker .rgb-hex-container .instructions.error {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
  font-weight: bold;
}
.color-picker .slider-containers {
  margin-top: 20px;
}
.color-picker .color-box {
  height: 150px;
  margin-top: 16px;
}

.floating-point-value {
  width: 100%;
}
.floating-point-value .floating-point-value-input-container {
  align-items: flex-start;
  justify-content: space-between;
}
.floating-point-value .floating-point-value-input-container #floating-point-value-input-label {
  margin-top: 8px;
  white-space: nowrap;
}
.floating-point-value .floating-point-value-input-container .floating-point-value-input-field {
  margin-left: 16px;
  margin-right: 16px;
  width: 100%;
}
.floating-point-value .floating-point-value-input-container .floating-point-value-input-field.error input {
  outline: 2px solid hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.floating-point-value .floating-point-value-message-container {
  font-style: italic;
}
.floating-point-value .floating-point-value-output-container {
  justify-content: space-between;
  margin-bottom: 12px;
  margin-top: 12px;
}
.floating-point-value .floating-point-value-output-container .floating-point-value-output {
  align-items: center;
  justify-content: center;
}
.floating-point-value .floating-point-value-output-container .floating-point-value-output:nth-child(2) {
  margin-left: 24px;
  margin-right: 24px;
}
.floating-point-value .floating-point-value-output-container .floating-point-value-output .floating-point-value-output-label {
  font-weight: 500;
}
.floating-point-value .floating-point-value-output-container .floating-point-value-output .floating-point-value-output-bits {
  align-items: flex-start;
  justify-content: center;
}
.floating-point-value .floating-point-value-output-container .floating-point-value-output .floating-point-value-output-bits .floating-point-value-output-leading-mantissa {
  font-size: 22px;
  margin-top: 9px;
}
.floating-point-value .floating-point-value-output-container .floating-point-value-output .floating-point-value-output-bits .floating-point-value-output-bit {
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
  margin-top: 4px;
}
.floating-point-value .floating-point-value-output-container .floating-point-value-output .floating-point-value-output-bits .floating-point-value-output-bit .floating-point-value-output-bit-value {
  border: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  font-size: 22px;
  margin: 0 2px 4px;
  padding: 4px;
}
.floating-point-value .floating-point-value-output-container .floating-point-value-output .floating-point-value-output-bits .floating-point-value-output-bit .floating-point-value-output-bit-number {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 10px;
}
.floating-point-value .floating-point-value-output-representation {
  font-style: italic;
}

.goodness-of-fit .zb-segmented-control {
  justify-content: start;
}

.identifier-validator {
  width: 600px;
}
.identifier-validator .identifier-input {
  display: flex;
  justify-content: center;
}
.identifier-validator .identifier-input button {
  margin: 18px 0 0 15px;
  vertical-align: middle;
}
.identifier-validator .identifier-input label {
  display: flex;
  margin-top: 22px;
}
.identifier-validator .identifier-input label input {
  margin-left: 5px;
  width: 300px;
}
.identifier-validator .identifier-input label span {
  margin-top: 3px;
}
.identifier-validator .identifier-feedback {
  margin-top: 10px;
  text-align: center;
}
.identifier-validator .identifier-feedback .highlight {
  background-color: #f3d47c;
}
.identifier-validator .identifier-feedback .invalid {
  color: #d32f2f;
  font-weight: bold;
}
.identifier-validator .identifier-feedback .valid {
  color: #2e7d32;
  font-weight: bold;
}

.image-editor canvas {
  height: 317px;
  width: 400px;
}
.image-editor div.filter-container {
  display: flex;
  margin-top: 15px;
}
.image-editor div.filter-container div.zb-range {
  width: 100%;
}
.image-editor div.filter-container div.zb-range .label {
  width: 110px;
}
.image-editor div.filter-container .value {
  margin-left: 10px;
  width: 40px;
}

.instr-set-sim-container .instr-set-sim-content {
  align-items: flex-end;
  margin-bottom: 16px;
}
.instr-set-sim-container .instr-set-sim-content .instructions {
  margin-right: 8px;
}
.instr-set-sim-container .instr-set-sim-content .instructions .highlight-box {
  background-color: rgba(0, 0, 255, 0.25);
  height: 4px;
  margin-bottom: 8px;
  margin-right: 8px;
}
.instr-set-sim-container .instr-set-sim-content .instructions .highlight-box.hidden {
  display: none;
}
.instr-set-sim-container .instr-set-sim-content .instructions .instruction-row {
  align-items: flex-end;
  height: -moz-max-content;
  height: max-content;
  padding: 2px 4px;
}
.instr-set-sim-container .instr-set-sim-content .instructions .instruction-row .instruction-row-label {
  margin-bottom: 2px;
  margin-right: 8px;
  white-space: nowrap;
}
.instr-set-sim-container .instr-set-sim-content .instructions .instruction-row .ct-select {
  height: auto;
  width: 75px;
}
.instr-set-sim-container .instr-set-sim-content .instructions .instruction-row .ct-select:not(:last-child) {
  margin-right: 8px;
}
.instr-set-sim-container .instr-set-sim-content .instructions .instruction-row.highlighted {
  background-color: rgba(0, 0, 255, 0.25);
}
.instr-set-sim-container .instr-set-sim-content .registers {
  margin-bottom: 6px;
  text-align: center;
}
.instr-set-sim-container .instr-set-sim-content .registers .register-row {
  height: 32px;
  margin-bottom: 14px;
}
.instr-set-sim-container .instr-set-sim-content .registers .register-row .register-row-input-highlightable,
.instr-set-sim-container .instr-set-sim-content .registers .register-row .register-row-input-editable input {
  box-shadow: inset 0 0 0 2px hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  text-align: center;
  width: 150px;
}
.instr-set-sim-container .instr-set-sim-content .registers .register-row .register-row-input-editable input {
  height: inherit;
  margin: 3px 0;
  padding: 8px 8px 8px 16px;
}
.instr-set-sim-container .instr-set-sim-content .registers .register-row .register-row-input-highlightable {
  align-items: center;
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  height: 32px;
  justify-content: center;
  padding: 8px 12px;
}
.instr-set-sim-container .instr-set-sim-content .registers .register-row .register-row-input-highlighted {
  background-color: rgba(0, 0, 255, 0.25);
  color: hsl(calc(var(--zb-semantic-color-blue-grey-800-h) + 0deg), calc(var(--zb-semantic-color-blue-grey-800-s) + 0%), calc(var(--zb-semantic-color-blue-grey-800-l) + 0%), calc(var(--zb-semantic-color-blue-grey-800-a) + 0));
}
.instr-set-sim-container .instr-set-sim-content .register-names {
  justify-content: flex-end;
  margin-bottom: -8px;
}
.instr-set-sim-container .instr-set-sim-content .register-names .register-row-label {
  height: 32px;
  margin: 8px 0 8px 8px;
}
.instr-set-sim-container .enter-sim {
  margin-right: 16px;
}

.it-sim-container {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  font-family: Roboto, sans-serif;
  height: 100%;
  min-width: 100%;
  overflow-y: scroll;
  width: 958px;
}
.it-sim-container .zb-input-container {
  height: -moz-max-content;
  height: max-content;
  width: -moz-max-content;
  width: max-content;
}
.it-sim-container .it-sim-heading {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}

.it-sim-content {
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-black-h) + 0deg), calc(var(--zb-semantic-color-black-s) + 0%), calc(var(--zb-semantic-color-black-l) + 0%), calc(var(--zb-semantic-color-black-a) + 0));
  min-height: 700px;
  width: 100vw;
}

.it-sim-content-nav {
  border-right: 2px solid hsl(calc(var(--zb-semantic-color-black-h) + 0deg), calc(var(--zb-semantic-color-black-s) + 0%), calc(var(--zb-semantic-color-black-l) + 0%), calc(var(--zb-semantic-color-black-a) + 0));
}
.it-sim-content-nav .underline {
  text-decoration-line: underline;
}
.it-sim-content-nav .page-link + .page-link {
  margin-top: 8px;
}

.it-sim-content-body {
  padding: 16px 24px;
  width: 100%;
}
.it-sim-content-body h2 {
  margin-bottom: 0;
}
.it-sim-content-body .green {
  color: hsl(calc(var(--zb-semantic-color-success-h) + 0deg), calc(var(--zb-semantic-color-success-s) + 0%), calc(var(--zb-semantic-color-success-l) + 0%), calc(var(--zb-semantic-color-success-a) + 0));
  font-weight: 600;
}
.it-sim-content-body .warn {
  color: hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
  font-weight: 600;
}

.it-sim-content-table {
  display: table;
}
.it-sim-content-table h3 {
  margin-bottom: 12px;
}

.it-sim-content-row {
  display: flex;
  flex-direction: row;
  padding: 4px;
}
.it-sim-content-row .zb-input-container {
  height: -moz-max-content;
  height: max-content;
}
.it-sim-content-row .zb-checkbox,
.it-sim-content-row .zb-radio-button {
  height: inherit;
}
.it-sim-content-row [aria-invalid=true]:not(.zb-radio-button) {
  outline: 2px solid hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.it-sim-content-row .zb-radio-button[aria-invalid=true] {
  outline: 2px solid hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.it-sim-content-row p {
  display: inline;
  margin-bottom: 0;
  margin-top: 2px;
  padding-left: 8px;
}
.it-sim-content-row [role=rowheader] {
  font-weight: bolder;
}
.it-sim-content-row [role=rowheader],
.it-sim-content-row [role=cell] {
  min-width: 240px;
}
.it-sim-content-row [role=cell] .zb-input-container {
  min-width: inherit;
}
.it-sim-content-row [role=cell] .zb-input-container input {
  width: 30ch;
}

.it-sim-content-row.associated-goal {
  justify-content: right;
  width: 100%;
}
.it-sim-content-row.associated-goal .zb-input-container.label-present:not(.zb-select-container) {
  width: 90px;
}

.it-sim-container.player .it-sim-content-table .it-sim-content-row, .it-sim-content-row.configurable-content-row {
  background-color: hsl(calc(var(--zb-semantic-color-list-background-h) + 0deg), calc(var(--zb-semantic-color-list-background-s) + 0%), calc(var(--zb-semantic-color-list-background-l) + 0%), calc(var(--zb-semantic-color-list-background-a) + 0));
}
.it-sim-container.player .it-sim-content-table .it-sim-content-row:nth-child(even), .it-sim-content-row.configurable-content-row:nth-child(even) {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
}

#uploadTopology {
  display: none;
}

.it-sim-upload-topology h3 {
  margin-top: 0;
}
.it-sim-upload-topology .it-sim-content-row {
  align-items: center;
}
.it-sim-upload-topology .it-sim-content-row .zb-input-container {
  max-width: 15%;
}

.uploaded-topology {
  position: relative;
}
.uploaded-topology .clickable-region {
  background-color: transparent;
  border: 1px dashed hsl(calc(var(--zb-semantic-color-black-h) + 0deg), calc(var(--zb-semantic-color-black-s) + 0%), calc(var(--zb-semantic-color-black-l) + 0%), calc(var(--zb-semantic-color-black-a) + 0));
  border-radius: 12px;
  cursor: pointer;
  position: absolute;
}

.it-sim-container.builder .it-sim-content {
  display: flex;
}

.it-sim-container.player .it-sim-content {
  display: grid;
  grid-template-columns: min-content auto;
}
.it-sim-container.player .it-sim-content .it-sim-content-nav {
  overflow-x: scroll;
}
.it-sim-container.player .it-sim-content .it-sim-content-nav .page-link {
  display: block;
}

.it-sim-container.builder .static-table .it-sim-content-row .delete-column,
.it-sim-container.builder .static-table .it-sim-content-row .zb-input-container {
  width: 200px;
}

.light-switch {
  cursor: pointer;
}
.light-switch button {
  background: transparent;
  border: none;
  cursor: pointer;
}

.long-proportion {
  width: 958px;
}
.long-proportion .input-check {
  align-items: center;
  display: flex;
}
.long-proportion .input-check label {
  align-items: center;
  display: flex;
}
.long-proportion .input-check label p {
  margin: 0;
  max-width: 360px;
}
.long-proportion .input-check .zb-input-container {
  height: 29px;
  margin-left: 10px;
}
.long-proportion .input-check .zb-button {
  margin-left: 25px;
}
.long-proportion .input-check .instructions {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 14px;
  margin: 4px 0 0 10px;
}
.long-proportion .input-check .instructions.error {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
  font-weight: bold;
}
.long-proportion .game-record {
  align-items: top;
  display: flex;
  margin-bottom: 10px;
}
.long-proportion .game-record .interaction {
  margin-left: 5px;
}
.long-proportion .game-record .games {
  align-items: center;
  display: flex;
}
.long-proportion .game-record table .car-cell {
  background-color: #587c8d;
}
.long-proportion .game-record table .car-cell-switch {
  background-color: #cd4d0f;
}
.long-proportion .game-record table .goat-cell {
  background-color: #2b2b2b;
}
.long-proportion .game-record table td.label-cell {
  border: none;
  height: 5px;
  padding-left: 5px;
}
.long-proportion .game-record table td {
  border: 1px solid hsl(calc(var(--zb-semantic-color-table-border-h) + 0deg), calc(var(--zb-semantic-color-table-border-s) + 0%), calc(var(--zb-semantic-color-table-border-l) + 0%), calc(var(--zb-semantic-color-table-border-a) + 0));
  height: 5px;
  min-width: 5px;
}
.long-proportion .simulate-button {
  min-height: 45px;
  width: 940px;
}
.long-proportion .simulate-button button {
  display: none;
  float: right;
}
.long-proportion .under-table {
  display: flex;
}
.long-proportion .under-table .left {
  width: 170px;
}
.long-proportion .under-table .left .bar-graph {
  height: 250px;
}
.long-proportion .under-table .left button {
  margin-top: 10px;
}
.long-proportion .under-table .right {
  margin-left: 40px;
  width: 730px;
}
.long-proportion .under-table .right .answer-details {
  align-items: top;
  display: flex;
  margin-top: 15px;
}
.long-proportion .under-table .right .answer-details .zb-explanation {
  max-width: 280px;
}
.long-proportion .under-table .right .line-graph {
  height: 264px;
}
.long-proportion .doors {
  display: flex;
  justify-content: center;
}

.make-deal .results-container {
  display: flex;
  justify-content: space-between;
}
.make-deal .results-container .bar-graph {
  height: 250px;
  width: 250px;
}
.make-deal .results-container .results-interaction {
  width: 300px;
}
.make-deal .input-content {
  display: flex;
  justify-content: space-between;
}
.make-deal .proportion-input {
  width: 80px;
}
.make-deal .content {
  padding-bottom: 10px;
}
.make-deal table {
  margin-bottom: 15px;
}
.make-deal table .td-description {
  text-align: left;
  width: 70px;
}
.make-deal table .current-cell {
  background-color: hsl(calc(var(--zb-semantic-color-highlight-h) + 0deg), calc(var(--zb-semantic-color-highlight-s) + 0%), calc(var(--zb-semantic-color-highlight-l) + 0%), calc(var(--zb-semantic-color-highlight-a) + 0));
}
.make-deal table .std-cell {
  background-color: hsl(calc(var(--zb-semantic-color-grey-background-h) + 0deg), calc(var(--zb-semantic-color-grey-background-s) + 0%), calc(var(--zb-semantic-color-grey-background-l) + 0%), calc(var(--zb-semantic-color-grey-background-a) + 0));
}
.make-deal table .goat-cell {
  background-color: #2b2b2b;
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
}
.make-deal table .car-cell {
  background-color: #587c8d;
}
.make-deal table .car-cell-switch {
  background-color: #cd4d0f;
}
.make-deal table td {
  border: 1px solid hsl(calc(var(--zb-semantic-color-table-border-h) + 0deg), calc(var(--zb-semantic-color-table-border-s) + 0%), calc(var(--zb-semantic-color-table-border-l) + 0%), calc(var(--zb-semantic-color-table-border-a) + 0));
  font-weight: 500;
  height: 25px;
  padding: 5px;
  text-align: center;
  width: 25px;
}
.make-deal table td h1 {
  font-size: 16px;
  font-weight: 500;
  margin: 0;
}

.multiple-proportions .zb-segmented-control {
  justify-content: start;
}
.multiple-proportions .table {
  overflow: auto;
  width: 280px;
}

.one-mean .columns {
  display: flex;
  flex-direction: column;
}
.one-mean .rows {
  display: flex;
  flex-direction: row;
}
.one-mean .space-between {
  justify-content: space-between;
}
.one-mean .simulation-control {
  display: flex;
}

.one-proportion .ct-select {
  padding: 3px 5px;
}
.one-proportion .simulation-control {
  display: flex;
}
.one-proportion .stats-tools-counter .measure-item .control {
  min-width: 60px;
}

.open-response {
  width: 650px;
}
.open-response .prompt-area {
  padding-bottom: 10px;
}
.open-response .zb-textarea-container textarea {
  min-height: 30px;
  resize: vertical;
  width: 650px;
}
.open-response .zb-message-container {
  display: flex;
  width: 350px;
}
.open-response .zb-message-container .zb-button {
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-info-h) + 0deg), calc(var(--zb-semantic-color-info-s) + 0%), calc(var(--zb-semantic-color-info-l) + 0%), calc(var(--zb-semantic-color-info-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-info-h) + 0deg), calc(var(--zb-semantic-color-info-s) + 0%), calc(var(--zb-semantic-color-info-l) + 0%), calc(var(--zb-semantic-color-info-a) + 0));
}
.open-response .submit-area {
  align-items: center;
  display: flex;
  margin: 24px 0;
}
.open-response .submit-area .submission-message {
  padding: 0 10px;
}
.open-response .submit-area .submission-confirmation {
  color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
}
.open-response .zb-explanation {
  margin-bottom: 10px;
  margin-left: 0;
  max-width: 400px;
}
.open-response .zb-explanation .unsubmitted-buttons {
  display: flex;
  padding-top: 5px;
}
.open-response .explanation-content {
  margin-top: 15px;
}
.open-response .explanation-content h4 {
  font-weight: normal;
}
.open-response .button-row {
  align-items: center;
  margin-bottom: 12px;
  margin-top: 24px;
}
.open-response .button-row .zb-button {
  margin-right: 12px;
}
.open-response .button-row .icon-message {
  margin-left: 4px;
}
.open-response .button-row .download-last-submission-button {
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.open-stax-python-code-runner-builder {
  min-width: 625px;
  width: auto;
}
.open-stax-python-code-runner-builder label {
  display: block;
}
.open-stax-python-code-runner-builder textarea {
  width: 100%;
}
.open-stax-python-code-runner-builder .margin-bottom {
  margin-bottom: 15px;
}
.open-stax-python-code-runner-builder .ribbon button:not(:first-of-type) {
  margin-left: 15px;
}

.parsons-coding-builder {
  width: 1100px;
}
.parsons-coding-builder .language-container,
.parsons-coding-builder .language-options-container {
  margin-left: 24px;
}
.parsons-coding-builder .language-container label,
.parsons-coding-builder .language-options-container label {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 12px;
}
.parsons-coding-builder .language-options-container {
  margin-left: 4px;
}
.parsons-coding-builder .import-export-area {
  width: 100%;
}
.parsons-coding-builder .import-export-area textarea {
  width: 100%;
}
.parsons-coding-builder .side-by-side-container {
  margin: 24px 0;
}
.parsons-coding-builder .side-by-side-container &gt; div {
  align-items: center;
  display: flex;
  margin-top: 16px;
}
.parsons-coding-builder .side-by-side-container &gt; div .left-side-label {
  white-space: pre;
  width: 100px;
}
.parsons-coding-builder .side-by-side-container &gt; div .right-side-content {
  width: 100%;
}
.parsons-coding-builder .side-by-side-container &gt; div .right-side-content textarea {
  width: 100%;
}
.parsons-coding-builder .side-by-side-container .hidden {
  display: none;
}
.parsons-coding-builder .files-container,
.parsons-coding-builder .main-file-container {
  align-items: center;
  margin-top: 16px;
}
.parsons-coding-builder .files-container button:first-child,
.parsons-coding-builder .main-file-container button:first-child {
  margin-left: 8px;
}
.parsons-coding-builder .main-file-container select {
  margin-left: 8px;
}
.parsons-coding-builder .content-container &gt; div {
  width: 100%;
}
.parsons-coding-builder .content-container &gt; div .editable-and-indents-container {
  margin-left: 16px;
  width: 100px;
}
.parsons-coding-builder .content-container .distractor-container {
  margin: 8px 0;
}
.parsons-coding-builder .complex-item {
  border: 1px dashed hsl(calc(var(--zb-semantic-color-grey-400-h) + 0deg), calc(var(--zb-semantic-color-grey-400-s) + 0%), calc(var(--zb-semantic-color-grey-400-l) + 0%), calc(var(--zb-semantic-color-grey-400-a) + 0));
  margin: 12px 0;
  padding: 4px;
}
.parsons-coding-builder .margin-bottom {
  margin-bottom: 24px;
}

div.progression-container {
  width: 902px;
}
div.progression-container div.levels-bar {
  display: flex;
  margin-top: 25px;
}
div.progression-container div.levels-bar div {
  flex-grow: 1;
}
div.progression-container div.levels-bar div.active-level {
  outline: 3px solid hsl(calc(var(--zb-semantic-color-progression-container-active-outline-h) + 0deg), calc(var(--zb-semantic-color-progression-container-active-outline-s) + 0%), calc(var(--zb-semantic-color-progression-container-active-outline-l) + 0%), calc(var(--zb-semantic-color-progression-container-active-outline-a) + 0));
  z-index: 1;
}
div.progression-container div.levels-bar div.active-level button {
  border-radius: 0;
}
div.progression-container div.levels-bar div button {
  width: 100%;
}
div.progression-container div.levels-bar div button span {
  width: 100%;
}
div.progression-container div.check-next-container {
  align-items: center;
  display: flex;
  margin: 25px 0;
}
div.progression-container div.check-next-container button {
  margin-right: 25px;
}

.question-set-builder {
  width: 100%;
}
.question-set-builder .first-row-controls,
.question-set-builder .second-row-controls {
  align-items: center;
  display: flex;
  width: 100%;
}
.question-set-builder .first-row-controls .guid {
  width: 320px;
}
.question-set-builder .first-row-controls .caption {
  margin: 0 24px;
  width: 700px;
}
.question-set-builder .first-row-controls a {
  margin-left: auto;
}
.question-set-builder .second-row-controls button {
  margin-right: 24px;
}
.question-set-builder .instructions {
  margin-top: 16px;
}
.question-set-builder .instructions textarea {
  width: 900px;
}
.question-set-builder .export-import-container {
  margin-top: 24px;
}
.question-set-builder .export-import-container textarea {
  width: 100%;
}
.question-set-builder .question-container {
  align-items: center;
  display: flex;
  padding: 4px 0;
}
.question-set-builder .question-container .question-number {
  width: 28px;
}
.question-set-builder .question-container .question {
  border: 1px dashed hsl(calc(var(--zb-semantic-color-grey-700-h) + 0deg), calc(var(--zb-semantic-color-grey-700-s) + 0%), calc(var(--zb-semantic-color-grey-700-l) + 0%), calc(var(--zb-semantic-color-grey-700-a) + 0));
  padding: 8px;
  width: 100%;
}
.question-set-builder .question-container .question .properties-container {
  display: flex;
  flex-wrap: wrap;
}
.question-set-builder .question-container .question .space-between-inputs {
  margin-left: 16px;
}
.question-set-builder .question-container .question .extra-wide-input {
  width: 360px;
}
.question-set-builder .question-container .question .property-container {
  display: flex;
  margin: 4px 0;
  width: 100%;
}
.question-set-builder .question-container .question .property-container .property-label {
  padding: 8px;
  width: 90px;
}
.question-set-builder .question-container .question .property-container input {
  font-size: 14px;
}
.question-set-builder .question-container .question .property-container .property-value {
  width: 100%;
}
.question-set-builder .question-container .question .property-container .property-value textarea {
  width: 100%;
}
.question-set-builder .question-container .question .property-container .math-live {
  margin-bottom: 6px;
}
.question-set-builder .question-container .question .string-comparison-answers {
  display: flex;
  flex-direction: column;
}
.question-set-builder .question-container .question .controls button {
  margin-right: 24px;
}

.streamlit-app {
  width: 900px;
}

@media (max-width: 1024px) {
  .streamlit-app {
    width: 500px;
  }
}
@media (max-width: 577px) {
  .streamlit-app {
    width: 300px;
  }
}
.streamlit-app-builder {
  width: 1100px;
}
.streamlit-app-builder .zb-message-container {
  padding: 8px;
}

.block-ordering-pa .activity-area p, .block-ordering-pa2-column .activity-area p, .block-ordering-ca2-column .activity-area p, .block-ordering-ca .activity-area p {
  font-size: 14px;
}
.block-ordering-pa .activity-area .sortable-container .sortable .block, .block-ordering-pa2-column .activity-area .sortable-container .sortable .block, .block-ordering-ca2-column .activity-area .sortable-container .sortable .block, .block-ordering-ca .activity-area .sortable-container .sortable .block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 4px;
}
.block-ordering-pa .activity-area .sortable-container .sortable .block[aria-invalid=true], .block-ordering-pa2-column .activity-area .sortable-container .sortable .block[aria-invalid=true], .block-ordering-ca2-column .activity-area .sortable-container .sortable .block[aria-invalid=true], .block-ordering-ca .activity-area .sortable-container .sortable .block[aria-invalid=true] {
  border-color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.block-ordering-pa .activity-area .sortable-container .sortable .block p, .block-ordering-pa2-column .activity-area .sortable-container .sortable .block p, .block-ordering-ca2-column .activity-area .sortable-container .sortable .block p, .block-ordering-ca .activity-area .sortable-container .sortable .block p {
  margin: 0;
  white-space: pre-wrap;
}
.block-ordering-pa .activity-area .sortable-container .sortable .block .MathJax_Display, .block-ordering-pa2-column .activity-area .sortable-container .sortable .block .MathJax_Display, .block-ordering-ca2-column .activity-area .sortable-container .sortable .block .MathJax_Display, .block-ordering-ca .activity-area .sortable-container .sortable .block .MathJax_Display,
.block-ordering-pa .activity-area .sortable-container .sortable .block .MathJax_SVG_Display,
.block-ordering-pa2-column .activity-area .sortable-container .sortable .block .MathJax_SVG_Display,
.block-ordering-ca2-column .activity-area .sortable-container .sortable .block .MathJax_SVG_Display,
.block-ordering-ca .activity-area .sortable-container .sortable .block .MathJax_SVG_Display,
.block-ordering-pa .activity-area .sortable-container .sortable .block mjx-container[jax=SVG][display=true],
.block-ordering-pa2-column .activity-area .sortable-container .sortable .block mjx-container[jax=SVG][display=true],
.block-ordering-ca2-column .activity-area .sortable-container .sortable .block mjx-container[jax=SVG][display=true],
.block-ordering-ca .activity-area .sortable-container .sortable .block mjx-container[jax=SVG][display=true] {
  margin: 0;
  padding: 0;
}

.block-ordering-spinner {
  left: 50%;
  position: absolute;
  top: 50%;
}

.parsons-coding-pa .activity-area &gt; div &gt; div code pre, .two-reorderable-lists .activity-area .sortable-container, .block-ordering-pa2-column .activity-area .sortable-container, .block-ordering-ca2-column .activity-area .sortable-container {
  overflow: auto;
}

.two-reorderable-lists .activity-area.dragging, .block-ordering-pa2-column .activity-area.dragging, .block-ordering-ca2-column .activity-area.dragging {
  cursor: grabbing;
}
.two-reorderable-lists .activity-area:not(.dragging) [aria-disabled=true], .block-ordering-pa2-column .activity-area:not(.dragging) [aria-disabled=true], .block-ordering-ca2-column .activity-area:not(.dragging) [aria-disabled=true] {
  cursor: not-allowed;
}
.two-reorderable-lists .activity-area:not(.dragging) .block[aria-disabled=false], .block-ordering-pa2-column .activity-area:not(.dragging) .block[aria-disabled=false], .block-ordering-ca2-column .activity-area:not(.dragging) .block[aria-disabled=false] {
  cursor: grab;
}
.two-reorderable-lists .activity-area .sortable-container, .block-ordering-pa2-column .activity-area .sortable-container, .block-ordering-ca2-column .activity-area .sortable-container {
  background-color: hsl(calc(var(--zb-semantic-color-unmoveable-h) + 0deg), calc(var(--zb-semantic-color-unmoveable-s) + 0%), calc(var(--zb-semantic-color-unmoveable-l) + 0%), calc(var(--zb-semantic-color-unmoveable-a) + 0));
}
.two-reorderable-lists .activity-area .sortable-container .sortable, .block-ordering-pa2-column .activity-area .sortable-container .sortable, .block-ordering-ca2-column .activity-area .sortable-container .sortable {
  display: flex;
  flex-direction: column;
  min-width: -moz-fit-content;
  min-width: fit-content;
  position: relative;
}
.two-reorderable-lists .activity-area .sortable-container .sortable .move-here, .block-ordering-pa2-column .activity-area .sortable-container .sortable .move-here, .block-ordering-ca2-column .activity-area .sortable-container .sortable .move-here {
  align-items: center;
  background-color: transparent;
  border: 1px dashed #0164a1;
  border-radius: 4px;
  color: #0164a1;
  display: flex;
  flex: 1 1 auto;
  font-weight: bold;
  justify-content: center;
  padding: 2px 0;
}
.two-reorderable-lists .activity-area .sortable-container .sortable .move-here.hidden, .block-ordering-pa2-column .activity-area .sortable-container .sortable .move-here.hidden, .block-ordering-ca2-column .activity-area .sortable-container .sortable .move-here.hidden {
  display: none;
}
.two-reorderable-lists .activity-area .sortable-container .sortable .block, .block-ordering-pa2-column .activity-area .sortable-container .sortable .block, .block-ordering-ca2-column .activity-area .sortable-container .sortable .block {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  border: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.two-reorderable-lists .activity-area .sortable-container .sortable .block:focus, .block-ordering-pa2-column .activity-area .sortable-container .sortable .block:focus, .block-ordering-ca2-column .activity-area .sortable-container .sortable .block:focus {
  z-index: 1;
}
.two-reorderable-lists .activity-area .sortable-container .sortable .block[aria-disabled=false], .block-ordering-pa2-column .activity-area .sortable-container .sortable .block[aria-disabled=false], .block-ordering-ca2-column .activity-area .sortable-container .sortable .block[aria-disabled=false] {
  border-radius: 4px;
}
.two-reorderable-lists .activity-area .sortable-container .sortable .block[aria-disabled=true], .block-ordering-pa2-column .activity-area .sortable-container .sortable .block[aria-disabled=true], .block-ordering-ca2-column .activity-area .sortable-container .sortable .block[aria-disabled=true] {
  background-color: transparent;
}
.two-reorderable-lists .activity-area .sortable-container .sortable .block[aria-selected=true], .block-ordering-pa2-column .activity-area .sortable-container .sortable .block[aria-selected=true], .block-ordering-ca2-column .activity-area .sortable-container .sortable .block[aria-selected=true] {
  box-shadow: 4px 4px 12px 1px hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.6));
}
.two-reorderable-lists .activity-area .sortable-container .sortable .dragged, .block-ordering-pa2-column .activity-area .sortable-container .sortable .dragged, .block-ordering-ca2-column .activity-area .sortable-container .sortable .dragged {
  box-shadow: 4px 4px 12px 1px hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.6));
  opacity: 0.5;
}
.two-reorderable-lists .activity-area .sortable-container .sortable .ghost, .block-ordering-pa2-column .activity-area .sortable-container .sortable .ghost, .block-ordering-ca2-column .activity-area .sortable-container .sortable .ghost {
  opacity: 0.5;
}

.block-ordering-pa2-column .activity-area, .block-ordering-ca2-column .activity-area {
  display: grid;
  grid-template-columns: 231.5px 482px 231.5px;
  grid-template-rows: repeat(5, auto);
}
.block-ordering-pa2-column .activity-area .column, .block-ordering-ca2-column .activity-area .column {
  width: 231.5px;
}
.block-ordering-pa2-column .activity-area.column-1-unmoveable, .block-ordering-ca2-column .activity-area.column-1-unmoveable {
  grid-template-columns: 0 636.3333333333px 308.6666666667px;
}
.block-ordering-pa2-column .activity-area.column-1-unmoveable .column, .block-ordering-ca2-column .activity-area.column-1-unmoveable .column {
  width: 308.6666666667px;
}
.block-ordering-pa2-column .activity-area.column-2-unmoveable, .block-ordering-ca2-column .activity-area.column-2-unmoveable {
  grid-template-columns: 308.6666666667px 636.3333333333px 0;
}
.block-ordering-pa2-column .activity-area.column-2-unmoveable .column, .block-ordering-ca2-column .activity-area.column-2-unmoveable .column {
  width: 308.6666666667px;
}
.block-ordering-pa2-column .activity-area .title-container, .block-ordering-ca2-column .activity-area .title-container {
  min-height: 1.5rem;
  position: relative;
}
.block-ordering-pa2-column .activity-area .title-container h4, .block-ordering-ca2-column .activity-area .title-container h4 {
  margin-bottom: 5px;
  margin-top: 0;
  text-align: center;
}
.block-ordering-pa2-column .activity-area .title-container .reset-template-button, .block-ordering-ca2-column .activity-area .title-container .reset-template-button {
  position: absolute;
  right: -14px;
  top: -7px;
}
.block-ordering-pa2-column .activity-area .sortable-container .sortable .block[aria-disabled=true], .block-ordering-ca2-column .activity-area .sortable-container .sortable .block[aria-disabled=true] {
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
}
.block-ordering-pa2-column .activity-area .sortable-container .sortable .block[aria-disabled=true].explanation-shown, .block-ordering-ca2-column .activity-area .sortable-container .sortable .block[aria-disabled=true].explanation-shown {
  border-color: hsl(calc(var(--zb-semantic-color-success-h) + 0deg), calc(var(--zb-semantic-color-success-s) + 0%), calc(var(--zb-semantic-color-success-l) + 0%), calc(var(--zb-semantic-color-success-a) + 0));
}
.block-ordering-pa2-column .activity-area .sortable-container .sortable .block[aria-disabled=true].no-border-bottom-color:not(.explanation-shown), .block-ordering-ca2-column .activity-area .sortable-container .sortable .block[aria-disabled=true].no-border-bottom-color:not(.explanation-shown) {
  border-bottom-color: transparent;
}
.block-ordering-pa2-column .activity-area .columns-container, .block-ordering-ca2-column .activity-area .columns-container {
  border: 1px solid #333333;
  display: flex;
}
.block-ordering-pa2-column .activity-area .columns-container.column-titles, .block-ordering-ca2-column .activity-area .columns-container.column-titles {
  border-bottom-width: 0;
}
.block-ordering-pa2-column .activity-area .columns-container.completion-statuses, .block-ordering-ca2-column .activity-area .columns-container.completion-statuses {
  border-top-width: 0;
}
.block-ordering-pa2-column .activity-area .columns-container.completion-statuses h6, .block-ordering-ca2-column .activity-area .columns-container.completion-statuses h6 {
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 2px;
  margin-top: 2px;
  text-align: center;
}
.block-ordering-pa2-column .activity-area .columns-container.completion-statuses h6.checked, .block-ordering-ca2-column .activity-area .columns-container.completion-statuses h6.checked {
  font-weight: revert;
}
.block-ordering-pa2-column .activity-area .columns-container.completion-statuses h6.explanation-shown, .block-ordering-ca2-column .activity-area .columns-container.completion-statuses h6.explanation-shown {
  color: hsl(calc(var(--zb-semantic-color-success-h) + 0deg), calc(var(--zb-semantic-color-success-s) + 0%), calc(var(--zb-semantic-color-success-l) + 0%), calc(var(--zb-semantic-color-success-a) + 0));
  font-weight: revert;
}
.block-ordering-pa2-column .activity-area .columns-container h5, .block-ordering-ca2-column .activity-area .columns-container h5 {
  margin-bottom: 3px;
  margin-top: 3px;
  text-align: center;
}
.block-ordering-pa2-column .activity-area .columns-container .column-1, .block-ordering-ca2-column .activity-area .columns-container .column-1 {
  margin-right: 15px;
}
.block-ordering-pa2-column .activity-area .columns-container .column-1.sortable-container, .block-ordering-ca2-column .activity-area .columns-container .column-1.sortable-container {
  border-right: 1px solid #333333;
}
.block-ordering-pa2-column .activity-area .columns-container .sortable-container:not(.column-1), .block-ordering-ca2-column .activity-area .columns-container .sortable-container:not(.column-1) {
  border-left: 1px solid #333333;
}

.block-ordering-pa .activity-area .sortable-container .sortable .block[aria-disabled=true] {
  border-color: transparent;
}
.block-ordering-pa .activity-area h5 {
  margin: 0;
}
.block-ordering-pa .activity-area .explanation-label:not(.explanation-shown) {
  font-weight: normal;
}
.block-ordering-pa .activity-area .explanation-shown {
  color: hsl(calc(var(--zb-semantic-color-success-h) + 0deg), calc(var(--zb-semantic-color-success-s) + 0%), calc(var(--zb-semantic-color-success-l) + 0%), calc(var(--zb-semantic-color-success-a) + 0));
}
.block-ordering-pa .activity-area .incorrect-label {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}

.block-ordering-ca2-column .feedback-container h5 {
  margin-bottom: 0;
  margin-top: 4px;
}
.block-ordering-ca2-column .feedback-container .correct-label {
  color: hsl(calc(var(--zb-semantic-color-success-h) + 0deg), calc(var(--zb-semantic-color-success-s) + 0%), calc(var(--zb-semantic-color-success-l) + 0%), calc(var(--zb-semantic-color-success-a) + 0));
}
.block-ordering-ca2-column .feedback-container .incorrect-label {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}

.block-ordering-pa2-column .activity-area .feedback-container h5 {
  margin-bottom: 0;
  margin-top: 4px;
}
.block-ordering-pa2-column .activity-area .feedback-container .correct-label {
  color: hsl(calc(var(--zb-semantic-color-success-h) + 0deg), calc(var(--zb-semantic-color-success-s) + 0%), calc(var(--zb-semantic-color-success-l) + 0%), calc(var(--zb-semantic-color-success-a) + 0));
}
.block-ordering-pa2-column .activity-area .feedback-container .incorrect-label {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}

.parsons-coding-pa .activity-area &gt; div &gt; div .sortable-label select, .two-reorderable-lists .activity-area &gt; div &gt; div:first-of-type .sortable-label h4 {
  font-size: 16px;
}

.two-reorderable-lists {
  width: 900px;
}
.two-reorderable-lists .activity-area {
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
}
.two-reorderable-lists .activity-area &gt; div {
  width: 442px;
}
.two-reorderable-lists .activity-area &gt; div:first-of-type {
  margin-right: 16px;
}
.two-reorderable-lists .activity-area &gt; div &gt; div:first-of-type {
  background-color: hsl(calc(var(--zb-semantic-color-unmoveable-h) + 0deg), calc(var(--zb-semantic-color-unmoveable-s) + 0%), calc(var(--zb-semantic-color-unmoveable-l) + 0%), calc(var(--zb-semantic-color-unmoveable-a) + 0));
}
.two-reorderable-lists .activity-area &gt; div &gt; div:first-of-type .sortable-label {
  align-items: center;
  display: flex;
  font-size: 16px;
  padding: 8px 0;
  position: relative;
}
.two-reorderable-lists .activity-area &gt; div &gt; div:first-of-type .sortable-label h4 {
  margin: 0 0 0 4px;
}
.two-reorderable-lists .activity-area &gt; div &gt; div:first-of-type .sortable-label .reset-template-button {
  font-size: 14px;
  font-weight: bold;
  padding: 0;
  position: absolute;
  right: 0;
}
.two-reorderable-lists .activity-area &gt; div p &gt; img {
  max-height: 100%;
  max-width: 100%;
}

@media (display-mode: fullscreen) {
  .two-reorderable-lists {
    width: 100%;
  }
}
.parsons-coding-pa .activity-area &gt; div &gt; div .sortable-label select {
  background-color: hsl(calc(var(--zb-semantic-color-multiple-reorderable-lists-label-background-h) + 0deg), calc(var(--zb-semantic-color-multiple-reorderable-lists-label-background-s) + 0%), calc(var(--zb-semantic-color-multiple-reorderable-lists-label-background-l) + 0%), calc(var(--zb-semantic-color-multiple-reorderable-lists-label-background-a) + 0));
  border: none;
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  font-weight: 600;
}
.parsons-coding-pa .activity-area &gt; div &gt; div .sortable-container {
  font-family: monospace;
}
.parsons-coding-pa .activity-area &gt; div &gt; div .sortable-container .sortable .editor-indents {
  display: flex;
  inset: 0;
  position: absolute;
}
.parsons-coding-pa .activity-area &gt; div &gt; div .sortable-container .sortable .editor-indents div {
  border-right: 1px solid rgba(0, 0, 0, 0.125);
  margin-right: -1px;
  white-space: pre;
}
.parsons-coding-pa .activity-area &gt; div &gt; div .sortable-container .sortable:not(.only-indents) .editor-indents {
  pointer-events: none;
}
.parsons-coding-pa .activity-area &gt; div &gt; div .sortable-container .sortable .block {
  padding: 4px 1px;
  white-space: pre;
}
.parsons-coding-pa .activity-area &gt; div &gt; div .sortable-container .sortable .block[aria-disabled=true] {
  border-style: dashed none;
  border-width: 2px;
}
.parsons-coding-pa .activity-area &gt; div &gt; div .sortable-container .sortable .block[aria-disabled=true] + [aria-disabled=true] {
  border-top-style: none;
}
.parsons-coding-pa .activity-area &gt; div &gt; div code pre {
  font-size: 13px;
  margin: 0;
  white-space: pre;
}
.parsons-coding-pa .check-button {
  margin: 8px 0;
}

.ct-wide {
  width: 930px;
}

.stats-tools-instructions {
  margin-bottom: 20px;
}
.stats-tools-instructions::before {
  content: "Instructions: ";
  font-weight: bold;
}

.ct-select {
  border: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  font-size: 16px;
  padding: 5px;
}

.doors-results {
  width: 300px;
}
.doors-results .doors-container {
  background-color: hsl(calc(var(--zb-semantic-color-grey-400-h) + 0deg), calc(var(--zb-semantic-color-grey-400-s) + 0%), calc(var(--zb-semantic-color-grey-400-l) + 0%), calc(var(--zb-semantic-color-grey-400-a) + 0));
  border: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  display: flex;
  justify-content: space-around;
  margin-bottom: 10px;
  padding: 0 5px;
}
.doors-results .doors-container .door-button {
  background: transparent;
  border: none;
  height: 129px;
  padding: 5px 0;
  position: relative;
  width: 87px;
}
.doors-results .doors-container .door-button .animation-items {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  cursor: default;
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -70%);
  z-index: 9999;
}
.doors-results .doors-container .door-button .animation-items .door-result-caption {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  position: relative;
}
.doors-results .doors-container .door-button .animation-items .door-result-caption-letter,
.doors-results .doors-container .door-button .animation-items .faux-cell {
  display: none;
  position: relative;
  text-align: left;
}
.doors-results .doors-container .door-button .animation-items .door-result-caption-letter.light-letter,
.doors-results .doors-container .door-button .animation-items .faux-cell.light-letter {
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
}
.doors-results .doors-container .door-button .animation-items .door-result-caption-letter.dark-letter,
.doors-results .doors-container .door-button .animation-items .faux-cell.dark-letter {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}
.doors-results .doors-container .door-button .animation-items .faux-cell {
  height: 23px;
  margin-bottom: 5px;
  width: 7px;
}
.doors-results .doors-container .door-button .animation-items .faux-cell.faux-car-cell {
  background-color: #587c8d;
}
.doors-results .doors-container .door-button .animation-items .faux-cell.faux-car-cell-switch {
  background-color: #cd4d0f;
}
.doors-results .doors-container .door-button .animation-items .faux-cell.faux-goat-cell {
  background-color: #2b2b2b;
}
.doors-results .doors-container .pointer {
  cursor: pointer;
}
.doors-results .doors-container .switch-border {
  background-color: #587c8d;
}
.doors-results .switch-border {
  background-color: #587c8d;
}

.results {
  display: flex;
  justify-content: space-between;
}
.results .scatter-plot {
  height: 270px;
  width: 500px;
}
.results .bar-chart {
  height: 270px;
  width: 300px;
}

.reorderable-lists-instructions .expandable-content {
  margin: 0;
}
.reorderable-lists-instructions .reorderable-lists-controls {
  margin-bottom: 12px;
}
.stats-tools-counter {
  margin-top: 25px;
  min-height: 55px;
}
.stats-tools-counter .instant-controls .statistic-type .container {
  align-items: center;
  display: flex;
}
.stats-tools-counter .instant-controls .statistic-type .zb-control-row {
  min-height: 0;
  min-width: 410px;
  padding-bottom: 0;
  padding-top: 0;
}
.stats-tools-counter .instant-controls .statistic-type .zb-control-row .zb-radio-button {
  margin-bottom: 0;
  margin-top: 0;
}
.stats-tools-counter .instant-controls .zb-checkbox label {
  margin-top: 0;
}
.stats-tools-counter .measure-item {
  align-items: center;
  display: flex;
  margin-bottom: 25px;
}
.stats-tools-counter .measure-item .label {
  margin-right: 25px;
  min-width: 200px;
}
.stats-tools-counter .measure-item .control .zb-input-container {
  height: 29px;
}
.stats-tools-counter .measure-item .error {
  font-size: 14px;
  margin-left: 25px;
}
.stats-tools-counter .normal-appx .control {
  width: 50px;
}
.stats-tools-counter .measure-results {
  display: flex;
  margin-top: 16px;
}
.stats-tools-counter .measure-results .results-category {
  margin-bottom: 16px;
  margin-right: 16px;
}
.stats-tools-counter .measure-results .results-category h4 {
  margin: 0 0 4px;
}
.stats-tools-counter .measure-results .results-category div {
  white-space: pre;
}

.csv-file-container {
  margin-bottom: 24px;
}
.csv-file-container .centered-row {
  align-items: center;
}
.csv-file-container .centered-row span {
  margin: 0 8px;
}
.csv-file-container .centered-row .sub-text {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 14px;
  font-style: italic;
  margin-left: 16px;
  white-space: nowrap;
}
.csv-file-container .files-row {
  flex-wrap: wrap;
}
.csv-file-container .files-row .file-container {
  margin: 0 16px 16px 0;
  width: 290px;
}
.csv-file-container .files-row .file-container .file {
  background-color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + -0.7));
  border-radius: 8px;
  padding: 8px;
}
.csv-file-container .files-row .file-container .file .file-submission-text {
  font-size: 14px;
  text-align: center;
}
.csv-file-container .files-row .file-container .file .file-submission-text .file-added-row {
  align-items: center;
  justify-content: center;
}
.csv-file-container .files-row .file-container .file .zb-file-input {
  font-size: 14px;
  height: 20px;
  margin: auto;
}
.csv-file-container .files-row .file-container .file .bold {
  font-weight: 600;
}
.csv-file-container .files-row .file-container .file .file-name {
  margin-bottom: 8px;
  max-width: 280px;
}
.csv-file-container .zb-input-container {
  height: auto;
}

.table-builder .bold-label {
  font-weight: bold;
}
.table-builder .col-one-top-spacing {
  padding-top: 10px;
}
.table-builder .col-n-top-spacing {
  padding-top: 6px;
}
.table-builder .label {
  padding: 8px 0 0 3px;
}
.table-builder td {
  padding-right: 15px;
  vertical-align: top;
  width: 100px;
}
.table-builder td input {
  height: 35px;
  width: 100%;
}
.table-builder td .error {
  flex-grow: 1;
  font-size: 14px;
  width: 100%;
}

.stats-tools-hypotheses {
  display: flex;
  flex-wrap: wrap;
  margin-top: 25px;
}
.stats-tools-hypotheses div {
  margin-right: 50px;
}
.stats-tools-hypotheses .infinity {
  color: #d32f2f;
  margin-bottom: 25px;
}

.set-samples .col-one-top-spacing {
  padding-top: 10px;
}
.set-samples .col-n-top-spacing {
  padding-top: 6px;
}
.set-samples .label {
  padding: 8px 0 0 3px;
}
.set-samples td {
  padding-right: 15px;
  vertical-align: top;
  width: 100px;
}
.set-samples td input {
  height: 35px;
  width: 100%;
}
.set-samples td .error {
  flex-grow: 1;
  font-size: 14px;
  width: 100%;
}

.stats-table {
  display: inline-block;
  font-size: 14px;
  max-height: 225px;
  overflow: auto;
}

.w-max-230 {
  max-width: 230px;
}

.w-max-280 {
  max-width: 280px;
}

.w-max-380 {
  max-width: 380px;
}

.w-max-430 {
  max-width: 430px;
}

.w-max-630 {
  max-width: 630px;
}

.stats-tools-params {
  display: flex;
  min-height: 115px;
}
.stats-tools-params .param {
  display: inline-block;
  margin-right: 10px;
  min-height: 20px;
  vertical-align: top;
}
.stats-tools-params .param .locked-value {
  padding: 3px 0 0 2px;
}
.stats-tools-params .param .param-input {
  height: 35px;
  width: 100px;
}
.stats-tools-params .param .error {
  display: flex;
}
.stats-tools-params .param .error div {
  flex-grow: 1;
  font-size: 14px;
  width: 0;
}

.stats-questions {
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  margin-top: 10px;
}
.stats-questions .question {
  align-items: center;
  display: flex;
  margin-top: 25px;
}
.stats-questions .question:last-child {
  margin-bottom: 25px;
}
.stats-questions .question .prompt,
.stats-questions .question .input {
  margin-right: 20px;
}
.stats-questions .question .prompt .zb-input-container,
.stats-questions .question .input .zb-input-container {
  height: 29px;
}
.stats-questions .question .prompt {
  width: 25%;
}
.stats-questions .question .input {
  width: 18%;
}
.stats-questions .question .input .ci input {
  width: 70px;
}
.stats-questions .question .zb-explanation {
  max-width: 37%;
}

.stats-tools-repetition-control .total-reps {
  margin-top: 15px;
}
.stats-tools-repetition-control .error {
  display: flex;
  margin-top: 5px;
}
.stats-tools-repetition-control .error div {
  flex-grow: 1;
  font-size: 14px;
  width: 0;
}

.centered-content {
  margin: auto;
  max-width: 1200px;
}

.find-zybook-section {
  flex-wrap: wrap;
  height: 80px;
  justify-content: center;
  margin: auto;
  position: relative;
  width: 400px;
}
.find-zybook-section .find-zybook-input-container {
  height: auto;
  width: 100%;
}
.find-zybook-section .find-zybook-input-container .zb-input {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  border: 1px solid hsl(calc(var(--zb-semantic-color-input-border-h) + 0deg), calc(var(--zb-semantic-color-input-border-s) + 0%), calc(var(--zb-semantic-color-input-border-l) + 0%), calc(var(--zb-semantic-color-input-border-a) + 0));
  font-size: 18px;
  line-height: 24px;
  padding: 12px 50px 12px 30px;
}
.find-zybook-section .find-zybook-input-container .zb-input.icon-margin {
  padding-left: 54px;
}
.find-zybook-section .find-zybook-input-container .zb-input::-moz-placeholder {
  opacity: 100;
}
.find-zybook-section .find-zybook-input-container .zb-input::placeholder {
  opacity: 100;
}
.find-zybook-section .find-zybook-input-container .input-icon {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 24px;
  left: 30px;
  line-height: 24px;
  top: 14px;
}
.find-zybook-section .find-zybook-input-container .clear-button {
  font-size: 24px;
  right: 2px;
  top: 6px;
}
.find-zybook-section .find-zybook-input-container:has(input:not(:-moz-placeholder)) &gt; label {
  color: hsl(calc(var(--zb-semantic-color-find-zybook-input-label-h) + 0deg), calc(var(--zb-semantic-color-find-zybook-input-label-s) + 0%), calc(var(--zb-semantic-color-find-zybook-input-label-l) + 0%), calc(var(--zb-semantic-color-find-zybook-input-label-a) + 0));
  font-size: 14px;
  left: 30px;
  padding-left: 0;
  top: 12px;
}
.find-zybook-section .find-zybook-input-container label, .find-zybook-section .find-zybook-input-container:has(input:not(:placeholder-shown)) &gt; label {
  color: hsl(calc(var(--zb-semantic-color-find-zybook-input-label-h) + 0deg), calc(var(--zb-semantic-color-find-zybook-input-label-s) + 0%), calc(var(--zb-semantic-color-find-zybook-input-label-l) + 0%), calc(var(--zb-semantic-color-find-zybook-input-label-a) + 0));
  font-size: 14px;
  left: 30px;
  padding-left: 0;
  top: 12px;
}
.find-zybook-section .find-zybook-input-container.label-present {
  padding-top: 0;
}
.find-zybook-section .find-zybook-input-container.label-present .zb-input {
  padding-top: 30px;
}
.find-zybook-section .find-zybook-input-container.label-present .input-icon {
  top: 32px;
}
.find-zybook-section .find-zybook-input-container.label-present .clear-button {
  top: 24px;
}
.find-zybook-section .searching-for-zybook-progress,
.find-zybook-section .view-zybook-link {
  left: 420px;
  margin: 20px 0;
  position: absolute;
}
.find-zybook-section .searching-for-zybook-progress {
  width: 200px;
}
.find-zybook-section .zybook-icon {
  padding: 0;
  position: absolute;
  right: 10px;
  top: 20px;
}
.find-zybook-section .invalid-code-warning {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
  font-family: Roboto, sans-serif;
  font-weight: 300;
  margin-top: 4px;
  padding: 0 10px;
}
.find-zybook-section .invalid-code-warning a {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
  text-decoration: underline;
}

.zybook-unit-test-help-page pre {
  max-width: 100%;
}
.zybook-unit-test-help-page pre code {
  white-space: pre-wrap;
}
.zybook-unit-test-help-page .help-test {
  margin: 32px auto;
  max-width: 1100px;
  width: 100%;
}
.zybook-unit-test-help-page .term {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  font-style: italic;
  font-weight: bold;
  text-decoration: none;
}
.zybook-unit-test-help-page .zb-card-content {
  margin-left: 50px;
  margin-right: 50px;
  margin-top: 50px;
}
.zybook-unit-test-help-page .zybook-section-title {
  color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
  flex: 1;
  font-size: 32px;
  margin-right: 20px;
}

.lti-accountnotfound-page .zb-card {
  margin: 32px auto;
  max-width: 800px;
}
.adopt-page .centered-content {
  justify-content: center;
  margin: 24px auto;
}
.adopt-page .flex-grow {
  flex: 1;
  justify-content: flex-end;
}
.adopt-page .request-progress {
  padding: 32px 24px 0;
  width: 220px;
}
.adopt-page .request-progress .progress-row {
  align-items: center;
  height: 24px;
  justify-content: space-between;
  margin-bottom: 8px;
}
.adopt-page .request-progress .progress-row .row-header {
  color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
}
.adopt-page .request-progress .progress-row span {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 14px;
}
.adopt-page .request-progress .zb-progress-circular {
  margin-left: 16px;
}
.adopt-page .request-progress .selected-zybook {
  align-items: center;
  margin: 8px;
}
.adopt-page .request-progress .selected-zybook .zb-zybook-graphic {
  margin-right: 8px;
}
.adopt-page .request-progress .selected-zybook .zybook-title {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 14px;
}
.adopt-page .request-progress .selected-zybook.last-book {
  margin-bottom: 24px;
}
.adopt-page .request-progress .selected-zybook .zb-truncate-text {
  width: 150px;
}
.adopt-page .request-progress .save-cancel-button-container {
  align-items: center;
}
.adopt-page .request-progress .save-cancel-button-container button:first-of-type {
  margin-right: 24px;
}
.adopt-page .request-progress .zb-button {
  margin-top: 8px;
}
.adopt-page .multi-step-wrapper {
  align-items: center;
}
.adopt-page .multi-step-wrapper .zb-multi-step-container {
  margin-bottom: 8px;
  width: 900px;
}
.adopt-page .multi-step-wrapper .cancel-button {
  margin-bottom: 16px;
}
@media (width &lt;= 1200px) {
  .adopt-page .multi-step-wrapper .zb-multi-step-container {
    width: 748px;
  }
}
@media (width &lt;= 1024px) {
  .adopt-page .request-progress {
    display: none;
  }
}
@media (width &lt;= 748px) {
  .adopt-page .centered-content {
    justify-content: flex-start;
    padding-left: 16px;
  }
}

.zybook-advanced-zylab-page.route-container {
  margin-top: 0;
}
.zybook-advanced-zylab-page.route-container .zystudio-payload {
  margin-right: 0;
}
.zybook-advanced-zylab-page.route-container .zystudio-container {
  height: 100vh;
  overflow: hidden;
  width: 100%;
}

.alert-app-error {
  align-items: center;
  background-color: hsl(calc(var(--zb-semantic-color-error-background-h) + 0deg), calc(var(--zb-semantic-color-error-background-s) + 0%), calc(var(--zb-semantic-color-error-background-l) + 0%), calc(var(--zb-semantic-color-error-background-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
  font-size: 18px;
  justify-content: center;
  padding: 14px;
  position: fixed;
  top: 56px;
  width: calc(100vw - 28px);
  z-index: 5005;
}
.alert-app-error a {
  color: #c1560b;
  text-decoration: underline;
}

.route-container.alert-margin {
  margin-top: calc(56px + 48px);
  min-height: calc(100vh - 56px - 48px);
}

.zycommunity-unread {
  background-color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  border-radius: 50%;
  display: inline-block;
  height: 6px;
  margin: 2px 5px;
  width: 6px;
}

.authoring-tools-mathworks-page .content-resource iframe {
  width: 1200px;
}

.authoring-tools-zystudio-page .instructions-editor {
  border-color: #f5f5f5;
}
.authoring-tools-zystudio-page .instructions-editor .fr-toolbar {
  border-radius: 0;
}
.authoring-tools-zystudio-page .instructions-editor .fr-wrapper {
  height: 600px;
  overflow: auto;
}

.question-instructions-input .zb-rich-text-editor .fr-toolbar {
  align-items: center;
  background-color: hsl(calc(var(--zb-semantic-color-background-h) + 0deg), calc(var(--zb-semantic-color-background-s) + 0%), calc(var(--zb-semantic-color-background-l) + 0%), calc(var(--zb-semantic-color-background-a) + 0));
  border: none;
  box-shadow: none;
  left: 0;
  margin-top: 0;
  padding-top: 0;
  position: static;
  top: 0;
}
.question-instructions-input .zb-rich-text-editor .fr-sticky-dummy {
  height: 0 !important;
}
.question-instructions-input .zb-rich-text-editor .fr-element {
  margin-left: 12px;
  margin-right: 50px;
  margin-top: 12px;
}
.question-instructions-input .zb-rich-text-editor .fr-box.fr-basic.fr-top .fr-wrapper {
  border: none;
  box-shadow: none;
}

.w-400px {
  width: 400px;
}

.w-800px {
  width: 800px;
}

.w-900px {
  width: 900px;
}

.w-1200px {
  width: 1200px;
}

.h-600px {
  height: 600px;
}

.h-800px {
  height: 800px;
}

.authoring-tools-question-set-builder-page .tool-card {
  width: 100%;
}
.authoring-tools-question-set-builder-page .tool-card .content-tool-container {
  width: 100%;
}

.authoring-tools-progression-builder-page .zb-card {
  width: 100%;
}

.authoring-tools-index-page .index-card,
.authoring-tools-animation-builder-page .index-card,
.authoring-tools-block-ordering-builder-page .index-card,
.authoring-tools-crid-reviewer-for-mathjax-upgrade-page .index-card,
.authoring-tools-code-reading-progression-builder-page .index-card,
.authoring-tools-code-writing-builder-page .index-card,
.authoring-tools-guid-page .index-card,
.authoring-tools-it-lab-images-manager-page .index-card,
.authoring-tools-mathjax-2-and-4-page .index-card,
.authoring-tools-mathworks-page .index-card,
.authoring-tools-open-stax-python-code-runner-builder-page .index-card,
.authoring-tools-parsons-coding-builder-page .index-card,
.authoring-tools-progression-builder-page .index-card,
.authoring-tools-question-generator-page .index-card,
.authoring-tools-question-set-builder-page .index-card,
.authoring-tools-streamlit-app-builder-page .index-card,
.authoring-tools-zyanimator-page .index-card,
.authoring-tools-zyflowchart-page .index-card,
.authoring-tools-zystudio-page .index-card {
  margin: 0 auto;
  max-width: calc(100% - 24px);
}
.authoring-tools-index-page .tool-index .tool-info-container,
.authoring-tools-animation-builder-page .tool-index .tool-info-container,
.authoring-tools-block-ordering-builder-page .tool-index .tool-info-container,
.authoring-tools-crid-reviewer-for-mathjax-upgrade-page .tool-index .tool-info-container,
.authoring-tools-code-reading-progression-builder-page .tool-index .tool-info-container,
.authoring-tools-code-writing-builder-page .tool-index .tool-info-container,
.authoring-tools-guid-page .tool-index .tool-info-container,
.authoring-tools-it-lab-images-manager-page .tool-index .tool-info-container,
.authoring-tools-mathjax-2-and-4-page .tool-index .tool-info-container,
.authoring-tools-mathworks-page .tool-index .tool-info-container,
.authoring-tools-open-stax-python-code-runner-builder-page .tool-index .tool-info-container,
.authoring-tools-parsons-coding-builder-page .tool-index .tool-info-container,
.authoring-tools-progression-builder-page .tool-index .tool-info-container,
.authoring-tools-question-generator-page .tool-index .tool-info-container,
.authoring-tools-question-set-builder-page .tool-index .tool-info-container,
.authoring-tools-streamlit-app-builder-page .tool-index .tool-info-container,
.authoring-tools-zyanimator-page .tool-index .tool-info-container,
.authoring-tools-zyflowchart-page .tool-index .tool-info-container,
.authoring-tools-zystudio-page .tool-index .tool-info-container {
  display: flex;
  margin-bottom: 8px;
}
.authoring-tools-index-page .tool-index .tool-info-container p,
.authoring-tools-animation-builder-page .tool-index .tool-info-container p,
.authoring-tools-block-ordering-builder-page .tool-index .tool-info-container p,
.authoring-tools-crid-reviewer-for-mathjax-upgrade-page .tool-index .tool-info-container p,
.authoring-tools-code-reading-progression-builder-page .tool-index .tool-info-container p,
.authoring-tools-code-writing-builder-page .tool-index .tool-info-container p,
.authoring-tools-guid-page .tool-index .tool-info-container p,
.authoring-tools-it-lab-images-manager-page .tool-index .tool-info-container p,
.authoring-tools-mathjax-2-and-4-page .tool-index .tool-info-container p,
.authoring-tools-mathworks-page .tool-index .tool-info-container p,
.authoring-tools-open-stax-python-code-runner-builder-page .tool-index .tool-info-container p,
.authoring-tools-parsons-coding-builder-page .tool-index .tool-info-container p,
.authoring-tools-progression-builder-page .tool-index .tool-info-container p,
.authoring-tools-question-generator-page .tool-index .tool-info-container p,
.authoring-tools-question-set-builder-page .tool-index .tool-info-container p,
.authoring-tools-streamlit-app-builder-page .tool-index .tool-info-container p,
.authoring-tools-zyanimator-page .tool-index .tool-info-container p,
.authoring-tools-zyflowchart-page .tool-index .tool-info-container p,
.authoring-tools-zystudio-page .tool-index .tool-info-container p {
  margin-bottom: 0;
  margin-top: 4px;
}
.authoring-tools-index-page .tool-index i,
.authoring-tools-animation-builder-page .tool-index i,
.authoring-tools-block-ordering-builder-page .tool-index i,
.authoring-tools-crid-reviewer-for-mathjax-upgrade-page .tool-index i,
.authoring-tools-code-reading-progression-builder-page .tool-index i,
.authoring-tools-code-writing-builder-page .tool-index i,
.authoring-tools-guid-page .tool-index i,
.authoring-tools-it-lab-images-manager-page .tool-index i,
.authoring-tools-mathjax-2-and-4-page .tool-index i,
.authoring-tools-mathworks-page .tool-index i,
.authoring-tools-open-stax-python-code-runner-builder-page .tool-index i,
.authoring-tools-parsons-coding-builder-page .tool-index i,
.authoring-tools-progression-builder-page .tool-index i,
.authoring-tools-question-generator-page .tool-index i,
.authoring-tools-question-set-builder-page .tool-index i,
.authoring-tools-streamlit-app-builder-page .tool-index i,
.authoring-tools-zyanimator-page .tool-index i,
.authoring-tools-zyflowchart-page .tool-index i,
.authoring-tools-zystudio-page .tool-index i {
  margin-right: 12px;
}
.authoring-tools-index-page .tool-index .section-header,
.authoring-tools-animation-builder-page .tool-index .section-header,
.authoring-tools-block-ordering-builder-page .tool-index .section-header,
.authoring-tools-crid-reviewer-for-mathjax-upgrade-page .tool-index .section-header,
.authoring-tools-code-reading-progression-builder-page .tool-index .section-header,
.authoring-tools-code-writing-builder-page .tool-index .section-header,
.authoring-tools-guid-page .tool-index .section-header,
.authoring-tools-it-lab-images-manager-page .tool-index .section-header,
.authoring-tools-mathjax-2-and-4-page .tool-index .section-header,
.authoring-tools-mathworks-page .tool-index .section-header,
.authoring-tools-open-stax-python-code-runner-builder-page .tool-index .section-header,
.authoring-tools-parsons-coding-builder-page .tool-index .section-header,
.authoring-tools-progression-builder-page .tool-index .section-header,
.authoring-tools-question-generator-page .tool-index .section-header,
.authoring-tools-question-set-builder-page .tool-index .section-header,
.authoring-tools-streamlit-app-builder-page .tool-index .section-header,
.authoring-tools-zyanimator-page .tool-index .section-header,
.authoring-tools-zyflowchart-page .tool-index .section-header,
.authoring-tools-zystudio-page .tool-index .section-header {
  margin-top: 0;
}
.authoring-tools-index-page .tool-index a,
.authoring-tools-animation-builder-page .tool-index a,
.authoring-tools-block-ordering-builder-page .tool-index a,
.authoring-tools-crid-reviewer-for-mathjax-upgrade-page .tool-index a,
.authoring-tools-code-reading-progression-builder-page .tool-index a,
.authoring-tools-code-writing-builder-page .tool-index a,
.authoring-tools-guid-page .tool-index a,
.authoring-tools-it-lab-images-manager-page .tool-index a,
.authoring-tools-mathjax-2-and-4-page .tool-index a,
.authoring-tools-mathworks-page .tool-index a,
.authoring-tools-open-stax-python-code-runner-builder-page .tool-index a,
.authoring-tools-parsons-coding-builder-page .tool-index a,
.authoring-tools-progression-builder-page .tool-index a,
.authoring-tools-question-generator-page .tool-index a,
.authoring-tools-question-set-builder-page .tool-index a,
.authoring-tools-streamlit-app-builder-page .tool-index a,
.authoring-tools-zyanimator-page .tool-index a,
.authoring-tools-zyflowchart-page .tool-index a,
.authoring-tools-zystudio-page .tool-index a {
  padding-left: 0;
}
.authoring-tools-index-page .authoring-tool,
.authoring-tools-animation-builder-page .authoring-tool,
.authoring-tools-block-ordering-builder-page .authoring-tool,
.authoring-tools-crid-reviewer-for-mathjax-upgrade-page .authoring-tool,
.authoring-tools-code-reading-progression-builder-page .authoring-tool,
.authoring-tools-code-writing-builder-page .authoring-tool,
.authoring-tools-guid-page .authoring-tool,
.authoring-tools-it-lab-images-manager-page .authoring-tool,
.authoring-tools-mathjax-2-and-4-page .authoring-tool,
.authoring-tools-mathworks-page .authoring-tool,
.authoring-tools-open-stax-python-code-runner-builder-page .authoring-tool,
.authoring-tools-parsons-coding-builder-page .authoring-tool,
.authoring-tools-progression-builder-page .authoring-tool,
.authoring-tools-question-generator-page .authoring-tool,
.authoring-tools-question-set-builder-page .authoring-tool,
.authoring-tools-streamlit-app-builder-page .authoring-tool,
.authoring-tools-zyanimator-page .authoring-tool,
.authoring-tools-zyflowchart-page .authoring-tool,
.authoring-tools-zystudio-page .authoring-tool {
  background-color: hsl(calc(var(--zb-semantic-color-background-h) + 0deg), calc(var(--zb-semantic-color-background-s) + 0%), calc(var(--zb-semantic-color-background-l) + 0%), calc(var(--zb-semantic-color-background-a) + 0));
  flex-grow: 1;
  max-width: calc(100% - 24px);
  padding: 10px;
  transition-duration: 0.5s;
}
.authoring-tools-index-page .authoring-tool.no-margin-left,
.authoring-tools-animation-builder-page .authoring-tool.no-margin-left,
.authoring-tools-block-ordering-builder-page .authoring-tool.no-margin-left,
.authoring-tools-crid-reviewer-for-mathjax-upgrade-page .authoring-tool.no-margin-left,
.authoring-tools-code-reading-progression-builder-page .authoring-tool.no-margin-left,
.authoring-tools-code-writing-builder-page .authoring-tool.no-margin-left,
.authoring-tools-guid-page .authoring-tool.no-margin-left,
.authoring-tools-it-lab-images-manager-page .authoring-tool.no-margin-left,
.authoring-tools-mathjax-2-and-4-page .authoring-tool.no-margin-left,
.authoring-tools-mathworks-page .authoring-tool.no-margin-left,
.authoring-tools-open-stax-python-code-runner-builder-page .authoring-tool.no-margin-left,
.authoring-tools-parsons-coding-builder-page .authoring-tool.no-margin-left,
.authoring-tools-progression-builder-page .authoring-tool.no-margin-left,
.authoring-tools-question-generator-page .authoring-tool.no-margin-left,
.authoring-tools-question-set-builder-page .authoring-tool.no-margin-left,
.authoring-tools-streamlit-app-builder-page .authoring-tool.no-margin-left,
.authoring-tools-zyanimator-page .authoring-tool.no-margin-left,
.authoring-tools-zyflowchart-page .authoring-tool.no-margin-left,
.authoring-tools-zystudio-page .authoring-tool.no-margin-left {
  margin: 0;
}
.authoring-tools-index-page .authoring-tool .zb-card .custom-resource-payload .custom-tool,
.authoring-tools-animation-builder-page .authoring-tool .zb-card .custom-resource-payload .custom-tool,
.authoring-tools-block-ordering-builder-page .authoring-tool .zb-card .custom-resource-payload .custom-tool,
.authoring-tools-crid-reviewer-for-mathjax-upgrade-page .authoring-tool .zb-card .custom-resource-payload .custom-tool,
.authoring-tools-code-reading-progression-builder-page .authoring-tool .zb-card .custom-resource-payload .custom-tool,
.authoring-tools-code-writing-builder-page .authoring-tool .zb-card .custom-resource-payload .custom-tool,
.authoring-tools-guid-page .authoring-tool .zb-card .custom-resource-payload .custom-tool,
.authoring-tools-it-lab-images-manager-page .authoring-tool .zb-card .custom-resource-payload .custom-tool,
.authoring-tools-mathjax-2-and-4-page .authoring-tool .zb-card .custom-resource-payload .custom-tool,
.authoring-tools-mathworks-page .authoring-tool .zb-card .custom-resource-payload .custom-tool,
.authoring-tools-open-stax-python-code-runner-builder-page .authoring-tool .zb-card .custom-resource-payload .custom-tool,
.authoring-tools-parsons-coding-builder-page .authoring-tool .zb-card .custom-resource-payload .custom-tool,
.authoring-tools-progression-builder-page .authoring-tool .zb-card .custom-resource-payload .custom-tool,
.authoring-tools-question-generator-page .authoring-tool .zb-card .custom-resource-payload .custom-tool,
.authoring-tools-question-set-builder-page .authoring-tool .zb-card .custom-resource-payload .custom-tool,
.authoring-tools-streamlit-app-builder-page .authoring-tool .zb-card .custom-resource-payload .custom-tool,
.authoring-tools-zyanimator-page .authoring-tool .zb-card .custom-resource-payload .custom-tool,
.authoring-tools-zyflowchart-page .authoring-tool .zb-card .custom-resource-payload .custom-tool,
.authoring-tools-zystudio-page .authoring-tool .zb-card .custom-resource-payload .custom-tool {
  max-width: 100%;
}
.authoring-tools-index-page .authoring-tool .tool-card,
.authoring-tools-animation-builder-page .authoring-tool .tool-card,
.authoring-tools-block-ordering-builder-page .authoring-tool .tool-card,
.authoring-tools-crid-reviewer-for-mathjax-upgrade-page .authoring-tool .tool-card,
.authoring-tools-code-reading-progression-builder-page .authoring-tool .tool-card,
.authoring-tools-code-writing-builder-page .authoring-tool .tool-card,
.authoring-tools-guid-page .authoring-tool .tool-card,
.authoring-tools-it-lab-images-manager-page .authoring-tool .tool-card,
.authoring-tools-mathjax-2-and-4-page .authoring-tool .tool-card,
.authoring-tools-mathworks-page .authoring-tool .tool-card,
.authoring-tools-open-stax-python-code-runner-builder-page .authoring-tool .tool-card,
.authoring-tools-parsons-coding-builder-page .authoring-tool .tool-card,
.authoring-tools-progression-builder-page .authoring-tool .tool-card,
.authoring-tools-question-generator-page .authoring-tool .tool-card,
.authoring-tools-question-set-builder-page .authoring-tool .tool-card,
.authoring-tools-streamlit-app-builder-page .authoring-tool .tool-card,
.authoring-tools-zyanimator-page .authoring-tool .tool-card,
.authoring-tools-zyflowchart-page .authoring-tool .tool-card,
.authoring-tools-zystudio-page .authoring-tool .tool-card {
  margin: 0 auto;
}
.authoring-tools-index-page .authoring-tool .tool-card.zb-card,
.authoring-tools-animation-builder-page .authoring-tool .tool-card.zb-card,
.authoring-tools-block-ordering-builder-page .authoring-tool .tool-card.zb-card,
.authoring-tools-crid-reviewer-for-mathjax-upgrade-page .authoring-tool .tool-card.zb-card,
.authoring-tools-code-reading-progression-builder-page .authoring-tool .tool-card.zb-card,
.authoring-tools-code-writing-builder-page .authoring-tool .tool-card.zb-card,
.authoring-tools-guid-page .authoring-tool .tool-card.zb-card,
.authoring-tools-it-lab-images-manager-page .authoring-tool .tool-card.zb-card,
.authoring-tools-mathjax-2-and-4-page .authoring-tool .tool-card.zb-card,
.authoring-tools-mathworks-page .authoring-tool .tool-card.zb-card,
.authoring-tools-open-stax-python-code-runner-builder-page .authoring-tool .tool-card.zb-card,
.authoring-tools-parsons-coding-builder-page .authoring-tool .tool-card.zb-card,
.authoring-tools-progression-builder-page .authoring-tool .tool-card.zb-card,
.authoring-tools-question-generator-page .authoring-tool .tool-card.zb-card,
.authoring-tools-question-set-builder-page .authoring-tool .tool-card.zb-card,
.authoring-tools-streamlit-app-builder-page .authoring-tool .tool-card.zb-card,
.authoring-tools-zyanimator-page .authoring-tool .tool-card.zb-card,
.authoring-tools-zyflowchart-page .authoring-tool .tool-card.zb-card,
.authoring-tools-zystudio-page .authoring-tool .tool-card.zb-card {
  min-width: 1280px;
}
.authoring-tools-index-page .authoring-tool .tool-card .guid-generator-content,
.authoring-tools-animation-builder-page .authoring-tool .tool-card .guid-generator-content,
.authoring-tools-block-ordering-builder-page .authoring-tool .tool-card .guid-generator-content,
.authoring-tools-crid-reviewer-for-mathjax-upgrade-page .authoring-tool .tool-card .guid-generator-content,
.authoring-tools-code-reading-progression-builder-page .authoring-tool .tool-card .guid-generator-content,
.authoring-tools-code-writing-builder-page .authoring-tool .tool-card .guid-generator-content,
.authoring-tools-guid-page .authoring-tool .tool-card .guid-generator-content,
.authoring-tools-it-lab-images-manager-page .authoring-tool .tool-card .guid-generator-content,
.authoring-tools-mathjax-2-and-4-page .authoring-tool .tool-card .guid-generator-content,
.authoring-tools-mathworks-page .authoring-tool .tool-card .guid-generator-content,
.authoring-tools-open-stax-python-code-runner-builder-page .authoring-tool .tool-card .guid-generator-content,
.authoring-tools-parsons-coding-builder-page .authoring-tool .tool-card .guid-generator-content,
.authoring-tools-progression-builder-page .authoring-tool .tool-card .guid-generator-content,
.authoring-tools-question-generator-page .authoring-tool .tool-card .guid-generator-content,
.authoring-tools-question-set-builder-page .authoring-tool .tool-card .guid-generator-content,
.authoring-tools-streamlit-app-builder-page .authoring-tool .tool-card .guid-generator-content,
.authoring-tools-zyanimator-page .authoring-tool .tool-card .guid-generator-content,
.authoring-tools-zyflowchart-page .authoring-tool .tool-card .guid-generator-content,
.authoring-tools-zystudio-page .authoring-tool .tool-card .guid-generator-content {
  margin: 0 auto;
  width: 625px;
}
.authoring-tools-index-page .authoring-tool .tool-card .zyhtml-button,
.authoring-tools-animation-builder-page .authoring-tool .tool-card .zyhtml-button,
.authoring-tools-block-ordering-builder-page .authoring-tool .tool-card .zyhtml-button,
.authoring-tools-crid-reviewer-for-mathjax-upgrade-page .authoring-tool .tool-card .zyhtml-button,
.authoring-tools-code-reading-progression-builder-page .authoring-tool .tool-card .zyhtml-button,
.authoring-tools-code-writing-builder-page .authoring-tool .tool-card .zyhtml-button,
.authoring-tools-guid-page .authoring-tool .tool-card .zyhtml-button,
.authoring-tools-it-lab-images-manager-page .authoring-tool .tool-card .zyhtml-button,
.authoring-tools-mathjax-2-and-4-page .authoring-tool .tool-card .zyhtml-button,
.authoring-tools-mathworks-page .authoring-tool .tool-card .zyhtml-button,
.authoring-tools-open-stax-python-code-runner-builder-page .authoring-tool .tool-card .zyhtml-button,
.authoring-tools-parsons-coding-builder-page .authoring-tool .tool-card .zyhtml-button,
.authoring-tools-progression-builder-page .authoring-tool .tool-card .zyhtml-button,
.authoring-tools-question-generator-page .authoring-tool .tool-card .zyhtml-button,
.authoring-tools-question-set-builder-page .authoring-tool .tool-card .zyhtml-button,
.authoring-tools-streamlit-app-builder-page .authoring-tool .tool-card .zyhtml-button,
.authoring-tools-zyanimator-page .authoring-tool .tool-card .zyhtml-button,
.authoring-tools-zyflowchart-page .authoring-tool .tool-card .zyhtml-button,
.authoring-tools-zystudio-page .authoring-tool .tool-card .zyhtml-button {
  float: right;
}
.authoring-tools-index-page .authoring-tool .tool-card .guid-output,
.authoring-tools-animation-builder-page .authoring-tool .tool-card .guid-output,
.authoring-tools-block-ordering-builder-page .authoring-tool .tool-card .guid-output,
.authoring-tools-crid-reviewer-for-mathjax-upgrade-page .authoring-tool .tool-card .guid-output,
.authoring-tools-code-reading-progression-builder-page .authoring-tool .tool-card .guid-output,
.authoring-tools-code-writing-builder-page .authoring-tool .tool-card .guid-output,
.authoring-tools-guid-page .authoring-tool .tool-card .guid-output,
.authoring-tools-it-lab-images-manager-page .authoring-tool .tool-card .guid-output,
.authoring-tools-mathjax-2-and-4-page .authoring-tool .tool-card .guid-output,
.authoring-tools-mathworks-page .authoring-tool .tool-card .guid-output,
.authoring-tools-open-stax-python-code-runner-builder-page .authoring-tool .tool-card .guid-output,
.authoring-tools-parsons-coding-builder-page .authoring-tool .tool-card .guid-output,
.authoring-tools-progression-builder-page .authoring-tool .tool-card .guid-output,
.authoring-tools-question-generator-page .authoring-tool .tool-card .guid-output,
.authoring-tools-question-set-builder-page .authoring-tool .tool-card .guid-output,
.authoring-tools-streamlit-app-builder-page .authoring-tool .tool-card .guid-output,
.authoring-tools-zyanimator-page .authoring-tool .tool-card .guid-output,
.authoring-tools-zyflowchart-page .authoring-tool .tool-card .guid-output,
.authoring-tools-zystudio-page .authoring-tool .tool-card .guid-output {
  margin-top: 10px;
}
.authoring-tools-index-page .authoring-tool .tool-card .mathworks-input-container,
.authoring-tools-index-page .authoring-tool .tool-card .zystudio-input-container,
.authoring-tools-animation-builder-page .authoring-tool .tool-card .mathworks-input-container,
.authoring-tools-animation-builder-page .authoring-tool .tool-card .zystudio-input-container,
.authoring-tools-block-ordering-builder-page .authoring-tool .tool-card .mathworks-input-container,
.authoring-tools-block-ordering-builder-page .authoring-tool .tool-card .zystudio-input-container,
.authoring-tools-crid-reviewer-for-mathjax-upgrade-page .authoring-tool .tool-card .mathworks-input-container,
.authoring-tools-crid-reviewer-for-mathjax-upgrade-page .authoring-tool .tool-card .zystudio-input-container,
.authoring-tools-code-reading-progression-builder-page .authoring-tool .tool-card .mathworks-input-container,
.authoring-tools-code-reading-progression-builder-page .authoring-tool .tool-card .zystudio-input-container,
.authoring-tools-code-writing-builder-page .authoring-tool .tool-card .mathworks-input-container,
.authoring-tools-code-writing-builder-page .authoring-tool .tool-card .zystudio-input-container,
.authoring-tools-guid-page .authoring-tool .tool-card .mathworks-input-container,
.authoring-tools-guid-page .authoring-tool .tool-card .zystudio-input-container,
.authoring-tools-it-lab-images-manager-page .authoring-tool .tool-card .mathworks-input-container,
.authoring-tools-it-lab-images-manager-page .authoring-tool .tool-card .zystudio-input-container,
.authoring-tools-mathjax-2-and-4-page .authoring-tool .tool-card .mathworks-input-container,
.authoring-tools-mathjax-2-and-4-page .authoring-tool .tool-card .zystudio-input-container,
.authoring-tools-mathworks-page .authoring-tool .tool-card .mathworks-input-container,
.authoring-tools-mathworks-page .authoring-tool .tool-card .zystudio-input-container,
.authoring-tools-open-stax-python-code-runner-builder-page .authoring-tool .tool-card .mathworks-input-container,
.authoring-tools-open-stax-python-code-runner-builder-page .authoring-tool .tool-card .zystudio-input-container,
.authoring-tools-parsons-coding-builder-page .authoring-tool .tool-card .mathworks-input-container,
.authoring-tools-parsons-coding-builder-page .authoring-tool .tool-card .zystudio-input-container,
.authoring-tools-progression-builder-page .authoring-tool .tool-card .mathworks-input-container,
.authoring-tools-progression-builder-page .authoring-tool .tool-card .zystudio-input-container,
.authoring-tools-question-generator-page .authoring-tool .tool-card .mathworks-input-container,
.authoring-tools-question-generator-page .authoring-tool .tool-card .zystudio-input-container,
.authoring-tools-question-set-builder-page .authoring-tool .tool-card .mathworks-input-container,
.authoring-tools-question-set-builder-page .authoring-tool .tool-card .zystudio-input-container,
.authoring-tools-streamlit-app-builder-page .authoring-tool .tool-card .mathworks-input-container,
.authoring-tools-streamlit-app-builder-page .authoring-tool .tool-card .zystudio-input-container,
.authoring-tools-zyanimator-page .authoring-tool .tool-card .mathworks-input-container,
.authoring-tools-zyanimator-page .authoring-tool .tool-card .zystudio-input-container,
.authoring-tools-zyflowchart-page .authoring-tool .tool-card .mathworks-input-container,
.authoring-tools-zyflowchart-page .authoring-tool .tool-card .zystudio-input-container,
.authoring-tools-zystudio-page .authoring-tool .tool-card .mathworks-input-container,
.authoring-tools-zystudio-page .authoring-tool .tool-card .zystudio-input-container {
  display: flex;
}
.authoring-tools-index-page .authoring-tool .tool-card .mathworks-input-container input,
.authoring-tools-index-page .authoring-tool .tool-card .zystudio-input-container input,
.authoring-tools-animation-builder-page .authoring-tool .tool-card .mathworks-input-container input,
.authoring-tools-animation-builder-page .authoring-tool .tool-card .zystudio-input-container input,
.authoring-tools-block-ordering-builder-page .authoring-tool .tool-card .mathworks-input-container input,
.authoring-tools-block-ordering-builder-page .authoring-tool .tool-card .zystudio-input-container input,
.authoring-tools-crid-reviewer-for-mathjax-upgrade-page .authoring-tool .tool-card .mathworks-input-container input,
.authoring-tools-crid-reviewer-for-mathjax-upgrade-page .authoring-tool .tool-card .zystudio-input-container input,
.authoring-tools-code-reading-progression-builder-page .authoring-tool .tool-card .mathworks-input-container input,
.authoring-tools-code-reading-progression-builder-page .authoring-tool .tool-card .zystudio-input-container input,
.authoring-tools-code-writing-builder-page .authoring-tool .tool-card .mathworks-input-container input,
.authoring-tools-code-writing-builder-page .authoring-tool .tool-card .zystudio-input-container input,
.authoring-tools-guid-page .authoring-tool .tool-card .mathworks-input-container input,
.authoring-tools-guid-page .authoring-tool .tool-card .zystudio-input-container input,
.authoring-tools-it-lab-images-manager-page .authoring-tool .tool-card .mathworks-input-container input,
.authoring-tools-it-lab-images-manager-page .authoring-tool .tool-card .zystudio-input-container input,
.authoring-tools-mathjax-2-and-4-page .authoring-tool .tool-card .mathworks-input-container input,
.authoring-tools-mathjax-2-and-4-page .authoring-tool .tool-card .zystudio-input-container input,
.authoring-tools-mathworks-page .authoring-tool .tool-card .mathworks-input-container input,
.authoring-tools-mathworks-page .authoring-tool .tool-card .zystudio-input-container input,
.authoring-tools-open-stax-python-code-runner-builder-page .authoring-tool .tool-card .mathworks-input-container input,
.authoring-tools-open-stax-python-code-runner-builder-page .authoring-tool .tool-card .zystudio-input-container input,
.authoring-tools-parsons-coding-builder-page .authoring-tool .tool-card .mathworks-input-container input,
.authoring-tools-parsons-coding-builder-page .authoring-tool .tool-card .zystudio-input-container input,
.authoring-tools-progression-builder-page .authoring-tool .tool-card .mathworks-input-container input,
.authoring-tools-progression-builder-page .authoring-tool .tool-card .zystudio-input-container input,
.authoring-tools-question-generator-page .authoring-tool .tool-card .mathworks-input-container input,
.authoring-tools-question-generator-page .authoring-tool .tool-card .zystudio-input-container input,
.authoring-tools-question-set-builder-page .authoring-tool .tool-card .mathworks-input-container input,
.authoring-tools-question-set-builder-page .authoring-tool .tool-card .zystudio-input-container input,
.authoring-tools-streamlit-app-builder-page .authoring-tool .tool-card .mathworks-input-container input,
.authoring-tools-streamlit-app-builder-page .authoring-tool .tool-card .zystudio-input-container input,
.authoring-tools-zyanimator-page .authoring-tool .tool-card .mathworks-input-container input,
.authoring-tools-zyanimator-page .authoring-tool .tool-card .zystudio-input-container input,
.authoring-tools-zyflowchart-page .authoring-tool .tool-card .mathworks-input-container input,
.authoring-tools-zyflowchart-page .authoring-tool .tool-card .zystudio-input-container input,
.authoring-tools-zystudio-page .authoring-tool .tool-card .mathworks-input-container input,
.authoring-tools-zystudio-page .authoring-tool .tool-card .zystudio-input-container input {
  width: 325px;
}
.authoring-tools-index-page .authoring-tool .tool-card .mathworks-cr-properties-container,
.authoring-tools-index-page .authoring-tool .tool-card .zystudio-cr-properties-container,
.authoring-tools-animation-builder-page .authoring-tool .tool-card .mathworks-cr-properties-container,
.authoring-tools-animation-builder-page .authoring-tool .tool-card .zystudio-cr-properties-container,
.authoring-tools-block-ordering-builder-page .authoring-tool .tool-card .mathworks-cr-properties-container,
.authoring-tools-block-ordering-builder-page .authoring-tool .tool-card .zystudio-cr-properties-container,
.authoring-tools-crid-reviewer-for-mathjax-upgrade-page .authoring-tool .tool-card .mathworks-cr-properties-container,
.authoring-tools-crid-reviewer-for-mathjax-upgrade-page .authoring-tool .tool-card .zystudio-cr-properties-container,
.authoring-tools-code-reading-progression-builder-page .authoring-tool .tool-card .mathworks-cr-properties-container,
.authoring-tools-code-reading-progression-builder-page .authoring-tool .tool-card .zystudio-cr-properties-container,
.authoring-tools-code-writing-builder-page .authoring-tool .tool-card .mathworks-cr-properties-container,
.authoring-tools-code-writing-builder-page .authoring-tool .tool-card .zystudio-cr-properties-container,
.authoring-tools-guid-page .authoring-tool .tool-card .mathworks-cr-properties-container,
.authoring-tools-guid-page .authoring-tool .tool-card .zystudio-cr-properties-container,
.authoring-tools-it-lab-images-manager-page .authoring-tool .tool-card .mathworks-cr-properties-container,
.authoring-tools-it-lab-images-manager-page .authoring-tool .tool-card .zystudio-cr-properties-container,
.authoring-tools-mathjax-2-and-4-page .authoring-tool .tool-card .mathworks-cr-properties-container,
.authoring-tools-mathjax-2-and-4-page .authoring-tool .tool-card .zystudio-cr-properties-container,
.authoring-tools-mathworks-page .authoring-tool .tool-card .mathworks-cr-properties-container,
.authoring-tools-mathworks-page .authoring-tool .tool-card .zystudio-cr-properties-container,
.authoring-tools-open-stax-python-code-runner-builder-page .authoring-tool .tool-card .mathworks-cr-properties-container,
.authoring-tools-open-stax-python-code-runner-builder-page .authoring-tool .tool-card .zystudio-cr-properties-container,
.authoring-tools-parsons-coding-builder-page .authoring-tool .tool-card .mathworks-cr-properties-container,
.authoring-tools-parsons-coding-builder-page .authoring-tool .tool-card .zystudio-cr-properties-container,
.authoring-tools-progression-builder-page .authoring-tool .tool-card .mathworks-cr-properties-container,
.authoring-tools-progression-builder-page .authoring-tool .tool-card .zystudio-cr-properties-container,
.authoring-tools-question-generator-page .authoring-tool .tool-card .mathworks-cr-properties-container,
.authoring-tools-question-generator-page .authoring-tool .tool-card .zystudio-cr-properties-container,
.authoring-tools-question-set-builder-page .authoring-tool .tool-card .mathworks-cr-properties-container,
.authoring-tools-question-set-builder-page .authoring-tool .tool-card .zystudio-cr-properties-container,
.authoring-tools-streamlit-app-builder-page .authoring-tool .tool-card .mathworks-cr-properties-container,
.authoring-tools-streamlit-app-builder-page .authoring-tool .tool-card .zystudio-cr-properties-container,
.authoring-tools-zyanimator-page .authoring-tool .tool-card .mathworks-cr-properties-container,
.authoring-tools-zyanimator-page .authoring-tool .tool-card .zystudio-cr-properties-container,
.authoring-tools-zyflowchart-page .authoring-tool .tool-card .mathworks-cr-properties-container,
.authoring-tools-zyflowchart-page .authoring-tool .tool-card .zystudio-cr-properties-container,
.authoring-tools-zystudio-page .authoring-tool .tool-card .mathworks-cr-properties-container,
.authoring-tools-zystudio-page .authoring-tool .tool-card .zystudio-cr-properties-container {
  align-items: center;
  display: flex;
}
.authoring-tools-index-page .authoring-tool .tool-card .mathworks-cr-properties-container input,
.authoring-tools-index-page .authoring-tool .tool-card .zystudio-cr-properties-container input,
.authoring-tools-animation-builder-page .authoring-tool .tool-card .mathworks-cr-properties-container input,
.authoring-tools-animation-builder-page .authoring-tool .tool-card .zystudio-cr-properties-container input,
.authoring-tools-block-ordering-builder-page .authoring-tool .tool-card .mathworks-cr-properties-container input,
.authoring-tools-block-ordering-builder-page .authoring-tool .tool-card .zystudio-cr-properties-container input,
.authoring-tools-crid-reviewer-for-mathjax-upgrade-page .authoring-tool .tool-card .mathworks-cr-properties-container input,
.authoring-tools-crid-reviewer-for-mathjax-upgrade-page .authoring-tool .tool-card .zystudio-cr-properties-container input,
.authoring-tools-code-reading-progression-builder-page .authoring-tool .tool-card .mathworks-cr-properties-container input,
.authoring-tools-code-reading-progression-builder-page .authoring-tool .tool-card .zystudio-cr-properties-container input,
.authoring-tools-code-writing-builder-page .authoring-tool .tool-card .mathworks-cr-properties-container input,
.authoring-tools-code-writing-builder-page .authoring-tool .tool-card .zystudio-cr-properties-container input,
.authoring-tools-guid-page .authoring-tool .tool-card .mathworks-cr-properties-container input,
.authoring-tools-guid-page .authoring-tool .tool-card .zystudio-cr-properties-container input,
.authoring-tools-it-lab-images-manager-page .authoring-tool .tool-card .mathworks-cr-properties-container input,
.authoring-tools-it-lab-images-manager-page .authoring-tool .tool-card .zystudio-cr-properties-container input,
.authoring-tools-mathjax-2-and-4-page .authoring-tool .tool-card .mathworks-cr-properties-container input,
.authoring-tools-mathjax-2-and-4-page .authoring-tool .tool-card .zystudio-cr-properties-container input,
.authoring-tools-mathworks-page .authoring-tool .tool-card .mathworks-cr-properties-container input,
.authoring-tools-mathworks-page .authoring-tool .tool-card .zystudio-cr-properties-container input,
.authoring-tools-open-stax-python-code-runner-builder-page .authoring-tool .tool-card .mathworks-cr-properties-container input,
.authoring-tools-open-stax-python-code-runner-builder-page .authoring-tool .tool-card .zystudio-cr-properties-container input,
.authoring-tools-parsons-coding-builder-page .authoring-tool .tool-card .mathworks-cr-properties-container input,
.authoring-tools-parsons-coding-builder-page .authoring-tool .tool-card .zystudio-cr-properties-container input,
.authoring-tools-progression-builder-page .authoring-tool .tool-card .mathworks-cr-properties-container input,
.authoring-tools-progression-builder-page .authoring-tool .tool-card .zystudio-cr-properties-container input,
.authoring-tools-question-generator-page .authoring-tool .tool-card .mathworks-cr-properties-container input,
.authoring-tools-question-generator-page .authoring-tool .tool-card .zystudio-cr-properties-container input,
.authoring-tools-question-set-builder-page .authoring-tool .tool-card .mathworks-cr-properties-container input,
.authoring-tools-question-set-builder-page .authoring-tool .tool-card .zystudio-cr-properties-container input,
.authoring-tools-streamlit-app-builder-page .authoring-tool .tool-card .mathworks-cr-properties-container input,
.authoring-tools-streamlit-app-builder-page .authoring-tool .tool-card .zystudio-cr-properties-container input,
.authoring-tools-zyanimator-page .authoring-tool .tool-card .mathworks-cr-properties-container input,
.authoring-tools-zyanimator-page .authoring-tool .tool-card .zystudio-cr-properties-container input,
.authoring-tools-zyflowchart-page .authoring-tool .tool-card .mathworks-cr-properties-container input,
.authoring-tools-zyflowchart-page .authoring-tool .tool-card .zystudio-cr-properties-container input,
.authoring-tools-zystudio-page .authoring-tool .tool-card .mathworks-cr-properties-container input,
.authoring-tools-zystudio-page .authoring-tool .tool-card .zystudio-cr-properties-container input {
  width: 100px;
}
.authoring-tools-index-page .authoring-tool .tool-card .mathworks-cr-properties-container .zb-input-container,
.authoring-tools-index-page .authoring-tool .tool-card .zystudio-cr-properties-container .zb-input-container,
.authoring-tools-animation-builder-page .authoring-tool .tool-card .mathworks-cr-properties-container .zb-input-container,
.authoring-tools-animation-builder-page .authoring-tool .tool-card .zystudio-cr-properties-container .zb-input-container,
.authoring-tools-block-ordering-builder-page .authoring-tool .tool-card .mathworks-cr-properties-container .zb-input-container,
.authoring-tools-block-ordering-builder-page .authoring-tool .tool-card .zystudio-cr-properties-container .zb-input-container,
.authoring-tools-crid-reviewer-for-mathjax-upgrade-page .authoring-tool .tool-card .mathworks-cr-properties-container .zb-input-container,
.authoring-tools-crid-reviewer-for-mathjax-upgrade-page .authoring-tool .tool-card .zystudio-cr-properties-container .zb-input-container,
.authoring-tools-code-reading-progression-builder-page .authoring-tool .tool-card .mathworks-cr-properties-container .zb-input-container,
.authoring-tools-code-reading-progression-builder-page .authoring-tool .tool-card .zystudio-cr-properties-container .zb-input-container,
.authoring-tools-code-writing-builder-page .authoring-tool .tool-card .mathworks-cr-properties-container .zb-input-container,
.authoring-tools-code-writing-builder-page .authoring-tool .tool-card .zystudio-cr-properties-container .zb-input-container,
.authoring-tools-guid-page .authoring-tool .tool-card .mathworks-cr-properties-container .zb-input-container,
.authoring-tools-guid-page .authoring-tool .tool-card .zystudio-cr-properties-container .zb-input-container,
.authoring-tools-it-lab-images-manager-page .authoring-tool .tool-card .mathworks-cr-properties-container .zb-input-container,
.authoring-tools-it-lab-images-manager-page .authoring-tool .tool-card .zystudio-cr-properties-container .zb-input-container,
.authoring-tools-mathjax-2-and-4-page .authoring-tool .tool-card .mathworks-cr-properties-container .zb-input-container,
.authoring-tools-mathjax-2-and-4-page .authoring-tool .tool-card .zystudio-cr-properties-container .zb-input-container,
.authoring-tools-mathworks-page .authoring-tool .tool-card .mathworks-cr-properties-container .zb-input-container,
.authoring-tools-mathworks-page .authoring-tool .tool-card .zystudio-cr-properties-container .zb-input-container,
.authoring-tools-open-stax-python-code-runner-builder-page .authoring-tool .tool-card .mathworks-cr-properties-container .zb-input-container,
.authoring-tools-open-stax-python-code-runner-builder-page .authoring-tool .tool-card .zystudio-cr-properties-container .zb-input-container,
.authoring-tools-parsons-coding-builder-page .authoring-tool .tool-card .mathworks-cr-properties-container .zb-input-container,
.authoring-tools-parsons-coding-builder-page .authoring-tool .tool-card .zystudio-cr-properties-container .zb-input-container,
.authoring-tools-progression-builder-page .authoring-tool .tool-card .mathworks-cr-properties-container .zb-input-container,
.authoring-tools-progression-builder-page .authoring-tool .tool-card .zystudio-cr-properties-container .zb-input-container,
.authoring-tools-question-generator-page .authoring-tool .tool-card .mathworks-cr-properties-container .zb-input-container,
.authoring-tools-question-generator-page .authoring-tool .tool-card .zystudio-cr-properties-container .zb-input-container,
.authoring-tools-question-set-builder-page .authoring-tool .tool-card .mathworks-cr-properties-container .zb-input-container,
.authoring-tools-question-set-builder-page .authoring-tool .tool-card .zystudio-cr-properties-container .zb-input-container,
.authoring-tools-streamlit-app-builder-page .authoring-tool .tool-card .mathworks-cr-properties-container .zb-input-container,
.authoring-tools-streamlit-app-builder-page .authoring-tool .tool-card .zystudio-cr-properties-container .zb-input-container,
.authoring-tools-zyanimator-page .authoring-tool .tool-card .mathworks-cr-properties-container .zb-input-container,
.authoring-tools-zyanimator-page .authoring-tool .tool-card .zystudio-cr-properties-container .zb-input-container,
.authoring-tools-zyflowchart-page .authoring-tool .tool-card .mathworks-cr-properties-container .zb-input-container,
.authoring-tools-zyflowchart-page .authoring-tool .tool-card .zystudio-cr-properties-container .zb-input-container,
.authoring-tools-zystudio-page .authoring-tool .tool-card .mathworks-cr-properties-container .zb-input-container,
.authoring-tools-zystudio-page .authoring-tool .tool-card .zystudio-cr-properties-container .zb-input-container {
  margin: 0 20px;
  width: 100px;
}
.authoring-tools-index-page .authoring-tool .tool-card .mathworks-editor-frame-empty,
.authoring-tools-animation-builder-page .authoring-tool .tool-card .mathworks-editor-frame-empty,
.authoring-tools-block-ordering-builder-page .authoring-tool .tool-card .mathworks-editor-frame-empty,
.authoring-tools-crid-reviewer-for-mathjax-upgrade-page .authoring-tool .tool-card .mathworks-editor-frame-empty,
.authoring-tools-code-reading-progression-builder-page .authoring-tool .tool-card .mathworks-editor-frame-empty,
.authoring-tools-code-writing-builder-page .authoring-tool .tool-card .mathworks-editor-frame-empty,
.authoring-tools-guid-page .authoring-tool .tool-card .mathworks-editor-frame-empty,
.authoring-tools-it-lab-images-manager-page .authoring-tool .tool-card .mathworks-editor-frame-empty,
.authoring-tools-mathjax-2-and-4-page .authoring-tool .tool-card .mathworks-editor-frame-empty,
.authoring-tools-mathworks-page .authoring-tool .tool-card .mathworks-editor-frame-empty,
.authoring-tools-open-stax-python-code-runner-builder-page .authoring-tool .tool-card .mathworks-editor-frame-empty,
.authoring-tools-parsons-coding-builder-page .authoring-tool .tool-card .mathworks-editor-frame-empty,
.authoring-tools-progression-builder-page .authoring-tool .tool-card .mathworks-editor-frame-empty,
.authoring-tools-question-generator-page .authoring-tool .tool-card .mathworks-editor-frame-empty,
.authoring-tools-question-set-builder-page .authoring-tool .tool-card .mathworks-editor-frame-empty,
.authoring-tools-streamlit-app-builder-page .authoring-tool .tool-card .mathworks-editor-frame-empty,
.authoring-tools-zyanimator-page .authoring-tool .tool-card .mathworks-editor-frame-empty,
.authoring-tools-zyflowchart-page .authoring-tool .tool-card .mathworks-editor-frame-empty,
.authoring-tools-zystudio-page .authoring-tool .tool-card .mathworks-editor-frame-empty {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
}
.authoring-tools-index-page .authoring-tool .tool-card .mathworks-editor-frame-loading,
.authoring-tools-animation-builder-page .authoring-tool .tool-card .mathworks-editor-frame-loading,
.authoring-tools-block-ordering-builder-page .authoring-tool .tool-card .mathworks-editor-frame-loading,
.authoring-tools-crid-reviewer-for-mathjax-upgrade-page .authoring-tool .tool-card .mathworks-editor-frame-loading,
.authoring-tools-code-reading-progression-builder-page .authoring-tool .tool-card .mathworks-editor-frame-loading,
.authoring-tools-code-writing-builder-page .authoring-tool .tool-card .mathworks-editor-frame-loading,
.authoring-tools-guid-page .authoring-tool .tool-card .mathworks-editor-frame-loading,
.authoring-tools-it-lab-images-manager-page .authoring-tool .tool-card .mathworks-editor-frame-loading,
.authoring-tools-mathjax-2-and-4-page .authoring-tool .tool-card .mathworks-editor-frame-loading,
.authoring-tools-mathworks-page .authoring-tool .tool-card .mathworks-editor-frame-loading,
.authoring-tools-open-stax-python-code-runner-builder-page .authoring-tool .tool-card .mathworks-editor-frame-loading,
.authoring-tools-parsons-coding-builder-page .authoring-tool .tool-card .mathworks-editor-frame-loading,
.authoring-tools-progression-builder-page .authoring-tool .tool-card .mathworks-editor-frame-loading,
.authoring-tools-question-generator-page .authoring-tool .tool-card .mathworks-editor-frame-loading,
.authoring-tools-question-set-builder-page .authoring-tool .tool-card .mathworks-editor-frame-loading,
.authoring-tools-streamlit-app-builder-page .authoring-tool .tool-card .mathworks-editor-frame-loading,
.authoring-tools-zyanimator-page .authoring-tool .tool-card .mathworks-editor-frame-loading,
.authoring-tools-zyflowchart-page .authoring-tool .tool-card .mathworks-editor-frame-loading,
.authoring-tools-zystudio-page .authoring-tool .tool-card .mathworks-editor-frame-loading {
  background-color: hsl(calc(var(--zb-semantic-color-background-h) + 0deg), calc(var(--zb-semantic-color-background-s) + 0%), calc(var(--zb-semantic-color-background-l) + 0%), calc(var(--zb-semantic-color-background-a) + 0));
  background-image: url("data:image/svg+xml;base64,PCEtLSBCeSBTYW0gSGVyYmVydCAoQHNoZXJiKSwgZm9yIGV2ZXJ5b25lLiBNb3JlIEAgaHR0cDov%0D%0AL2dvby5nbC83QUp6YkwgLS0+Cjxzdmcgd2lkdGg9IjM4IiBoZWlnaHQ9IjM4IiB2aWV3Qm94PSIw%0D%0AIDAgMzggMzgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZGVmcz4K%0D%0AICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjguMDQyJSIgeTE9IjAlIiB4Mj0iNjUuNjgyJSIg%0D%0AeTI9IjIzLjg2NSUiIGlkPSJhIj4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI2ZmZiIg%0D%0Ac3RvcC1vcGFjaXR5PSIwIiBvZmZzZXQ9IjAlIi8+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29s%0D%0Ab3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iLjYzMSIgb2Zmc2V0PSI2My4xNDYlIi8+CiAgICAgICAg%0D%0AICAgIDxzdG9wIHN0b3AtY29sb3I9IiNmZmYiIG9mZnNldD0iMTAwJSIvPgogICAgICAgIDwvbGlu%0D%0AZWFyR3JhZGllbnQ+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2%0D%0AZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiPgogICAgICAgICAg%0D%0AICA8cGF0aCBkPSJNMzYgMThjMC05Ljk0LTguMDYtMTgtMTgtMTgiIGlkPSJPdmFsLTIiIHN0cm9r%0D%0AZT0idXJsKCNhKSIgc3Ryb2tlLXdpZHRoPSIyIj4KICAgICAgICAgICAgICAgIDxhbmltYXRlVHJh%0D%0AbnNmb3JtCiAgICAgICAgICAgICAgICAgICAgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIgogICAg%0D%0AICAgICAgICAgICAgICAgIHR5cGU9InJvdGF0ZSIKICAgICAgICAgICAgICAgICAgICBmcm9tPSIw%0D%0AIDE4IDE4IgogICAgICAgICAgICAgICAgICAgIHRvPSIzNjAgMTggMTgiCiAgICAgICAgICAgICAg%0D%0AICAgICAgZHVyPSIwLjlzIgogICAgICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmlu%0D%0AaXRlIiAvPgogICAgICAgICAgICA8L3BhdGg+CiAgICAgICAgICAgIDxjaXJjbGUgZmlsbD0iI2Zm%0D%0AZiIgY3g9IjM2IiBjeT0iMTgiIHI9IjEiPgogICAgICAgICAgICAgICAgPGFuaW1hdGVUcmFuc2Zv%0D%0Acm0KICAgICAgICAgICAgICAgICAgICBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iCiAgICAgICAg%0D%0AICAgICAgICAgICAgdHlwZT0icm90YXRlIgogICAgICAgICAgICAgICAgICAgIGZyb209IjAgMTgg%0D%0AMTgiCiAgICAgICAgICAgICAgICAgICAgdG89IjM2MCAxOCAxOCIKICAgICAgICAgICAgICAgICAg%0D%0AICBkdXI9IjAuOXMiCiAgICAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUi%0D%0AIC8+CiAgICAgICAgICAgIDwvY2lyY2xlPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100px;
}
.authoring-tools-index-page .authoring-tool .tool-card .loading-tool,
.authoring-tools-animation-builder-page .authoring-tool .tool-card .loading-tool,
.authoring-tools-block-ordering-builder-page .authoring-tool .tool-card .loading-tool,
.authoring-tools-crid-reviewer-for-mathjax-upgrade-page .authoring-tool .tool-card .loading-tool,
.authoring-tools-code-reading-progression-builder-page .authoring-tool .tool-card .loading-tool,
.authoring-tools-code-writing-builder-page .authoring-tool .tool-card .loading-tool,
.authoring-tools-guid-page .authoring-tool .tool-card .loading-tool,
.authoring-tools-it-lab-images-manager-page .authoring-tool .tool-card .loading-tool,
.authoring-tools-mathjax-2-and-4-page .authoring-tool .tool-card .loading-tool,
.authoring-tools-mathworks-page .authoring-tool .tool-card .loading-tool,
.authoring-tools-open-stax-python-code-runner-builder-page .authoring-tool .tool-card .loading-tool,
.authoring-tools-parsons-coding-builder-page .authoring-tool .tool-card .loading-tool,
.authoring-tools-progression-builder-page .authoring-tool .tool-card .loading-tool,
.authoring-tools-question-generator-page .authoring-tool .tool-card .loading-tool,
.authoring-tools-question-set-builder-page .authoring-tool .tool-card .loading-tool,
.authoring-tools-streamlit-app-builder-page .authoring-tool .tool-card .loading-tool,
.authoring-tools-zyanimator-page .authoring-tool .tool-card .loading-tool,
.authoring-tools-zyflowchart-page .authoring-tool .tool-card .loading-tool,
.authoring-tools-zystudio-page .authoring-tool .tool-card .loading-tool {
  margin: 0 auto;
  width: 210px;
}
.authoring-tools-index-page .authoring-tool .tool-card iframe,
.authoring-tools-animation-builder-page .authoring-tool .tool-card iframe,
.authoring-tools-block-ordering-builder-page .authoring-tool .tool-card iframe,
.authoring-tools-crid-reviewer-for-mathjax-upgrade-page .authoring-tool .tool-card iframe,
.authoring-tools-code-reading-progression-builder-page .authoring-tool .tool-card iframe,
.authoring-tools-code-writing-builder-page .authoring-tool .tool-card iframe,
.authoring-tools-guid-page .authoring-tool .tool-card iframe,
.authoring-tools-it-lab-images-manager-page .authoring-tool .tool-card iframe,
.authoring-tools-mathjax-2-and-4-page .authoring-tool .tool-card iframe,
.authoring-tools-mathworks-page .authoring-tool .tool-card iframe,
.authoring-tools-open-stax-python-code-runner-builder-page .authoring-tool .tool-card iframe,
.authoring-tools-parsons-coding-builder-page .authoring-tool .tool-card iframe,
.authoring-tools-progression-builder-page .authoring-tool .tool-card iframe,
.authoring-tools-question-generator-page .authoring-tool .tool-card iframe,
.authoring-tools-question-set-builder-page .authoring-tool .tool-card iframe,
.authoring-tools-streamlit-app-builder-page .authoring-tool .tool-card iframe,
.authoring-tools-zyanimator-page .authoring-tool .tool-card iframe,
.authoring-tools-zyflowchart-page .authoring-tool .tool-card iframe,
.authoring-tools-zystudio-page .authoring-tool .tool-card iframe {
  border: 0;
  display: block;
  margin-top: 10px;
  width: 100%;
}
.authoring-tools-index-page .authoring-tool .progression-builder-container img,
.authoring-tools-animation-builder-page .authoring-tool .progression-builder-container img,
.authoring-tools-block-ordering-builder-page .authoring-tool .progression-builder-container img,
.authoring-tools-crid-reviewer-for-mathjax-upgrade-page .authoring-tool .progression-builder-container img,
.authoring-tools-code-reading-progression-builder-page .authoring-tool .progression-builder-container img,
.authoring-tools-code-writing-builder-page .authoring-tool .progression-builder-container img,
.authoring-tools-guid-page .authoring-tool .progression-builder-container img,
.authoring-tools-it-lab-images-manager-page .authoring-tool .progression-builder-container img,
.authoring-tools-mathjax-2-and-4-page .authoring-tool .progression-builder-container img,
.authoring-tools-mathworks-page .authoring-tool .progression-builder-container img,
.authoring-tools-open-stax-python-code-runner-builder-page .authoring-tool .progression-builder-container img,
.authoring-tools-parsons-coding-builder-page .authoring-tool .progression-builder-container img,
.authoring-tools-progression-builder-page .authoring-tool .progression-builder-container img,
.authoring-tools-question-generator-page .authoring-tool .progression-builder-container img,
.authoring-tools-question-set-builder-page .authoring-tool .progression-builder-container img,
.authoring-tools-streamlit-app-builder-page .authoring-tool .progression-builder-container img,
.authoring-tools-zyanimator-page .authoring-tool .progression-builder-container img,
.authoring-tools-zyflowchart-page .authoring-tool .progression-builder-container img,
.authoring-tools-zystudio-page .authoring-tool .progression-builder-container img {
  max-height: 100%;
  max-width: 100%;
}
.authoring-tools-index-page .authoring-tool .zb-modal,
.authoring-tools-animation-builder-page .authoring-tool .zb-modal,
.authoring-tools-block-ordering-builder-page .authoring-tool .zb-modal,
.authoring-tools-crid-reviewer-for-mathjax-upgrade-page .authoring-tool .zb-modal,
.authoring-tools-code-reading-progression-builder-page .authoring-tool .zb-modal,
.authoring-tools-code-writing-builder-page .authoring-tool .zb-modal,
.authoring-tools-guid-page .authoring-tool .zb-modal,
.authoring-tools-it-lab-images-manager-page .authoring-tool .zb-modal,
.authoring-tools-mathjax-2-and-4-page .authoring-tool .zb-modal,
.authoring-tools-mathworks-page .authoring-tool .zb-modal,
.authoring-tools-open-stax-python-code-runner-builder-page .authoring-tool .zb-modal,
.authoring-tools-parsons-coding-builder-page .authoring-tool .zb-modal,
.authoring-tools-progression-builder-page .authoring-tool .zb-modal,
.authoring-tools-question-generator-page .authoring-tool .zb-modal,
.authoring-tools-question-set-builder-page .authoring-tool .zb-modal,
.authoring-tools-streamlit-app-builder-page .authoring-tool .zb-modal,
.authoring-tools-zyanimator-page .authoring-tool .zb-modal,
.authoring-tools-zyflowchart-page .authoring-tool .zb-modal,
.authoring-tools-zystudio-page .authoring-tool .zb-modal {
  width: 100%;
}
.authoring-tools-index-page .authoring-tool .zb-modal .zb-modal-content,
.authoring-tools-animation-builder-page .authoring-tool .zb-modal .zb-modal-content,
.authoring-tools-block-ordering-builder-page .authoring-tool .zb-modal .zb-modal-content,
.authoring-tools-crid-reviewer-for-mathjax-upgrade-page .authoring-tool .zb-modal .zb-modal-content,
.authoring-tools-code-reading-progression-builder-page .authoring-tool .zb-modal .zb-modal-content,
.authoring-tools-code-writing-builder-page .authoring-tool .zb-modal .zb-modal-content,
.authoring-tools-guid-page .authoring-tool .zb-modal .zb-modal-content,
.authoring-tools-it-lab-images-manager-page .authoring-tool .zb-modal .zb-modal-content,
.authoring-tools-mathjax-2-and-4-page .authoring-tool .zb-modal .zb-modal-content,
.authoring-tools-mathworks-page .authoring-tool .zb-modal .zb-modal-content,
.authoring-tools-open-stax-python-code-runner-builder-page .authoring-tool .zb-modal .zb-modal-content,
.authoring-tools-parsons-coding-builder-page .authoring-tool .zb-modal .zb-modal-content,
.authoring-tools-progression-builder-page .authoring-tool .zb-modal .zb-modal-content,
.authoring-tools-question-generator-page .authoring-tool .zb-modal .zb-modal-content,
.authoring-tools-question-set-builder-page .authoring-tool .zb-modal .zb-modal-content,
.authoring-tools-streamlit-app-builder-page .authoring-tool .zb-modal .zb-modal-content,
.authoring-tools-zyanimator-page .authoring-tool .zb-modal .zb-modal-content,
.authoring-tools-zyflowchart-page .authoring-tool .zb-modal .zb-modal-content,
.authoring-tools-zystudio-page .authoring-tool .zb-modal .zb-modal-content {
  min-width: 720px;
}
.authoring-tools-index-page .authoring-tool .chevron-container,
.authoring-tools-animation-builder-page .authoring-tool .chevron-container,
.authoring-tools-block-ordering-builder-page .authoring-tool .chevron-container,
.authoring-tools-crid-reviewer-for-mathjax-upgrade-page .authoring-tool .chevron-container,
.authoring-tools-code-reading-progression-builder-page .authoring-tool .chevron-container,
.authoring-tools-code-writing-builder-page .authoring-tool .chevron-container,
.authoring-tools-guid-page .authoring-tool .chevron-container,
.authoring-tools-it-lab-images-manager-page .authoring-tool .chevron-container,
.authoring-tools-mathjax-2-and-4-page .authoring-tool .chevron-container,
.authoring-tools-mathworks-page .authoring-tool .chevron-container,
.authoring-tools-open-stax-python-code-runner-builder-page .authoring-tool .chevron-container,
.authoring-tools-parsons-coding-builder-page .authoring-tool .chevron-container,
.authoring-tools-progression-builder-page .authoring-tool .chevron-container,
.authoring-tools-question-generator-page .authoring-tool .chevron-container,
.authoring-tools-question-set-builder-page .authoring-tool .chevron-container,
.authoring-tools-streamlit-app-builder-page .authoring-tool .chevron-container,
.authoring-tools-zyanimator-page .authoring-tool .chevron-container,
.authoring-tools-zyflowchart-page .authoring-tool .chevron-container,
.authoring-tools-zystudio-page .authoring-tool .chevron-container {
  display: none;
}

body.hidden-toolbar .top-toolbar {
  display: none;
}
body.hidden-toolbar .route-container {
  margin-top: 0;
}

.authoring-tools-crid-reviewer-for-mathjax-upgrade-page {
  display: flex;
}
.authoring-tools-crid-reviewer-for-mathjax-upgrade-page .authoring-tool {
  flex-grow: 1;
}
.authoring-tools-crid-reviewer-for-mathjax-upgrade-page .authoring-tool code {
  white-space: pre;
}
.authoring-tools-crid-reviewer-for-mathjax-upgrade-page .authoring-tool textarea {
  width: 100%;
}
.authoring-tools-crid-reviewer-for-mathjax-upgrade-page .authoring-tool .controls-container {
  align-items: center;
  display: flex;
}
.authoring-tools-crid-reviewer-for-mathjax-upgrade-page .authoring-tool .controls-container .zb-radio-button {
  margin-left: 8px;
}
.authoring-tools-crid-reviewer-for-mathjax-upgrade-page .authoring-tool .controls-container button {
  margin-left: 24px;
}
.authoring-tools-crid-reviewer-for-mathjax-upgrade-page .authoring-tool .controls-container .restart {
  margin-left: auto;
}
.authoring-tools-crid-reviewer-for-mathjax-upgrade-page .authoring-tool .split-container {
  display: flex;
  flex-grow: 1;
  margin-top: 24px;
}
.authoring-tools-crid-reviewer-for-mathjax-upgrade-page .authoring-tool .split-container div {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
}
.authoring-tools-crid-reviewer-for-mathjax-upgrade-page .authoring-tool .split-container div h4 {
  margin: 0;
}
.authoring-tools-crid-reviewer-for-mathjax-upgrade-page .authoring-tool .split-container div iframe {
  flex-grow: 1;
}

.catalog-page {
  overflow-y: auto;
}
.catalog-page .centered-content {
  padding-left: 20px;
  padding-right: 20px;
}
.catalog-page h1 {
  margin-top: 48px;
}
.catalog-page .zybooks-container .zybook {
  margin-left: 0;
  margin-right: 48px;
}
.catalog-page .zybooks-container a .zybook {
  margin: 0;
}
.catalog-page .class-instructions {
  justify-content: space-between;
  margin-bottom: 16px;
}
.catalog-page .class-instructions .bold-text {
  font-weight: bold;
}
.catalog-page .class-instructions .instructions {
  max-width: 50%;
}
.catalog-page .find-zybook-section {
  justify-content: left;
  margin-left: 16px;
  margin-right: auto;
}
@media (max-width: 1025px) {
  .catalog-page .centered-content {
    max-width: 920px;
  }
  .catalog-page .find-zybook-section {
    width: 350px;
  }
  .catalog-page .find-zybook-section .not-found-text {
    width: 350px;
  }
  .catalog-page .find-zybook-section .view-zybook-link {
    justify-content: center;
    left: inherit;
    position: relative;
    width: 320px;
  }
  .catalog-page .find-zybook-section .searching-for-zybook-progress {
    left: inherit;
    position: relative;
    width: initial;
  }
}
@media (max-width: 769px) {
  .catalog-page .centered-content {
    max-width: 700px;
  }
  .catalog-page .zybooks-container .zybook {
    margin-right: 50px;
  }
}
@media (max-width: 668px) {
  .catalog-page .zybooks-container .zybook {
    margin-right: 24px;
  }
}
@media (max-width: 415px) {
  .catalog-page .pcentered-content,
  .catalog-page .find-zybook-section {
    width: 310px;
  }
  .catalog-page .zybooks-container {
    margin: auto;
    width: 180px;
  }
  .catalog-page .zybooks-container .zybook {
    margin: 0;
    margin-bottom: 24px;
  }
  .catalog-page .class-instructions {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .catalog-page .class-instructions .instructions {
    max-width: 100%;
    width: 100%;
  }
  .catalog-page .find-zybook-section .not-found-text {
    width: 310px;
  }
  .catalog-page .find-zybook-section .view-zybook-link {
    width: 310px;
  }
}

.class-roster-container.centered-content {
  max-width: 1600px;
  padding: 20px;
}
.class-roster-container h1 {
  font-size: 25px;
  margin: 0;
}
.class-roster-container .class-roster-title-container {
  align-items: center;
  display: flex;
  padding: 45px 0 15px;
}
.class-roster-container .class-roster-title-container .mobile-back-button {
  display: none;
}
.class-roster-container .class-roster-title-container .mobile-back-button i {
  font-size: 40px;
}
@media (max-width: 769px) {
  .class-roster-container .class-roster-title-container .mobile-back-button {
    display: flex;
  }
}
.class-roster-container .class-roster-table {
  box-shadow: 0 3px 5px hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.8));
}
.class-roster-container .empty-no-students {
  background-color: transparent;
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  font-style: italic;
  padding: 20px 0;
  text-align: center;
}
.class-roster-container .loading-class-roster {
  align-items: center;
  display: flex;
  font-size: 16px;
  justify-content: center;
  padding: 15px;
}
.class-roster-container .loading-class-roster-text {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  padding: 15px;
}

.class-roster-content .mobile-top-row,
.class-roster-content .mobile-bottom-row {
  align-items: center;
  display: flex;
}
.class-roster-content .mobile-top-row {
  flex-grow: 1;
}
.class-roster-content .controls {
  align-items: center;
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  box-shadow: 0 2px 5px hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.86));
  display: flex;
  padding: 10px 15px;
  position: relative;
  z-index: 6;
}
.class-roster-content .controls .zb-input-container {
  height: auto;
}
.class-roster-content .controls .back-container,
.class-roster-content .controls .class-section-container,
.class-roster-content .controls .view-mode-container,
.class-roster-content .controls .search-container,
.class-roster-content .controls .metrics-container,
.class-roster-content .controls .chapters-container,
.class-roster-content .controls .anon-container {
  align-content: center;
  display: flex;
  flex-direction: column;
}
.class-roster-content .controls .back-container {
  margin-right: 50px;
}
.class-roster-content .controls .back-container .title {
  color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  margin: 0;
}
.class-roster-content .controls .class-section-container {
  margin-right: 50px;
}
.class-roster-content .controls .view-mode-container {
  margin-right: 20px;
}
.class-roster-content .controls .view-mode-container .view-input {
  align-items: center;
  display: flex;
}
.class-roster-content .controls .view-mode-container .view-input &gt; span {
  color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
  margin-right: 15px;
}
.class-roster-content .controls .search-container {
  flex-grow: 1;
  margin-right: 15px;
}
@media (max-width: 769px) {
  .class-roster-content .controls .search-container {
    margin-right: 15px;
  }
}
.class-roster-content .controls .refresh-download-container {
  bottom: -65px;
  position: absolute;
  width: 170px;
  z-index: 1;
}
.class-roster-content .controls .refresh-download-container .spinner-container {
  text-align: center;
}
.class-roster-content .controls .refresh-download-container .spinner-container .spinner {
  display: inline-block;
}
.class-roster-content .controls .refresh-download-container .last-updated-date {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 12px;
  margin-bottom: 5px;
  padding-left: 2px;
}
.class-roster-content .controls .refresh-download-container .buttons {
  margin-bottom: 5px;
}
.class-roster-content .controls .refresh-download-container .zb-button {
  font-weight: 600;
  height: auto;
  padding: 0;
}
.class-roster-content .controls .refresh-download-container .zb-button .title {
  margin-right: 3px;
}
.class-roster-content .controls .anon-container {
  margin: 0 8px;
}
@media (max-width: 769px) {
  .class-roster-content .controls {
    align-items: baseline;
    flex-direction: column;
    padding: 20px;
  }
  .class-roster-content .controls .mobile-top-row {
    margin-bottom: 20px;
  }
  .class-roster-content .controls .back-container {
    margin-right: 0;
  }
  .class-roster-content .controls .back-container a {
    height: 1px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px;
  }
}

.alt-description-container {
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-black-h) + 0deg), calc(var(--zb-semantic-color-black-s) + 0%), calc(var(--zb-semantic-color-black-l) + 0%), calc(var(--zb-semantic-color-black-a) + 0));
}

.forum-request-access {
  margin: 16px;
}

.library-page {
  overflow-y: auto;
}
.library-page .centered-content.show-right-panel {
  display: flex;
  justify-content: space-between;
  margin: 8px auto auto;
}
.library-page .centered-content.show-right-panel .library-container {
  flex-grow: 1;
  margin: 0 16px;
}
.library-page .centered-content.show-right-panel .right-panel-section {
  margin: 32px 0 auto auto;
}
.library-page .welcome-section {
  display: flex;
  justify-content: center;
  margin: 0 16px;
}
.library-page .welcome-section .welcome-card {
  margin-top: 24px;
  max-width: 100%;
}
.library-page .welcome-section .welcome-card .zb-card-content {
  padding: 0;
}
.library-page .welcome-section .welcome-card .welcome-content {
  padding: 24px;
}
.library-page .welcome-section .welcome-card .section-header {
  margin-top: 0;
}
.library-page .welcome-section .welcome-card .welcome-message {
  width: 550px;
}
.library-page .welcome-section .welcome-card .zb-input-container {
  width: 526px;
}
.library-page .welcome-section .welcome-card .zb-zybook-graphic {
  margin-left: 12px;
  margin-right: 72px;
}
.library-page .welcome-section .welcome-card .find-input {
  flex-wrap: wrap;
  margin-top: 24px;
}
.library-page .welcome-section .welcome-card .message-container {
  left: 30px;
}
.library-page .welcome-section .welcome-card .view-zybook-button,
.library-page .welcome-section .welcome-card .zb-progress-circular {
  margin-left: 16px;
}
.library-page .welcome-section .welcome-card .zb-progress-circular {
  margin-top: 8px;
}
.library-page .welcome-section .welcome-card .view-zybook-button {
  height: 38px;
}
.library-page .zybooks-container.medium {
  padding-left: 4px;
}
.library-page .zybooks-container.medium .zybook {
  margin-left: 16px;
  margin-right: 16px;
}
.library-page .find-zybook-section {
  margin-top: 48px;
}
.library-page .request-info-text {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  margin-left: 20px;
}
.library-page .zybook-request-container {
  margin: 12px 0 0 20px;
}
.library-page .zybook-request-container .course-label {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  font-size: 14px;
  margin-right: 32px;
  min-width: 100px;
}
.library-page .zybook-request-container .zb-button {
  height: 16px;
  padding: 0;
}
.library-page .zybooks-section-header {
  font-size: 18px;
  margin-left: 20px;
  margin-top: 24px;
}
.library-page section:last-of-type {
  margin-bottom: 48px;
}
.library-page .zybook-panel section:last-of-type {
  margin-bottom: 0;
}
.library-page .no-active-books-label {
  margin-left: 21px;
}
.library-page .eval-adopt-zybook-card {
  background-color: hsl(calc(var(--zb-semantic-color-light-blue-grey-background-h) + 0deg), calc(var(--zb-semantic-color-light-blue-grey-background-s) + 0%), calc(var(--zb-semantic-color-light-blue-grey-background-l) + 0%), calc(var(--zb-semantic-color-light-blue-grey-background-a) + 0));
}
.library-page .eval-adopt-zybook-card header {
  justify-content: flex-start;
}
.library-page .eval-adopt-zybook-card header i {
  color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
}
.library-page .eval-adopt-zybook-card h3,
.library-page .eval-adopt-zybook-card .choose-from,
.library-page .eval-adopt-zybook-card .heading {
  color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
}
.library-page .eval-adopt-zybook-card .choose-from {
  margin-top: 18px;
}
.library-page .eval-adopt-zybook-card .topics {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  padding-left: 24px;
}
.library-page .eval-adopt-zybook-card .button-container {
  height: 64px;
  margin-left: 20px;
}
.library-page .eval-adopt-zybook-card.large h3,
.library-page .eval-adopt-zybook-card.large .heading {
  font-size: 28px;
}
.library-page .eval-adopt-zybook-card.large .choose-from {
  font-size: 18px;
}
.library-page .eval-adopt-zybook-card.large li {
  font-size: 18px;
}
.library-page .eval-adopt-zybook-card.medium h3,
.library-page .eval-adopt-zybook-card.medium .heading {
  font-size: 20px;
}
.library-page .eval-adopt-zybook-card.medium .choose-from {
  font-size: 14px;
}
.library-page .eval-adopt-zybook-card.small ul {
  margin: 6px 0;
}
.library-page .eval-adopt-zybook-card.small .button-container {
  height: 46px;
}
.library-page .eval-adopt-zybook-card.small .choose-from {
  margin-top: 8px;
}
.library-page .eval-adopt-zybook-card.small .choose-from,
.library-page .eval-adopt-zybook-card.small .topics {
  font-size: 14px;
}
@media (max-width: 1025px) {
  .library-page .centered-content {
    max-width: 900px;
  }
  .library-page .find-zybook-section {
    width: 350px;
  }
  .library-page .find-zybook-section .not-found-text {
    width: 350px;
  }
  .library-page .find-zybook-section .view-zybook-link {
    justify-content: center;
    left: inherit;
    position: relative;
    width: 320px;
  }
  .library-page .find-zybook-section .searching-for-zybook-progress {
    left: inherit;
    position: relative;
    width: initial;
  }
}
@media (max-width: 769px) {
  .library-page .centered-content {
    max-width: 600px;
  }
}
@media (max-width: 376px) {
  .library-page .centered-content,
  .library-page .find-zybook-section {
    width: 310px;
  }
  .library-page .find-zybook-section .not-found-text {
    width: 310px;
  }
  .library-page .find-zybook-section .view-zybook-link {
    width: 310px;
  }
}

.lti-email-not-found {
  width: 800px;
}
.lti-email-not-found section {
  padding: 0 32px;
}
.lti-email-not-found section .orange {
  color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  font-weight: 800;
}
.lti-email-not-found section .zb-input {
  max-width: 200px;
}
.lti-email-not-found section .error {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
  margin: 0;
}

.not-found-page .zybook-section.not-found-section .zb-card-content {
  width: 100%;
}

.zybook-renew-page .renew-card {
  margin: 24px auto;
  width: 1000px;
}
.zybook-renew-page .renew-card .zb-card-content {
  padding: 0;
}
.zybook-renew-page .renew-card .card-main-content {
  min-height: 700px;
  padding: 24px;
}
.zybook-renew-page .renew-card .error-message {
  font-size: 12px;
  margin-top: 4px;
}
.zybook-renew-page .renew-card .class-info-row {
  justify-content: space-between;
  width: 580px;
}
.zybook-renew-page .renew-card .class-info-row .zb-input-label {
  margin-bottom: 4px;
}
.zybook-renew-page .renew-card .class-info-row .datepicker {
  margin-right: 16px;
}
.zybook-renew-page .renew-card .class-info-row .zb-input-container {
  align-self: flex-end;
  margin-top: 2px;
  width: 180px;
}
.zybook-renew-page .renew-card .message-text {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
}
.zybook-renew-page .renew-card .message-text strong {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}
.zybook-renew-page .renew-card .zybook-info-row {
  align-items: flex-start;
  width: 800px;
}
.zybook-renew-page .renew-card .zybook-info-row .zb-graphic-container {
  align-items: center;
  margin-top: 4px;
}
.zybook-renew-page .renew-card .zybook-info-row .zb-graphic-container .zb-zybook-graphic {
  margin-right: 12px;
}
.zybook-renew-page .renew-card .zybook-info-row .zb-truncate-text {
  max-width: 250px;
}
.zybook-renew-page .renew-card .zybook-info-row .customization-container {
  margin: 0 32px;
}
.zybook-renew-page .renew-card .zybook-info-row .customization-container .zb-truncate-text {
  margin-top: 10px;
}
.zybook-renew-page .renew-card .zybook-info-row .zb-button {
  margin-top: 20px;
}
.zybook-renew-page .renew-card .copy-row {
  align-items: center;
  justify-content: space-between;
  margin: 16px 0;
  padding-left: 36px;
  width: 540px;
}
.zybook-renew-page .renew-card .copy-row .zb-checkbox {
  min-height: 24px;
}
.zybook-renew-page .renew-card .course-info-row {
  align-items: center;
}
.zybook-renew-page .renew-card .course-info-row .zb-input-container {
  margin-right: 16px;
}
.zybook-renew-page .renew-card .course-info-row .usage-container {
  margin-bottom: 30px;
}
.zybook-renew-page .renew-card .course-info-row .usage-select {
  width: 324px;
}
.zybook-renew-page .renew-card .instructor-header {
  margin-top: 0;
}
.zybook-renew-page .renew-card .progress-wrapper {
  display: flex;
  flex: 1;
}
.zybook-renew-page .renew-card .progress-wrapper .zb-progress-circular {
  margin: auto;
}
.zybook-renew-page .renew-card .instructor-info {
  align-items: center;
}
.zybook-renew-page .renew-card .instructor-info .zb-input-container {
  margin-right: 16px;
  width: 280px;
}
.zybook-renew-page .renew-card .instructor-info .name-input {
  width: 180px;
}
.zybook-renew-page .renew-card .instructor-info .zb-button {
  margin-bottom: 8px;
}
.zybook-renew-page .renew-card .instructor-info .add-button {
  margin-left: auto;
}
.zybook-renew-page .renew-card .zb-text-area {
  display: block;
  max-height: 150px;
  width: 100%;
}
.zybook-renew-page .renew-card .small-margin-top {
  margin-top: 16px;
}
.zybook-renew-page .renew-card .action-row {
  align-items: center;
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-grey-600-h) + 0deg), calc(var(--zb-semantic-color-grey-600-s) + 0%), calc(var(--zb-semantic-color-grey-600-l) + 0%), calc(var(--zb-semantic-color-grey-600-a) + 0));
  padding: 8px 32px;
}
.zybook-renew-page .zb-modal-card-container,
.adopt-page .zb-modal-card-container {
  padding: 24px;
}
.zybook-renew-page .zb-modal-card-container .previous-class-books,
.adopt-page .zb-modal-card-container .previous-class-books {
  flex-wrap: wrap;
  margin: 32px 0;
}
.zybook-renew-page .zb-modal-card-container .previous-class-books .zybook,
.adopt-page .zb-modal-card-container .previous-class-books .zybook {
  margin-bottom: 8px;
  margin-right: 16px;
}
.zybook-renew-page .zb-modal-card-container .previous-class-books .zb-progress-circular,
.adopt-page .zb-modal-card-container .previous-class-books .zb-progress-circular {
  margin: auto;
}

.zybook-chapter-section-loading-page .zb-card-content,
.not-found-page .hidden-content-container .zb-card-content,
.zybook-advanced-zylab-page .hidden-content-container .zb-card-content,
.zybook-chapter-print-page .hidden-content-container .zb-card-content,
.zybook-chapter-section-page .hidden-content-container .zb-card-content,
.zybook-create-section-page .hidden-content-container .zb-card-content,
.zybook-edit-section-page .hidden-content-container .zb-card-content,
.zylab-ui-page .hidden-content-container .zb-card-content,
.zybook-unused-section-loading-page .hidden-content-container .zb-card-content,
.zybook-unused-section-page .hidden-content-container .zb-card-content,
.section-preview-modal .hidden-content-container .zb-card-content,
.not-found-page .exam-template-container .zb-card-content,
.zybook-advanced-zylab-page .exam-template-container .zb-card-content,
.zybook-chapter-print-page .exam-template-container .zb-card-content,
.zybook-chapter-section-page .exam-template-container .zb-card-content,
.zybook-create-section-page .exam-template-container .zb-card-content,
.zybook-edit-section-page .exam-template-container .zb-card-content,
.zylab-ui-page .exam-template-container .zb-card-content,
.zybook-unused-section-loading-page .exam-template-container .zb-card-content,
.zybook-unused-section-page .exam-template-container .zb-card-content,
.section-preview-modal .exam-template-container .zb-card-content,
.zybook-error-page .zb-card-content {
  margin: auto;
  width: 970px;
}
.zybook-chapter-section-loading-page .nav-prev-loading-card,
.not-found-page .hidden-content-container .nav-prev-loading-card,
.zybook-advanced-zylab-page .hidden-content-container .nav-prev-loading-card,
.zybook-chapter-print-page .hidden-content-container .nav-prev-loading-card,
.zybook-chapter-section-page .hidden-content-container .nav-prev-loading-card,
.zybook-create-section-page .hidden-content-container .nav-prev-loading-card,
.zybook-edit-section-page .hidden-content-container .nav-prev-loading-card,
.zylab-ui-page .hidden-content-container .nav-prev-loading-card,
.zybook-unused-section-loading-page .hidden-content-container .nav-prev-loading-card,
.zybook-unused-section-page .hidden-content-container .nav-prev-loading-card,
.section-preview-modal .hidden-content-container .nav-prev-loading-card,
.not-found-page .exam-template-container .nav-prev-loading-card,
.zybook-advanced-zylab-page .exam-template-container .nav-prev-loading-card,
.zybook-chapter-print-page .exam-template-container .nav-prev-loading-card,
.zybook-chapter-section-page .exam-template-container .nav-prev-loading-card,
.zybook-create-section-page .exam-template-container .nav-prev-loading-card,
.zybook-edit-section-page .exam-template-container .nav-prev-loading-card,
.zylab-ui-page .exam-template-container .nav-prev-loading-card,
.zybook-unused-section-loading-page .exam-template-container .nav-prev-loading-card,
.zybook-unused-section-page .exam-template-container .nav-prev-loading-card,
.section-preview-modal .exam-template-container .nav-prev-loading-card,
.zybook-error-page .nav-prev-loading-card {
  height: 56px;
  margin-top: 0;
}
.zybook-chapter-section-loading-page .bar,
.not-found-page .hidden-content-container .bar,
.zybook-advanced-zylab-page .hidden-content-container .bar,
.zybook-chapter-print-page .hidden-content-container .bar,
.zybook-chapter-section-page .hidden-content-container .bar,
.zybook-create-section-page .hidden-content-container .bar,
.zybook-edit-section-page .hidden-content-container .bar,
.zylab-ui-page .hidden-content-container .bar,
.zybook-unused-section-loading-page .hidden-content-container .bar,
.zybook-unused-section-page .hidden-content-container .bar,
.section-preview-modal .hidden-content-container .bar,
.not-found-page .exam-template-container .bar,
.zybook-advanced-zylab-page .exam-template-container .bar,
.zybook-chapter-print-page .exam-template-container .bar,
.zybook-chapter-section-page .exam-template-container .bar,
.zybook-create-section-page .exam-template-container .bar,
.zybook-edit-section-page .exam-template-container .bar,
.zylab-ui-page .exam-template-container .bar,
.zybook-unused-section-loading-page .exam-template-container .bar,
.zybook-unused-section-page .exam-template-container .bar,
.section-preview-modal .exam-template-container .bar,
.zybook-error-page .bar {
  height: 16px;
  margin-top: 16px;
  opacity: 0.1;
}
.zybook-chapter-section-loading-page .orange,
.not-found-page .hidden-content-container .orange,
.zybook-advanced-zylab-page .hidden-content-container .orange,
.zybook-chapter-print-page .hidden-content-container .orange,
.zybook-chapter-section-page .hidden-content-container .orange,
.zybook-create-section-page .hidden-content-container .orange,
.zybook-edit-section-page .hidden-content-container .orange,
.zylab-ui-page .hidden-content-container .orange,
.zybook-unused-section-loading-page .hidden-content-container .orange,
.zybook-unused-section-page .hidden-content-container .orange,
.section-preview-modal .hidden-content-container .orange,
.not-found-page .exam-template-container .orange,
.zybook-advanced-zylab-page .exam-template-container .orange,
.zybook-chapter-print-page .exam-template-container .orange,
.zybook-chapter-section-page .exam-template-container .orange,
.zybook-create-section-page .exam-template-container .orange,
.zybook-edit-section-page .exam-template-container .orange,
.zylab-ui-page .exam-template-container .orange,
.zybook-unused-section-loading-page .exam-template-container .orange,
.zybook-unused-section-page .exam-template-container .orange,
.section-preview-modal .exam-template-container .orange,
.zybook-error-page .orange {
  background-color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
}
.zybook-chapter-section-loading-page .break,
.not-found-page .hidden-content-container .break,
.zybook-advanced-zylab-page .hidden-content-container .break,
.zybook-chapter-print-page .hidden-content-container .break,
.zybook-chapter-section-page .hidden-content-container .break,
.zybook-create-section-page .hidden-content-container .break,
.zybook-edit-section-page .hidden-content-container .break,
.zylab-ui-page .hidden-content-container .break,
.zybook-unused-section-loading-page .hidden-content-container .break,
.zybook-unused-section-page .hidden-content-container .break,
.section-preview-modal .hidden-content-container .break,
.not-found-page .exam-template-container .break,
.zybook-advanced-zylab-page .exam-template-container .break,
.zybook-chapter-print-page .exam-template-container .break,
.zybook-chapter-section-page .exam-template-container .break,
.zybook-create-section-page .exam-template-container .break,
.zybook-edit-section-page .exam-template-container .break,
.zylab-ui-page .exam-template-container .break,
.zybook-unused-section-loading-page .exam-template-container .break,
.zybook-unused-section-page .exam-template-container .break,
.section-preview-modal .exam-template-container .break,
.zybook-error-page .break {
  margin-bottom: 40px;
}
.zybook-chapter-section-loading-page .fill,
.not-found-page .hidden-content-container .fill,
.zybook-advanced-zylab-page .hidden-content-container .fill,
.zybook-chapter-print-page .hidden-content-container .fill,
.zybook-chapter-section-page .hidden-content-container .fill,
.zybook-create-section-page .hidden-content-container .fill,
.zybook-edit-section-page .hidden-content-container .fill,
.zylab-ui-page .hidden-content-container .fill,
.zybook-unused-section-loading-page .hidden-content-container .fill,
.zybook-unused-section-page .hidden-content-container .fill,
.section-preview-modal .hidden-content-container .fill,
.not-found-page .exam-template-container .fill,
.zybook-advanced-zylab-page .exam-template-container .fill,
.zybook-chapter-print-page .exam-template-container .fill,
.zybook-chapter-section-page .exam-template-container .fill,
.zybook-create-section-page .exam-template-container .fill,
.zybook-edit-section-page .exam-template-container .fill,
.zylab-ui-page .exam-template-container .fill,
.zybook-unused-section-loading-page .exam-template-container .fill,
.zybook-unused-section-page .exam-template-container .fill,
.section-preview-modal .exam-template-container .fill,
.zybook-error-page .fill {
  width: 100%;
}
.zybook-chapter-section-loading-page .box,
.not-found-page .hidden-content-container .box,
.zybook-advanced-zylab-page .hidden-content-container .box,
.zybook-chapter-print-page .hidden-content-container .box,
.zybook-chapter-section-page .hidden-content-container .box,
.zybook-create-section-page .hidden-content-container .box,
.zybook-edit-section-page .hidden-content-container .box,
.zylab-ui-page .hidden-content-container .box,
.zybook-unused-section-loading-page .hidden-content-container .box,
.zybook-unused-section-page .hidden-content-container .box,
.section-preview-modal .hidden-content-container .box,
.not-found-page .exam-template-container .box,
.zybook-advanced-zylab-page .exam-template-container .box,
.zybook-chapter-print-page .exam-template-container .box,
.zybook-chapter-section-page .exam-template-container .box,
.zybook-create-section-page .exam-template-container .box,
.zybook-edit-section-page .exam-template-container .box,
.zylab-ui-page .exam-template-container .box,
.zybook-unused-section-loading-page .exam-template-container .box,
.zybook-unused-section-page .exam-template-container .box,
.section-preview-modal .exam-template-container .box,
.zybook-error-page .box {
  border: 8px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + -0.9));
  height: 160px;
  margin-top: 16px;
  width: calc(100% - 16px);
}
.zybook-chapter-section-loading-page .thin-box,
.not-found-page .hidden-content-container .thin-box,
.zybook-advanced-zylab-page .hidden-content-container .thin-box,
.zybook-chapter-print-page .hidden-content-container .thin-box,
.zybook-chapter-section-page .hidden-content-container .thin-box,
.zybook-create-section-page .hidden-content-container .thin-box,
.zybook-edit-section-page .hidden-content-container .thin-box,
.zylab-ui-page .hidden-content-container .thin-box,
.zybook-unused-section-loading-page .hidden-content-container .thin-box,
.zybook-unused-section-page .hidden-content-container .thin-box,
.section-preview-modal .hidden-content-container .thin-box,
.not-found-page .exam-template-container .thin-box,
.zybook-advanced-zylab-page .exam-template-container .thin-box,
.zybook-chapter-print-page .exam-template-container .thin-box,
.zybook-chapter-section-page .exam-template-container .thin-box,
.zybook-create-section-page .exam-template-container .thin-box,
.zybook-edit-section-page .exam-template-container .thin-box,
.zylab-ui-page .exam-template-container .thin-box,
.zybook-unused-section-loading-page .exam-template-container .thin-box,
.zybook-unused-section-page .exam-template-container .thin-box,
.section-preview-modal .exam-template-container .thin-box,
.zybook-error-page .thin-box {
  border: 2px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  height: 160px;
  margin-top: 16px;
  opacity: 0.1;
  width: 100%;
}
.zybook-chapter-section-loading-page .filled-box,
.not-found-page .hidden-content-container .filled-box,
.zybook-advanced-zylab-page .hidden-content-container .filled-box,
.zybook-chapter-print-page .hidden-content-container .filled-box,
.zybook-chapter-section-page .hidden-content-container .filled-box,
.zybook-create-section-page .hidden-content-container .filled-box,
.zybook-edit-section-page .hidden-content-container .filled-box,
.zylab-ui-page .hidden-content-container .filled-box,
.zybook-unused-section-loading-page .hidden-content-container .filled-box,
.zybook-unused-section-page .hidden-content-container .filled-box,
.section-preview-modal .hidden-content-container .filled-box,
.not-found-page .exam-template-container .filled-box,
.zybook-advanced-zylab-page .exam-template-container .filled-box,
.zybook-chapter-print-page .exam-template-container .filled-box,
.zybook-chapter-section-page .exam-template-container .filled-box,
.zybook-create-section-page .exam-template-container .filled-box,
.zybook-edit-section-page .exam-template-container .filled-box,
.zylab-ui-page .exam-template-container .filled-box,
.zybook-unused-section-loading-page .exam-template-container .filled-box,
.zybook-unused-section-page .exam-template-container .filled-box,
.section-preview-modal .exam-template-container .filled-box,
.zybook-error-page .filled-box {
  background-color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  height: 52px;
  width: 20%;
}
.zybook-chapter-section-loading-page .divider,
.not-found-page .hidden-content-container .divider,
.zybook-advanced-zylab-page .hidden-content-container .divider,
.zybook-chapter-print-page .hidden-content-container .divider,
.zybook-chapter-section-page .hidden-content-container .divider,
.zybook-create-section-page .hidden-content-container .divider,
.zybook-edit-section-page .hidden-content-container .divider,
.zylab-ui-page .hidden-content-container .divider,
.zybook-unused-section-loading-page .hidden-content-container .divider,
.zybook-unused-section-page .hidden-content-container .divider,
.section-preview-modal .hidden-content-container .divider,
.not-found-page .exam-template-container .divider,
.zybook-advanced-zylab-page .exam-template-container .divider,
.zybook-chapter-print-page .exam-template-container .divider,
.zybook-chapter-section-page .exam-template-container .divider,
.zybook-create-section-page .exam-template-container .divider,
.zybook-edit-section-page .exam-template-container .divider,
.zylab-ui-page .exam-template-container .divider,
.zybook-unused-section-loading-page .exam-template-container .divider,
.zybook-unused-section-page .exam-template-container .divider,
.section-preview-modal .exam-template-container .divider,
.zybook-error-page .divider {
  border-bottom: 2px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  height: 50px;
  width: 80%;
}
.zybook-chapter-section-loading-page .circles-container,
.not-found-page .hidden-content-container .circles-container,
.zybook-advanced-zylab-page .hidden-content-container .circles-container,
.zybook-chapter-print-page .hidden-content-container .circles-container,
.zybook-chapter-section-page .hidden-content-container .circles-container,
.zybook-create-section-page .hidden-content-container .circles-container,
.zybook-edit-section-page .hidden-content-container .circles-container,
.zylab-ui-page .hidden-content-container .circles-container,
.zybook-unused-section-loading-page .hidden-content-container .circles-container,
.zybook-unused-section-page .hidden-content-container .circles-container,
.section-preview-modal .hidden-content-container .circles-container,
.not-found-page .exam-template-container .circles-container,
.zybook-advanced-zylab-page .exam-template-container .circles-container,
.zybook-chapter-print-page .exam-template-container .circles-container,
.zybook-chapter-section-page .exam-template-container .circles-container,
.zybook-create-section-page .exam-template-container .circles-container,
.zybook-edit-section-page .exam-template-container .circles-container,
.zylab-ui-page .exam-template-container .circles-container,
.zybook-unused-section-loading-page .exam-template-container .circles-container,
.zybook-unused-section-page .exam-template-container .circles-container,
.section-preview-modal .exam-template-container .circles-container,
.zybook-error-page .circles-container {
  display: flex;
  justify-content: space-between;
  margin: auto;
  margin-top: 40px;
  width: 100px;
}
.zybook-chapter-section-loading-page .circle,
.not-found-page .hidden-content-container .circle,
.zybook-advanced-zylab-page .hidden-content-container .circle,
.zybook-chapter-print-page .hidden-content-container .circle,
.zybook-chapter-section-page .hidden-content-container .circle,
.zybook-create-section-page .hidden-content-container .circle,
.zybook-edit-section-page .hidden-content-container .circle,
.zylab-ui-page .hidden-content-container .circle,
.zybook-unused-section-loading-page .hidden-content-container .circle,
.zybook-unused-section-page .hidden-content-container .circle,
.section-preview-modal .hidden-content-container .circle,
.not-found-page .exam-template-container .circle,
.zybook-advanced-zylab-page .exam-template-container .circle,
.zybook-chapter-print-page .exam-template-container .circle,
.zybook-chapter-section-page .exam-template-container .circle,
.zybook-create-section-page .exam-template-container .circle,
.zybook-edit-section-page .exam-template-container .circle,
.zylab-ui-page .exam-template-container .circle,
.zybook-unused-section-loading-page .exam-template-container .circle,
.zybook-unused-section-page .exam-template-container .circle,
.section-preview-modal .exam-template-container .circle,
.zybook-error-page .circle {
  background-color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  border-radius: 50%;
  height: 20px;
  width: 20px;
}
.zybook-chapter-section-loading-page .right,
.not-found-page .hidden-content-container .right,
.zybook-advanced-zylab-page .hidden-content-container .right,
.zybook-chapter-print-page .hidden-content-container .right,
.zybook-chapter-section-page .hidden-content-container .right,
.zybook-create-section-page .hidden-content-container .right,
.zybook-edit-section-page .hidden-content-container .right,
.zylab-ui-page .hidden-content-container .right,
.zybook-unused-section-loading-page .hidden-content-container .right,
.zybook-unused-section-page .hidden-content-container .right,
.section-preview-modal .hidden-content-container .right,
.not-found-page .exam-template-container .right,
.zybook-advanced-zylab-page .exam-template-container .right,
.zybook-chapter-print-page .exam-template-container .right,
.zybook-chapter-section-page .exam-template-container .right,
.zybook-create-section-page .exam-template-container .right,
.zybook-edit-section-page .exam-template-container .right,
.zylab-ui-page .exam-template-container .right,
.zybook-unused-section-loading-page .exam-template-container .right,
.zybook-unused-section-page .exam-template-container .right,
.section-preview-modal .exam-template-container .right,
.zybook-error-page .right {
  margin-left: 5%;
}
.zybook-chapter-section-loading-page .left,
.not-found-page .hidden-content-container .left,
.zybook-advanced-zylab-page .hidden-content-container .left,
.zybook-chapter-print-page .hidden-content-container .left,
.zybook-chapter-section-page .hidden-content-container .left,
.zybook-create-section-page .hidden-content-container .left,
.zybook-edit-section-page .hidden-content-container .left,
.zylab-ui-page .hidden-content-container .left,
.zybook-unused-section-loading-page .hidden-content-container .left,
.zybook-unused-section-page .hidden-content-container .left,
.section-preview-modal .hidden-content-container .left,
.not-found-page .exam-template-container .left,
.zybook-advanced-zylab-page .exam-template-container .left,
.zybook-chapter-print-page .exam-template-container .left,
.zybook-chapter-section-page .exam-template-container .left,
.zybook-create-section-page .exam-template-container .left,
.zybook-edit-section-page .exam-template-container .left,
.zylab-ui-page .exam-template-container .left,
.zybook-unused-section-loading-page .exam-template-container .left,
.zybook-unused-section-page .exam-template-container .left,
.section-preview-modal .exam-template-container .left,
.zybook-error-page .left {
  margin-right: 5%;
}
.zybook-chapter-section-loading-page .right-inline,
.not-found-page .hidden-content-container .right-inline,
.zybook-advanced-zylab-page .hidden-content-container .right-inline,
.zybook-chapter-print-page .hidden-content-container .right-inline,
.zybook-chapter-section-page .hidden-content-container .right-inline,
.zybook-create-section-page .hidden-content-container .right-inline,
.zybook-edit-section-page .hidden-content-container .right-inline,
.zylab-ui-page .hidden-content-container .right-inline,
.zybook-unused-section-loading-page .hidden-content-container .right-inline,
.zybook-unused-section-page .hidden-content-container .right-inline,
.section-preview-modal .hidden-content-container .right-inline,
.not-found-page .exam-template-container .right-inline,
.zybook-advanced-zylab-page .exam-template-container .right-inline,
.zybook-chapter-print-page .exam-template-container .right-inline,
.zybook-chapter-section-page .exam-template-container .right-inline,
.zybook-create-section-page .exam-template-container .right-inline,
.zybook-edit-section-page .exam-template-container .right-inline,
.zylab-ui-page .exam-template-container .right-inline,
.zybook-unused-section-loading-page .exam-template-container .right-inline,
.zybook-unused-section-page .exam-template-container .right-inline,
.section-preview-modal .exam-template-container .right-inline,
.zybook-error-page .right-inline {
  margin-left: 16px;
}
.zybook-chapter-section-loading-page .left-inline,
.not-found-page .hidden-content-container .left-inline,
.zybook-advanced-zylab-page .hidden-content-container .left-inline,
.zybook-chapter-print-page .hidden-content-container .left-inline,
.zybook-chapter-section-page .hidden-content-container .left-inline,
.zybook-create-section-page .hidden-content-container .left-inline,
.zybook-edit-section-page .hidden-content-container .left-inline,
.zylab-ui-page .hidden-content-container .left-inline,
.zybook-unused-section-loading-page .hidden-content-container .left-inline,
.zybook-unused-section-page .hidden-content-container .left-inline,
.section-preview-modal .hidden-content-container .left-inline,
.not-found-page .exam-template-container .left-inline,
.zybook-advanced-zylab-page .exam-template-container .left-inline,
.zybook-chapter-print-page .exam-template-container .left-inline,
.zybook-chapter-section-page .exam-template-container .left-inline,
.zybook-create-section-page .exam-template-container .left-inline,
.zybook-edit-section-page .exam-template-container .left-inline,
.zylab-ui-page .exam-template-container .left-inline,
.zybook-unused-section-loading-page .exam-template-container .left-inline,
.zybook-unused-section-page .exam-template-container .left-inline,
.section-preview-modal .exam-template-container .left-inline,
.zybook-error-page .left-inline {
  margin-right: 16px;
}
.zybook-chapter-section-loading-page .z-img,
.not-found-page .hidden-content-container .z-img,
.zybook-advanced-zylab-page .hidden-content-container .z-img,
.zybook-chapter-print-page .hidden-content-container .z-img,
.zybook-chapter-section-page .hidden-content-container .z-img,
.zybook-create-section-page .hidden-content-container .z-img,
.zybook-edit-section-page .hidden-content-container .z-img,
.zylab-ui-page .hidden-content-container .z-img,
.zybook-unused-section-loading-page .hidden-content-container .z-img,
.zybook-unused-section-page .hidden-content-container .z-img,
.section-preview-modal .hidden-content-container .z-img,
.not-found-page .exam-template-container .z-img,
.zybook-advanced-zylab-page .exam-template-container .z-img,
.zybook-chapter-print-page .exam-template-container .z-img,
.zybook-chapter-section-page .exam-template-container .z-img,
.zybook-create-section-page .exam-template-container .z-img,
.zybook-edit-section-page .exam-template-container .z-img,
.zylab-ui-page .exam-template-container .z-img,
.zybook-unused-section-loading-page .exam-template-container .z-img,
.zybook-unused-section-page .exam-template-container .z-img,
.section-preview-modal .exam-template-container .z-img,
.zybook-error-page .z-img {
  height: auto;
  margin-left: 45%;
  margin-top: 50px;
  width: 40px;
}

.signup-page .marketing-section {
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
  flex-grow: 1;
  font-family: "Roboto", sans-serif;
  margin-right: 64px;
}
.signup-page .marketing-section h4 {
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
}
.signup-page .marketing-section ul {
  padding-left: 20px;
}
.signup-page .marketing-section ul li {
  margin-bottom: 4px;
}
.signup-page .marketing-section div {
  margin-top: 32px;
  position: relative;
}
.signup-page .marketing-section div .zybooks-img {
  height: auto;
  opacity: 0.7;
  position: absolute;
  right: 0;
  top: 0;
}
.signup-page .marketing-section.marketing-desktop-small-screen {
  margin-right: 0;
}
.signup-page .marketing-section.marketing-desktop-small-screen .zybooks-img {
  display: none;
}
@media only screen and (hover: none) and (max-width: 768px) {
  .signup-page .marketing-section {
    display: none;
  }
  .signup-page .signup-section {
    margin: auto;
  }
}
@media (max-width: 375px) {
  .signup-page .signup-section {
    margin: 8px;
    margin-bottom: 64px;
  }
}
.signup-page {
  overflow-x: hidden;
}
.signup-page .centered-content {
  align-items: flex-start;
  display: flex;
  margin: 48px auto 24px;
}
.signup-page .centered-content.content-desktop-small-screen {
  align-items: center;
  flex-direction: column;
  margin: 0 20px;
}
.signup-page .zb-card {
  margin: 0;
}
.signup-page .zb-card .instructor-checkbox {
  height: 48px;
}
.signup-page .zb-card .instructor-checkbox .zb-checkbox {
  margin-bottom: 0;
}
.signup-page .zb-card .zb-input-container {
  height: 50px;
}
.signup-page .zb-card .confirm-user-password {
  height: 40px;
}
.signup-page .zb-card .view-password-checkbox {
  margin-bottom: 0;
}
.signup-page .signup-section {
  margin-right: 32px;
}
.signup-page .signup-section .instructor-checkbox small {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}
.signup-page .signup-section .instructor-info {
  margin-top: 16px;
}
.signup-page .signup-section .comments {
  resize: none;
  width: 98%;
}
@media (max-width: 415px) {
  .signup-page .signup-section {
    margin-left: inherit;
  }
  .signup-page .zb-card {
    margin: auto;
  }
}
@media (max-width: 376px) {
  .signup-page .signup-section {
    margin-left: 12px;
    margin-right: 12px;
  }
}

.instructor-verify-page .marketing-section {
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
  flex-grow: 1;
  font-family: "Roboto", sans-serif;
  margin-right: 64px;
}
.instructor-verify-page .marketing-section h4 {
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
}
.instructor-verify-page .marketing-section ul {
  padding-left: 20px;
}
.instructor-verify-page .marketing-section ul li {
  margin-bottom: 4px;
}
.instructor-verify-page .marketing-section div {
  margin-top: 32px;
  position: relative;
}
.instructor-verify-page .marketing-section div .zybooks-img {
  height: auto;
  opacity: 0.7;
  position: absolute;
  right: 0;
  top: 0;
}
.instructor-verify-page .marketing-section.marketing-desktop-small-screen {
  margin-right: 0;
}
.instructor-verify-page .marketing-section.marketing-desktop-small-screen .zybooks-img {
  display: none;
}
@media only screen and (hover: none) and (max-width: 768px) {
  .instructor-verify-page .marketing-section {
    display: none;
  }
  .instructor-verify-page .instructor-verify-section {
    margin: auto;
  }
}
@media (max-width: 375px) {
  .instructor-verify-page .instructor-verify-section {
    margin: 8px;
    margin-bottom: 64px;
  }
}
.instructor-verify-page .centered-content {
  display: flex;
  margin: 48px auto 32px;
}
.instructor-verify-page .centered-content.content-desktop-small-screen {
  align-items: center;
  flex-direction: column;
  margin: 0 20px;
}
.instructor-verify-page .zb-card {
  margin: 0;
}
.instructor-verify-page .zb-card h1 {
  font-size: 34px;
  margin-bottom: 16px;
}
.instructor-verify-page .instructor-verify-section {
  margin-right: 32px;
}
.instructor-verify-page .instructor-verify-section .zb-input-container {
  height: 50px;
}
.instructor-verify-page .instructor-verify-section .eval-container {
  margin: 8px 0;
}
.instructor-verify-page .instructor-verify-section .eval-container .subject-button {
  margin-top: 16px;
}
.instructor-verify-page .instructor-verify-section .eval-container .selected-zybook {
  align-items: center;
  background-color: hsl(calc(var(--zb-semantic-color-grey-background-h) + 0deg), calc(var(--zb-semantic-color-grey-background-s) + 0%), calc(var(--zb-semantic-color-grey-background-l) + 0%), calc(var(--zb-semantic-color-grey-background-a) + 0));
  margin: 8px 0 0;
  padding: 8px;
}
.instructor-verify-page .instructor-verify-section .eval-container .selected-zybook .zb-zybook-graphic {
  margin-right: 8px;
}
.instructor-verify-page .instructor-verify-section .eval-container .selected-zybook .zybook-title {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  flex-grow: 1;
  font-size: 14px;
}
.instructor-verify-page .instructor-verify-section .eval-container .selected-zybook .vertical-divider {
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  margin: 0 8px;
  min-height: 32px;
}
.instructor-verify-page .instructor-verify-section .eval-container button {
  margin: 0;
  padding: 0 8px 0 0;
}
.instructor-verify-page .instructor-verify-section .info-text {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  margin-bottom: 16px;
}
.instructor-verify-page .instructor-verify-section .eval-text {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
}
.instructor-verify-page .instructor-verify-section .required-text {
  display: flex;
}
.instructor-verify-page .instructor-verify-section .required-text .required-copy {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  margin-left: auto;
  margin-top: 8px;
}
.instructor-verify-page .instructor-verify-section .zb-control-row .zb-progress-circular {
  margin-top: 0;
}
.instructor-verify-page .instructor-verify-section .zb-control-row .not-instructor-button {
  font-size: 12px;
  margin-left: auto;
  padding: 0;
}
.instructor-verify-page .instructor-verify-section .zb-control-row .submit-button {
  width: 100px;
}
@media (max-width: 415px) {
  .instructor-verify-page .instructor-verify-section {
    margin-left: inherit;
  }
  .instructor-verify-page .zb-card {
    margin: auto;
  }
}
@media (max-width: 376px) {
  .instructor-verify-page .instructor-verify-section {
    margin-left: 12px;
    margin-right: 12px;
  }
}

.privacy-page section,
.tos-page section {
  margin: 1em auto;
  max-width: 50em;
}

.view-request-card {
  margin: 16px 0;
  width: 900px;
}
@media (width &lt;= 1200px) {
  .view-request-card .view-request-card {
    width: 748px;
  }
}

.view-request-card,
.review-adoption {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}
.view-request-card .header-container,
.review-adoption .header-container {
  align-items: center;
  justify-content: space-between;
}
.view-request-card .section-header,
.review-adoption .section-header {
  margin-top: 16px;
}
.view-request-card .back-to-library-link,
.review-adoption .back-to-library-link {
  margin-right: 16px;
  text-decoration: none;
  white-space: nowrap;
}
.view-request-card .adoption-detail-text,
.review-adoption .adoption-detail-text {
  font-size: 14px;
}
.view-request-card .sub-text,
.review-adoption .sub-text {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 12px;
}
.view-request-card .summary-info-container,
.review-adoption .summary-info-container {
  padding: 0 16px;
}
.view-request-card .zybook-graphic-item,
.review-adoption .zybook-graphic-item {
  align-items: center;
  margin-bottom: 16px;
}
.view-request-card .zybook-graphic-item .base-zybook-title,
.review-adoption .zybook-graphic-item .base-zybook-title {
  max-width: 50%;
}
.view-request-card .zybook-graphic-item .zybook-title,
.review-adoption .zybook-graphic-item .zybook-title {
  margin: 0 32px 0 8px;
}
.view-request-card .zybook-graphic-item .sub-text,
.review-adoption .zybook-graphic-item .sub-text {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 12px;
}
.view-request-card .progress-text,
.review-adoption .progress-text {
  margin-left: 8px;
}
.view-request-card .course-name-input,
.view-request-card .email-input,
.review-adoption .course-name-input,
.review-adoption .email-input {
  flex: 1;
}
.view-request-card .zb-input-container,
.review-adoption .zb-input-container {
  height: 32px;
}
.view-request-card .additional-material,
.review-adoption .additional-material {
  flex-wrap: wrap;
}
.view-request-card .additional-material .zybook-graphic-item,
.review-adoption .additional-material .zybook-graphic-item {
  width: 50%;
}
.view-request-card .zb-text-area,
.review-adoption .zb-text-area {
  width: 100%;
}

.not-found-page .section-container,
.zybook-chapter-section-loading-page .section-container,
.zybook-chapter-section-page .section-container,
.zybook-content-explorer-page .section-container,
.zybook-content-explorer-printable-page .section-container,
.zybook-error-page .section-container,
.zybook-chapter-add-lab-page .section-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin: 0 12px;
  max-width: calc(100% - 24px);
  min-height: calc(100vh - 56px);
  overflow: hidden;
  transition-duration: 0.5s;
}
.not-found-page .section-container.it-section,
.zybook-chapter-section-loading-page .section-container.it-section,
.zybook-chapter-section-page .section-container.it-section,
.zybook-content-explorer-page .section-container.it-section,
.zybook-content-explorer-printable-page .section-container.it-section,
.zybook-error-page .section-container.it-section,
.zybook-chapter-add-lab-page .section-container.it-section {
  margin: 0;
  max-width: 100%;
}
.not-found-page .section-container.no-margin-left,
.zybook-chapter-section-loading-page .section-container.no-margin-left,
.zybook-chapter-section-page .section-container.no-margin-left,
.zybook-content-explorer-page .section-container.no-margin-left,
.zybook-content-explorer-printable-page .section-container.no-margin-left,
.zybook-error-page .section-container.no-margin-left,
.zybook-chapter-add-lab-page .section-container.no-margin-left {
  margin: 0;
}
.not-found-page .section-container .shield::after,
.zybook-chapter-section-loading-page .section-container .shield::after,
.zybook-chapter-section-page .section-container .shield::after,
.zybook-content-explorer-page .section-container .shield::after,
.zybook-content-explorer-printable-page .section-container .shield::after,
.zybook-error-page .section-container .shield::after,
.zybook-chapter-add-lab-page .section-container .shield::after {
  background-color: hsl(calc(var(--zb-semantic-color-black-h) + 0deg), calc(var(--zb-semantic-color-black-s) + 0%), calc(var(--zb-semantic-color-black-l) + 0%), calc(var(--zb-semantic-color-black-a) + -0.88));
  content: " ";
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 10000;
}
.not-found-page .section-nav,
.not-found-page .set-optional-toolbar,
.not-found-page .zb-card,
.zybook-chapter-section-loading-page .section-nav,
.zybook-chapter-section-loading-page .set-optional-toolbar,
.zybook-chapter-section-loading-page .zb-card,
.zybook-chapter-section-page .section-nav,
.zybook-chapter-section-page .set-optional-toolbar,
.zybook-chapter-section-page .zb-card,
.zybook-content-explorer-page .section-nav,
.zybook-content-explorer-page .set-optional-toolbar,
.zybook-content-explorer-page .zb-card,
.zybook-content-explorer-printable-page .section-nav,
.zybook-content-explorer-printable-page .set-optional-toolbar,
.zybook-content-explorer-printable-page .zb-card,
.zybook-error-page .section-nav,
.zybook-error-page .set-optional-toolbar,
.zybook-error-page .zb-card,
.zybook-chapter-add-lab-page .section-nav,
.zybook-chapter-add-lab-page .set-optional-toolbar,
.zybook-chapter-add-lab-page .zb-card {
  margin: 0 auto;
  max-width: 1100px;
  width: 100%;
}
.not-found-page .section-nav.next,
.not-found-page .set-optional-toolbar.next,
.not-found-page .zb-card.next,
.zybook-chapter-section-loading-page .section-nav.next,
.zybook-chapter-section-loading-page .set-optional-toolbar.next,
.zybook-chapter-section-loading-page .zb-card.next,
.zybook-chapter-section-page .section-nav.next,
.zybook-chapter-section-page .set-optional-toolbar.next,
.zybook-chapter-section-page .zb-card.next,
.zybook-content-explorer-page .section-nav.next,
.zybook-content-explorer-page .set-optional-toolbar.next,
.zybook-content-explorer-page .zb-card.next,
.zybook-content-explorer-printable-page .section-nav.next,
.zybook-content-explorer-printable-page .set-optional-toolbar.next,
.zybook-content-explorer-printable-page .zb-card.next,
.zybook-error-page .section-nav.next,
.zybook-error-page .set-optional-toolbar.next,
.zybook-error-page .zb-card.next,
.zybook-chapter-add-lab-page .section-nav.next,
.zybook-chapter-add-lab-page .set-optional-toolbar.next,
.zybook-chapter-add-lab-page .zb-card.next {
  margin-top: auto;
}
.not-found-page .section-loading-card,
.not-found-page .zybook-section,
.zybook-chapter-section-loading-page .section-loading-card,
.zybook-chapter-section-loading-page .zybook-section,
.zybook-chapter-section-page .section-loading-card,
.zybook-chapter-section-page .zybook-section,
.zybook-content-explorer-page .section-loading-card,
.zybook-content-explorer-page .zybook-section,
.zybook-content-explorer-printable-page .section-loading-card,
.zybook-content-explorer-printable-page .zybook-section,
.zybook-error-page .section-loading-card,
.zybook-error-page .zybook-section,
.zybook-chapter-add-lab-page .section-loading-card,
.zybook-chapter-add-lab-page .zybook-section {
  margin-bottom: 24px;
  margin-top: 24px;
}
.not-found-page .unsubscribed-message,
.zybook-chapter-section-loading-page .unsubscribed-message,
.zybook-chapter-section-page .unsubscribed-message,
.zybook-content-explorer-page .unsubscribed-message,
.zybook-content-explorer-printable-page .unsubscribed-message,
.zybook-error-page .unsubscribed-message,
.zybook-chapter-add-lab-page .unsubscribed-message {
  font-size: 13px;
}
@media (min-width: 1724px) {
  .not-found-page .section-container,
  .zybook-chapter-section-loading-page .section-container,
  .zybook-chapter-section-page .section-container,
  .zybook-content-explorer-page .section-container,
  .zybook-content-explorer-printable-page .section-container,
  .zybook-error-page .section-container,
  .zybook-chapter-add-lab-page .section-container {
    margin: 0;
  }
}
@media (max-width: 1424px) {
  .not-found-page .section-nav,
  .not-found-page .set-optional-toolbar,
  .not-found-page .zb-card,
  .zybook-chapter-section-loading-page .section-nav,
  .zybook-chapter-section-loading-page .set-optional-toolbar,
  .zybook-chapter-section-loading-page .zb-card,
  .zybook-chapter-section-page .section-nav,
  .zybook-chapter-section-page .set-optional-toolbar,
  .zybook-chapter-section-page .zb-card,
  .zybook-content-explorer-page .section-nav,
  .zybook-content-explorer-page .set-optional-toolbar,
  .zybook-content-explorer-page .zb-card,
  .zybook-content-explorer-printable-page .section-nav,
  .zybook-content-explorer-printable-page .set-optional-toolbar,
  .zybook-content-explorer-printable-page .zb-card,
  .zybook-error-page .section-nav,
  .zybook-error-page .set-optional-toolbar,
  .zybook-error-page .zb-card,
  .zybook-chapter-add-lab-page .section-nav,
  .zybook-chapter-add-lab-page .set-optional-toolbar,
  .zybook-chapter-add-lab-page .zb-card {
    max-width: 1060px;
  }
}
@media (max-width: 1125px) {
  .not-found-page .section-nav,
  .not-found-page .set-optional-toolbar,
  .not-found-page .zb-card,
  .zybook-chapter-section-loading-page .section-nav,
  .zybook-chapter-section-loading-page .set-optional-toolbar,
  .zybook-chapter-section-loading-page .zb-card,
  .zybook-chapter-section-page .section-nav,
  .zybook-chapter-section-page .set-optional-toolbar,
  .zybook-chapter-section-page .zb-card,
  .zybook-content-explorer-page .section-nav,
  .zybook-content-explorer-page .set-optional-toolbar,
  .zybook-content-explorer-page .zb-card,
  .zybook-content-explorer-printable-page .section-nav,
  .zybook-content-explorer-printable-page .set-optional-toolbar,
  .zybook-content-explorer-printable-page .zb-card,
  .zybook-error-page .section-nav,
  .zybook-error-page .set-optional-toolbar,
  .zybook-error-page .zb-card,
  .zybook-chapter-add-lab-page .section-nav,
  .zybook-chapter-add-lab-page .set-optional-toolbar,
  .zybook-chapter-add-lab-page .zb-card {
    max-width: 1000px;
  }
  .not-found-page .section-nav .zb-card-content,
  .not-found-page .set-optional-toolbar .zb-card-content,
  .not-found-page .zb-card .zb-card-content,
  .zybook-chapter-section-loading-page .section-nav .zb-card-content,
  .zybook-chapter-section-loading-page .set-optional-toolbar .zb-card-content,
  .zybook-chapter-section-loading-page .zb-card .zb-card-content,
  .zybook-chapter-section-page .section-nav .zb-card-content,
  .zybook-chapter-section-page .set-optional-toolbar .zb-card-content,
  .zybook-chapter-section-page .zb-card .zb-card-content,
  .zybook-content-explorer-page .section-nav .zb-card-content,
  .zybook-content-explorer-page .set-optional-toolbar .zb-card-content,
  .zybook-content-explorer-page .zb-card .zb-card-content,
  .zybook-content-explorer-printable-page .section-nav .zb-card-content,
  .zybook-content-explorer-printable-page .set-optional-toolbar .zb-card-content,
  .zybook-content-explorer-printable-page .zb-card .zb-card-content,
  .zybook-error-page .section-nav .zb-card-content,
  .zybook-error-page .set-optional-toolbar .zb-card-content,
  .zybook-error-page .zb-card .zb-card-content,
  .zybook-chapter-add-lab-page .section-nav .zb-card-content,
  .zybook-chapter-add-lab-page .set-optional-toolbar .zb-card-content,
  .zybook-chapter-add-lab-page .zb-card .zb-card-content {
    padding: 15px;
  }
}
@media (max-width: 1040px) {
  .not-found-page .section-container,
  .zybook-chapter-section-loading-page .section-container,
  .zybook-chapter-section-page .section-container,
  .zybook-content-explorer-page .section-container,
  .zybook-content-explorer-printable-page .section-container,
  .zybook-error-page .section-container,
  .zybook-chapter-add-lab-page .section-container {
    margin-right: 12px;
  }
  .not-found-page .section-container.no-margin-left,
  .zybook-chapter-section-loading-page .section-container.no-margin-left,
  .zybook-chapter-section-page .section-container.no-margin-left,
  .zybook-content-explorer-page .section-container.no-margin-left,
  .zybook-content-explorer-printable-page .section-container.no-margin-left,
  .zybook-error-page .section-container.no-margin-left,
  .zybook-chapter-add-lab-page .section-container.no-margin-left {
    margin-left: 12px;
    margin-right: 12px;
  }
}

@media (max-width: 1424px) {
  .not-found-page .section-container,
  .zybook-chapter-section-loading-page .section-container,
  .zybook-chapter-section-page .section-container,
  .zybook-error-page .section-container,
  .zybook-unit-test-help-page .section-container {
    min-width: 1060px;
  }
}
@media (max-width: 1125px) {
  .not-found-page .section-container,
  .zybook-chapter-section-loading-page .section-container,
  .zybook-chapter-section-page .section-container,
  .zybook-error-page .section-container,
  .zybook-unit-test-help-page .section-container {
    min-width: 1000px;
  }
}
@media (max-width: 1040px) {
  .not-found-page .section-container,
  .zybook-chapter-section-loading-page .section-container,
  .zybook-chapter-section-page .section-container,
  .zybook-error-page .section-container,
  .zybook-unit-test-help-page .section-container {
    margin-right: 12px;
    min-width: inherit;
  }
  .not-found-page .section-container.no-margin-left,
  .zybook-chapter-section-loading-page .section-container.no-margin-left,
  .zybook-chapter-section-page .section-container.no-margin-left,
  .zybook-error-page .section-container.no-margin-left,
  .zybook-unit-test-help-page .section-container.no-margin-left {
    margin-left: 12px;
    margin-right: 12px;
  }
}

.zybook-chapter-section-page-docked {
  margin-top: 0;
}
.zybook-chapter-section-page-docked .section-container {
  margin: 0;
  max-width: 100%;
  min-height: 100vh;
}
.zybook-chapter-section-page-docked .section-container .zb-split-view {
  height: calc(100vh - 56px);
  padding-top: 56px;
}
.zybook-chapter-section-page-docked .section-container .zb-split-view .sticky-scroll-button {
  align-items: flex-end;
  bottom: 40px;
  pointer-events: none;
  position: sticky;
}
.zybook-chapter-section-page-docked .section-container .zb-split-view .sticky-scroll-button .sticky-scroll-button-container {
  display: flex;
  flex-flow: row-reverse wrap;
  pointer-events: none;
}
.zybook-chapter-section-page-docked .section-container .zb-split-view .sticky-scroll-button .sticky-scroll-button-container .scroll-button {
  background: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  border-color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  border-radius: 20px;
  box-shadow: 0 3px 1px -2px hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.86)), 0 2px 2px 0 hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.902)), 0 1px 5px 0 hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.916));
  cursor: pointer;
  margin: 8px;
  pointer-events: auto;
}
.zybook-chapter-section-page-docked .section-container .zb-split-view .zybook-section-split-view-left .zybook-section {
  margin: 0;
}
.zybook-chapter-section-page-docked .section-container .zb-split-view .zybook-section-split-view-left .zybook-section .zb-card-content {
  margin: 0;
  max-width: inherit;
  overflow-x: auto;
}
.zybook-chapter-section-page-docked .section-container .zb-split-view .zybook-section-split-view-left .zybook-section .zb-card-content .interactive-activity-container {
  margin: 16px 0;
  max-width: 100%;
}
.zybook-chapter-section-page-docked .section-container .zb-split-view .zybook-section-split-view-left .zybook-section .zb-card-content .container-content-resource {
  max-width: 100%;
}
.zybook-chapter-section-page-docked .section-container .zb-split-view .zybook-section-split-view-left .zybook-section .zb-card-content .section-header-row {
  max-width: 100%;
}
.zybook-chapter-section-page-docked .section-container .zb-split-view .left-side {
  min-width: 24px;
  width: 50%;
}
.zybook-chapter-section-page-docked .section-container .zb-split-view .right-side {
  min-width: calc(100% - 1060px);
}
@media (max-width: 1060px) {
  .zybook-chapter-section-page-docked .section-container .zb-split-view .right-side {
    min-width: 24px;
  }
}
.zybook-chapter-section-page-docked .section-container .zb-split-view .zybook-section-split-view-right {
  background-color: #f5f5f5;
  height: 100%;
  width: 100%;
}
.zybook-chapter-section-page-docked .section-container .zb-split-view .zybook-section-split-view-right .zystudio-payload {
  margin: 0;
}
.zybook-chapter-section-page-docked .section-container .zb-split-view .zybook-section-split-view-right .zystudio-payload .zystudio-container {
  margin-bottom: 0;
  width: 100%;
}
.zybook-chapter-section-page-docked .section-container .zb-split-view .zybook-section-split-view-right .zystudio-payload .zystudio-container #zystudio-docked-container {
  height: calc(100% - 50px);
}
.zybook-chapter-section-page-docked .section-container .zb-split-view .zybook-section-split-view-right .zystudio-payload .zystudio-container .activity-title-bar {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-activity-heading-background-h) + 0deg), calc(var(--zb-semantic-color-zybook-activity-heading-background-s) + 0%), calc(var(--zb-semantic-color-zybook-activity-heading-background-l) + 0%), calc(var(--zb-semantic-color-zybook-activity-heading-background-a) + 0));
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-zybook-activity-border-h) + 0deg), calc(var(--zb-semantic-color-zybook-activity-border-s) + 0%), calc(var(--zb-semantic-color-zybook-activity-border-l) + 0%), calc(var(--zb-semantic-color-zybook-activity-border-a) + 0));
  box-sizing: border-box;
  display: flex;
  height: 50px;
}
.zybook-chapter-section-page-docked .section-container .zb-split-view .zybook-section-split-view-right .zystudio-payload .zystudio-container .activity-title-bar h5 {
  margin: 0;
}
.zybook-chapter-section-page-docked .section-container .zb-split-view .zybook-section-split-view-right .zystudio-payload .zystudio-container .activity-title-bar .activity-description .title-bar-chevron-container {
  align-items: center;
}
.zybook-chapter-section-page-docked .section-container .zb-split-view .zybook-section-split-view-right .zystudio-payload .zystudio-container .activity-title-bar .activity-description .title-bar-chevron-container .lab-score,
.zybook-chapter-section-page-docked .section-container .zb-split-view .zybook-section-split-view-right .zystudio-payload .zystudio-container .activity-title-bar .activity-description .title-bar-chevron-container .lti-score {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  line-height: 42px;
  margin-left: 10px;
  white-space: nowrap;
}
.zybook-chapter-section-page-docked .section-container .zb-split-view .zybook-section-split-view-right .zystudio-payload .zystudio-container .activity-title-bar .activity-description .title-bar-chevron-container .title-bar-chevron,
.zybook-chapter-section-page-docked .section-container .zb-split-view .zybook-section-split-view-right .zystudio-payload .zystudio-container .activity-title-bar .activity-description .title-bar-chevron-container .zb-progress-circular {
  margin: 0 9px 4px;
}
.zybook-chapter-section-page-docked .section-container .zb-split-view .zybook-section-split-view-right .zystudio-payload .zystudio-container .activity-title-bar .activity-description .resource-optional-badge {
  margin-right: 4px;
}
.zybook-chapter-section-page-docked .section-container .zb-split-view .zybook-section-split-view-right .zystudio-payload .zystudio-container .activity-title-bar .activity-title-bar-option-trigger {
  background-color: transparent;
}
.zybook-chapter-section-page-docked .section-container .zb-split-view .zybook-section-split-view-right .zystudio-payload .zystudio-container .activity-title-bar .activity-title-bar-option-trigger i {
  margin-right: 0;
}
.zybook-chapter-section-page-docked .section-container .zb-split-view .zybook-section-split-view-right .zystudio-payload .zystudio-container .activity-title-bar .activity-title-bar-option {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 200px;
}
.zybook-chapter-section-page-docked .section-container .zb-split-view .zybook-section-split-view-right .zystudio-payload .zystudio-container.challenge .activity-title-bar {
  border-left: 4px solid hsl(calc(var(--zb-semantic-color-zybook-challenge-h) + 0deg), calc(var(--zb-semantic-color-zybook-challenge-s) + 0%), calc(var(--zb-semantic-color-zybook-challenge-l) + 0%), calc(var(--zb-semantic-color-zybook-challenge-a) + 0));
}
.zybook-chapter-section-page-docked .section-container .zb-split-view .zybook-section-split-view-right .zystudio-payload .zystudio-container.lab .activity-title-bar {
  border-left: 4px solid hsl(calc(var(--zb-semantic-color-zybook-lab-h) + 0deg), calc(var(--zb-semantic-color-zybook-lab-s) + 0%), calc(var(--zb-semantic-color-zybook-lab-l) + 0%), calc(var(--zb-semantic-color-zybook-lab-a) + 0));
}
.zybook-chapter-section-page-docked .section-container .zb-split-view .zybook-section-split-view-right .zystudio-payload .zystudio-container.exercise .activity-title-bar {
  border-left: 4px solid hsl(calc(var(--zb-semantic-color-zybook-exercise-h) + 0deg), calc(var(--zb-semantic-color-zybook-exercise-s) + 0%), calc(var(--zb-semantic-color-zybook-exercise-l) + 0%), calc(var(--zb-semantic-color-zybook-exercise-a) + 0));
}
.zybook-chapter-section-page-docked .section-container .zb-split-view .zybook-section-split-view-right .zystudio-payload .zystudio-container.participation .activity-title-bar {
  border-left: 4px solid hsl(calc(var(--zb-semantic-color-zybook-participation-h) + 0deg), calc(var(--zb-semantic-color-zybook-participation-s) + 0%), calc(var(--zb-semantic-color-zybook-participation-l) + 0%), calc(var(--zb-semantic-color-zybook-participation-a) + 0));
}
.zybook-chapter-section-page-docked .section-container .zb-split-view .zybook-section-split-view-right .zystudio-payload .zystudio-container.static .activity-title-bar {
  border-left: 4px solid hsl(calc(var(--zb-semantic-color-zybook-static-h) + 0deg), calc(var(--zb-semantic-color-zybook-static-s) + 0%), calc(var(--zb-semantic-color-zybook-static-l) + 0%), calc(var(--zb-semantic-color-zybook-static-a) + 0));
}
.zybook-chapter-section-page-docked .section-container .zb-split-view .zybook-section-split-view-right .zystudio-payload .zystudio-container.studio .activity-title-bar {
  border-left: 4px solid hsl(calc(var(--zb-semantic-color-zybook-studio-h) + 0deg), calc(var(--zb-semantic-color-zybook-studio-s) + 0%), calc(var(--zb-semantic-color-zybook-studio-l) + 0%), calc(var(--zb-semantic-color-zybook-studio-a) + 0));
}

.zybook-chapter-print-page {
  height: 100%;
  margin-top: 0;
  overflow-x: auto;
}
.zybook-chapter-print-page .section-container .pre-print-watermark {
  left: 50%;
  margin-left: -340px;
  min-width: 680px;
  position: fixed;
  top: 15px;
  width: 680px;
  z-index: 10005;
}
.zybook-chapter-print-page .section-container .print-actions {
  align-items: center;
}
.zybook-chapter-print-page .section-container .shield {
  height: 250px;
}
.zybook-chapter-print-page .section-container .shield::after {
  background-color: hsl(calc(var(--zb-semantic-color-black-h) + 0deg), calc(var(--zb-semantic-color-black-s) + 0%), calc(var(--zb-semantic-color-black-l) + 0%), calc(var(--zb-semantic-color-black-a) + -0.5));
  content: " ";
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 10000;
}
.zybook-chapter-print-page .section-container .water-mark,
.zybook-chapter-print-page .section-container .water-mark-bottom,
.zybook-chapter-print-page .section-container .water-mark-top {
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + -0.5));
  display: block;
  font-size: 14px;
  position: fixed;
  text-align: center;
  z-index: 10000;
}
.zybook-chapter-print-page .section-container .water-mark-top {
  right: 5%;
  top: 15%;
}
.zybook-chapter-print-page .section-container .water-mark-bottom {
  bottom: 15%;
  right: 5%;
}
.zybook-chapter-print-page .zb-nav-menu {
  display: none;
}

.zybook-chapter-add-lab-page {
  height: calc(100vh - 56px);
}
.zybook-chapter-add-lab-page .add-lab-card {
  flex: 1;
  margin-bottom: 0;
  margin-top: 24px;
  overflow-y: scroll;
}
.zybook-chapter-add-lab-page .add-lab-card .zb-card-content {
  flex: 1;
  min-height: -moz-min-content;
  min-height: min-content;
}
.zybook-chapter-add-lab-page h3 {
  margin-bottom: 0;
}
.zybook-chapter-add-lab-page .description {
  margin-bottom: 32px;
  margin-top: 0;
}
.zybook-chapter-add-lab-page .selected-labs-text {
  font-size: 12px;
  margin-left: 16px;
}
.zybook-chapter-add-lab-page .select-label {
  margin-bottom: 0;
}
.zybook-chapter-add-lab-page .topic-select {
  align-self: flex-start;
  margin-bottom: 16px;
}
.zybook-chapter-add-lab-page .zb-segmented-control {
  margin-bottom: 16px;
}
.zybook-chapter-add-lab-page .search-input-container .lab-search-input {
  flex: 1;
}
.zybook-chapter-add-lab-page .search-input-container .search-loader {
  margin-left: 16px;
}
.zybook-chapter-add-lab-page .zb-table table {
  border-collapse: collapse;
  width: 100%;
}
.zybook-chapter-add-lab-page .zb-table table:not(:first-of-type) {
  border-top: none;
}
.zybook-chapter-add-lab-page .zb-table table th,
.zybook-chapter-add-lab-page .zb-table table td {
  padding: 4px;
  text-align: left;
}
.zybook-chapter-add-lab-page .zb-table table .checkbox-column {
  padding-left: 8px;
  text-align: center;
  width: 25px;
}
.zybook-chapter-add-lab-page .zb-table table .checkbox-column.align-top {
  vertical-align: top;
}
.zybook-chapter-add-lab-page .zb-table table .preview-column {
  text-align: center;
  width: 100px;
}
.zybook-chapter-add-lab-page .zb-table table .language-column {
  width: 100px;
}
.zybook-chapter-add-lab-page .zb-table table .author-column {
  width: 250px;
}
.zybook-chapter-add-lab-page .zb-table table .name-column {
  max-width: calc(1000px - 25px - 100px - 250px);
}
.zybook-chapter-add-lab-page .zb-table table .name-column .admin-info {
  font-size: 10px;
}
.zybook-chapter-add-lab-page .zb-table table .name-column .lab-summary {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 14px;
  margin-bottom: 4px;
  margin-top: 8px;
}
.zybook-chapter-add-lab-page .zb-table table .row:hover .preview-button,
.zybook-chapter-add-lab-page .zb-table table .row .preview-button:focus {
  opacity: 1;
}
.zybook-chapter-add-lab-page .zb-table table .row .preview-button {
  opacity: 0;
}
.zybook-chapter-add-lab-page .zb-table table .row .cell {
  padding-bottom: 8px;
  padding-top: 8px;
}
.zybook-chapter-add-lab-page .bottom-toolbar {
  flex: none;
}
.zybook-chapter-add-lab-page .bottom-toolbar .zb-card-content {
  padding: 8px;
}
.zybook-chapter-add-lab-page .labs-waiting-progress {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: center;
}
.zybook-chapter-add-lab-page .warning {
  color: hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
}

.zybook-index-page {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.zybook-index-page .outline-input {
  flex: 1;
  margin-right: 8px;
  max-width: calc(100% - 38px - 8px);
}
.zybook-index-page .no-results-message {
  font-size: 14px;
}
.zybook-index-page .search-input-row {
  align-items: baseline;
  margin-top: 4px;
}
.zybook-index-page .zybook-outline-filter {
  margin-bottom: 16px;
}
.zybook-index-page .centered-content {
  display: flex;
  flex-grow: 1;
  height: calc(100% - 48px);
  justify-content: space-between;
  margin-bottom: 16px;
  margin-top: 32px;
  max-width: 1232px;
  padding: 0 16px;
  width: 1200px;
}
.zybook-index-page .toc-container {
  flex-grow: 1;
  height: 100%;
  margin-right: 8px;
  max-width: calc(100% - 8px - 375px);
  overflow-y: auto;
}
.zybook-index-page .toc-container .toc-segmented-control {
  margin-bottom: 16px;
}
.zybook-index-page .mobile-subscribe-message {
  display: none;
  margin: 15px 10px 0;
}
.zybook-index-page .right-panel-section {
  height: 100%;
}
.zybook-index-page .survey-modal .actions {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.zybook-index-page .survey-modal .actions .survey-modal-action-buttons {
  align-items: center;
  display: flex;
}
@media (max-width: 768px) {
  .zybook-index-page .centered-content:not(.force-sidebar-visible) {
    align-items: center;
    flex-direction: column;
    padding: 0 4px;
  }
  .zybook-index-page .centered-content:not(.force-sidebar-visible) .right-panel-section {
    display: none;
    max-width: 100%;
  }
  .zybook-index-page .centered-content:not(.force-sidebar-visible) .configure-button {
    display: none;
  }
  .zybook-index-page .centered-content:not(.force-sidebar-visible) .outline-input {
    margin-bottom: 60px;
    max-width: 100%;
    width: 100%;
  }
  .zybook-index-page .centered-content:not(.force-sidebar-visible) .toc-container {
    margin-right: 0;
    max-width: 100%;
    width: 100%;
  }
  .zybook-index-page .centered-content:not(.force-sidebar-visible) .toc-container.second {
    order: 2;
  }
  .zybook-index-page .centered-content:not(.force-sidebar-visible) .toc-container.second + section {
    display: inherit;
  }
  .zybook-index-page .mobile-subscribe-message {
    display: flex;
  }
}
.zybook-index-page .update-modal {
  font-size: 14px;
  line-height: 1.4;
}

.zybook-getting-started-page .centered-content {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
  max-height: 100%;
  padding: 0 16px;
}
.zybook-getting-started-page .menu {
  list-style-type: none;
  margin-top: 16px;
  min-width: 210px;
  padding: 0 24px 0 0;
}
.zybook-getting-started-page .menu li {
  cursor: pointer;
  font-size: 16px;
  margin-bottom: 16px;
  min-height: 20px;
}
.zybook-getting-started-page .menu li:hover {
  color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
}
.zybook-getting-started-page .menu li.selected {
  font-weight: bold;
}
.zybook-getting-started-page .zb-multi-step-container {
  width: 750px;
}
.zybook-getting-started-page .explanatory-text {
  margin-bottom: 16px;
}
.zybook-getting-started-page .video-list {
  margin-left: 16px;
  padding: 0;
}
.zybook-getting-started-page .video-container {
  justify-content: center;
}
@media (max-width: 1024px) {
  .zybook-getting-started-page .centered-content {
    padding: 0;
  }
  .zybook-getting-started-page .menu {
    display: none;
  }
}

.zybook-error-page .zybook-section.not-found-section .zb-card-content {
  width: 100%;
}

.zybook-content-explorer-page .error-message,
.zybook-content-explorer-printable-page .error-message {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.zybook-content-explorer-page .zybook-outline-filter,
.zybook-content-explorer-printable-page .zybook-outline-filter {
  margin-bottom: 16px;
}
.zybook-content-explorer-page .outline-input,
.zybook-content-explorer-printable-page .outline-input {
  margin: 32px auto 0;
  max-width: 1060px;
  width: 100%;
}
.zybook-content-explorer-page .outline-input .search-input,
.zybook-content-explorer-printable-page .outline-input .search-input {
  flex: 1;
}
.zybook-content-explorer-page .filters-button,
.zybook-content-explorer-printable-page .filters-button {
  margin-top: -4px;
  width: 136px;
}
.zybook-content-explorer-page .zb-progress-circular,
.zybook-content-explorer-printable-page .zb-progress-circular {
  margin-left: 8px;
}
.zybook-content-explorer-page .zb-card-content,
.zybook-content-explorer-printable-page .zb-card-content {
  position: relative;
}
.zybook-content-explorer-page .zb-card-content .print-button,
.zybook-content-explorer-printable-page .zb-card-content .print-button {
  position: absolute;
  right: 16px;
  top: 24px;
  z-index: 10;
}
.zybook-content-explorer-page .zb-card-content ul,
.zybook-content-explorer-printable-page .zb-card-content ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.zybook-content-explorer-page .min-outline-height,
.zybook-content-explorer-printable-page .min-outline-height {
  min-height: 72px;
}
.zybook-content-explorer-page .zybook-outline,
.zybook-content-explorer-printable-page .zybook-outline {
  margin-bottom: 300px;
  margin-top: 0;
}
.zybook-content-explorer-page .zybook-outline a,
.zybook-content-explorer-printable-page .zybook-outline a {
  line-height: normal;
  margin-left: 0;
  text-decoration-color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}
.zybook-content-explorer-page .zybook-outline .terms-list,
.zybook-content-explorer-printable-page .zybook-outline .terms-list {
  list-style: none;
  margin-top: 8px;
}
.zybook-content-explorer-page .zybook-outline .terms-list:not(:last-of-type),
.zybook-content-explorer-printable-page .zybook-outline .terms-list:not(:last-of-type) {
  margin-bottom: 0;
}
.zybook-content-explorer-page .zybook-outline .term-keyword,
.zybook-content-explorer-printable-page .zybook-outline .term-keyword {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  font-weight: 500;
  max-width: 164px;
  min-width: 164px;
  word-wrap: break-word;
}
.zybook-content-explorer-page .zybook-outline .term-keyword:hover,
.zybook-content-explorer-printable-page .zybook-outline .term-keyword:hover {
  color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
}
.zybook-content-explorer-page .zybook-outline .term-definition,
.zybook-content-explorer-printable-page .zybook-outline .term-definition {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  margin-left: 24px;
}
.zybook-content-explorer-page .zybook-outline .definition-list-item,
.zybook-content-explorer-page .zybook-outline .content-resource-list-item,
.zybook-content-explorer-printable-page .zybook-outline .definition-list-item,
.zybook-content-explorer-printable-page .zybook-outline .content-resource-list-item {
  padding-left: 34px;
}
.zybook-content-explorer-page .zybook-outline .definition-list-item .overlay-text,
.zybook-content-explorer-page .zybook-outline .content-resource-list-item .overlay-text,
.zybook-content-explorer-printable-page .zybook-outline .definition-list-item .overlay-text,
.zybook-content-explorer-printable-page .zybook-outline .content-resource-list-item .overlay-text {
  left: 7px;
}
.zybook-content-explorer-page .zybook-outline .resource-info-container,
.zybook-content-explorer-printable-page .zybook-outline .resource-info-container {
  display: flex;
  margin-bottom: 24px;
  text-decoration: none;
}
.zybook-content-explorer-page .zybook-outline .resource-info-container .resource-prefix,
.zybook-content-explorer-printable-page .zybook-outline .resource-info-container .resource-prefix {
  align-items: center;
  display: flex;
}
.zybook-content-explorer-page .zybook-outline .resource-info-container .resource-prefix .resource-icon,
.zybook-content-explorer-printable-page .zybook-outline .resource-info-container .resource-prefix .resource-icon {
  min-width: 40px;
}
.zybook-content-explorer-page .zybook-outline .resource-info-container .resource-prefix .resource-icon .zb-chevron,
.zybook-content-explorer-printable-page .zybook-outline .resource-info-container .resource-prefix .resource-icon .zb-chevron {
  margin-left: 4px;
}
.zybook-content-explorer-page .zybook-outline .resource-info-container .resource-prefix .resource-label,
.zybook-content-explorer-printable-page .zybook-outline .resource-info-container .resource-prefix .resource-label {
  min-width: 124px;
}
.zybook-content-explorer-page .zybook-outline .resource-info-container .resource-prefix .resource-label.orange,
.zybook-content-explorer-printable-page .zybook-outline .resource-info-container .resource-prefix .resource-label.orange {
  color: hsl(calc(var(--zb-semantic-color-zybook-participation-h) + 0deg), calc(var(--zb-semantic-color-zybook-participation-s) + 0%), calc(var(--zb-semantic-color-zybook-participation-l) + 0%), calc(var(--zb-semantic-color-zybook-participation-a) + 0));
}
.zybook-content-explorer-page .zybook-outline .resource-info-container .resource-prefix .resource-label.blue,
.zybook-content-explorer-printable-page .zybook-outline .resource-info-container .resource-prefix .resource-label.blue {
  color: hsl(calc(var(--zb-semantic-color-zybook-challenge-h) + 0deg), calc(var(--zb-semantic-color-zybook-challenge-s) + 0%), calc(var(--zb-semantic-color-zybook-challenge-l) + 0%), calc(var(--zb-semantic-color-zybook-challenge-a) + 0));
}
.zybook-content-explorer-page .zybook-outline .resource-info-container .resource-prefix .resource-label.grey,
.zybook-content-explorer-printable-page .zybook-outline .resource-info-container .resource-prefix .resource-label.grey {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
}
.zybook-content-explorer-page .zybook-outline .resource-info-container .resource-prefix .resource-label.green,
.zybook-content-explorer-printable-page .zybook-outline .resource-info-container .resource-prefix .resource-label.green {
  color: hsl(calc(var(--zb-semantic-color-zybook-lab-h) + 0deg), calc(var(--zb-semantic-color-zybook-lab-s) + 0%), calc(var(--zb-semantic-color-zybook-lab-l) + 0%), calc(var(--zb-semantic-color-zybook-lab-a) + 0));
}
.zybook-content-explorer-page .zybook-outline .resource-info-container .resource-caption,
.zybook-content-explorer-printable-page .zybook-outline .resource-info-container .resource-caption {
  align-self: flex-end;
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  margin-left: 24px;
}
.zybook-content-explorer-page h3,
.zybook-content-explorer-printable-page h3 {
  font-size: 20px;
}
.zybook-content-explorer-page h4,
.zybook-content-explorer-printable-page h4 {
  margin-bottom: 8px;
  margin-left: 8px;
}
.zybook-content-explorer-page h3,
.zybook-content-explorer-page h4,
.zybook-content-explorer-printable-page h3,
.zybook-content-explorer-printable-page h4 {
  font-weight: normal;
}
.zybook-content-explorer-page .team-grid,
.zybook-content-explorer-printable-page .team-grid {
  flex-wrap: wrap;
  margin: auto;
  width: 900px;
}
.zybook-content-explorer-page .team-member,
.zybook-content-explorer-printable-page .team-member {
  align-items: center;
  margin-bottom: 16px;
  margin-right: 50px;
  width: 100px;
}
.zybook-content-explorer-page .team-member .name,
.zybook-content-explorer-printable-page .team-member .name {
  font-size: 12px;
  margin-top: 4px;
}
@media (max-width: 1026px) {
  .zybook-content-explorer-page .outline-input,
  .zybook-content-explorer-page .section-header-row,
  .zybook-content-explorer-printable-page .outline-input,
  .zybook-content-explorer-printable-page .section-header-row {
    width: calc(100% - 16px);
  }
}
@media (max-width: 415px) {
  .zybook-content-explorer-page .zybook-outline .resource-info-container,
  .zybook-content-explorer-printable-page .zybook-outline .resource-info-container {
    display: block;
  }
  .zybook-content-explorer-page .zybook-outline .resource-info-container .term-definition,
  .zybook-content-explorer-page .zybook-outline .resource-info-container .resource-caption,
  .zybook-content-explorer-printable-page .zybook-outline .resource-info-container .term-definition,
  .zybook-content-explorer-printable-page .zybook-outline .resource-info-container .resource-caption {
    margin-left: 0;
    margin-top: 4px;
  }
  .zybook-content-explorer-page .zybook-outline .resource-info-container .term-keyword,
  .zybook-content-explorer-printable-page .zybook-outline .resource-info-container .term-keyword {
    max-width: none;
  }
  .zybook-content-explorer-page .zybook-outline .definition-list-item,
  .zybook-content-explorer-page .zybook-outline .content-resource-list-item,
  .zybook-content-explorer-printable-page .zybook-outline .definition-list-item,
  .zybook-content-explorer-printable-page .zybook-outline .content-resource-list-item {
    padding-left: 0;
  }
  .zybook-content-explorer-page h4,
  .zybook-content-explorer-printable-page h4 {
    margin-left: 0;
  }
  .zybook-content-explorer-page .filters-button,
  .zybook-content-explorer-printable-page .filters-button {
    width: auto;
  }
  .zybook-content-explorer-page .team-grid,
  .zybook-content-explorer-printable-page .team-grid {
    width: 100%;
  }
  .zybook-content-explorer-page .team-member,
  .zybook-content-explorer-printable-page .team-member {
    margin-right: 35px;
  }
  .zybook-content-explorer-page .zybook-outline-filter .groups,
  .zybook-content-explorer-printable-page .zybook-outline-filter .groups {
    display: block;
  }
  .zybook-content-explorer-page .zybook-outline-filter .groups .group,
  .zybook-content-explorer-printable-page .zybook-outline-filter .groups .group {
    width: 100%;
  }
  .zybook-content-explorer-page .zybook-outline-filter .groups .options,
  .zybook-content-explorer-printable-page .zybook-outline-filter .groups .options {
    display: block;
  }
}

.zybook-chapter-section-page .assignment-section-announcement .section-announcement-block-content {
  flex: 1;
  font-size: 15px;
  line-height: 16px;
  padding: 12px 24px 12px 16px;
}
.zybook-chapter-section-page .assignment-section-announcement .section-announcement-block-content .assignment-announcement-content {
  display: flex;
  justify-content: space-between;
}
.zybook-chapter-section-page .assignment-section-announcement .section-announcement-block-content .assignment-announcement-content .assignment-title {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 8px;
  min-height: 24px;
}
.zybook-chapter-section-page .assignment-section-announcement .section-announcement-block-content .assignment-announcement-content .title-text {
  margin-left: 4px;
}
.zybook-chapter-section-page .assignment-section-announcement .section-announcement-block-content .section-label-optional {
  display: inline-block;
  margin-left: 0;
}
.zybook-chapter-section-page .resubmit-assignment-announcement .section-announcement-block-content {
  flex: 1;
  font-size: 15px;
  line-height: 16px;
  padding: 12px 24px 12px 16px;
}
.zybook-chapter-section-page .resubmit-assignment-announcement .section-announcement-block-content .resubmit-button {
  margin-left: 60px;
}
.zybook-chapter-section-page .resubmit-assignment-announcement .section-announcement-block-content .resubmit-button i {
  background-color: transparent;
}
.zybook-chapter-section-page .class-section-section-announcement .section-announcement-block-content {
  flex-basis: 225px;
  padding: 12px 40px 12px 16px;
}
.zybook-chapter-section-page .assignment-completion-summary-card {
  margin-bottom: 24px;
}
.zybook-chapter-section-page .assignment-completion-summary-card .header-row {
  align-items: center;
  justify-content: space-between;
}
.zybook-chapter-section-page .assignment-completion-summary-card .header-row .assignment-completion-header {
  align-items: center;
  margin: 0;
}
.zybook-chapter-section-page .assignment-completion-summary-card .header-row .assignment-completion-header,
.zybook-chapter-section-page .assignment-completion-summary-card .header-row .assignment-completion-header .ember-basic-dropdown-trigger {
  font-size: 20px;
}
.zybook-chapter-section-page .assignment-completion-summary-card .header-row .points-text-submit-button {
  align-items: center;
}
.zybook-chapter-section-page .assignment-completion-summary-card .header-row .points-text-submit-button .points-completed-text {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 16px;
}
.zybook-chapter-section-page .assignment-completion-summary-card .header-row .points-text-submit-button button {
  margin-left: 8px;
}
.zybook-chapter-section-page .assignment-completion-summary-card .due-date-message-row {
  align-items: start;
  justify-content: space-between;
  margin-top: 4px;
}
.zybook-chapter-section-page .assignment-completion-summary-card .due-date-message-row .message {
  font-size: 15px;
  text-align: right;
}
.zybook-chapter-section-page .assignment-completion-summary-card .due-date-message-row .due-date-text {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
}
.zybook-chapter-section-page .assignment-completion-summary-card .due-date-message-row .submission-messaging-container {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  justify-content: end;
  max-width: 332px;
}
.zybook-chapter-section-page .assignment-completion-summary-card .expand-sections {
  margin: 8px 0;
  margin-left: -16px;
}
.zybook-chapter-section-page .assignment-completion-summary-card .assignment-section .activity-type-header {
  display: flex;
}
.zybook-chapter-section-page .assignment-completion-summary-card .assignment-summary-loading {
  align-items: center;
  display: flex;
  height: 100px;
  justify-content: center;
}
.zybook-chapter-section-page .assignment-selection-menu .ember-basic-dropdown-trigger {
  color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  margin-left: 4px;
  padding-left: 8px;
}
.zybook-chapter-section-page .assignment-selection-menu .ember-basic-dropdown-content {
  max-height: 160px;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.zybook-chapter-section-page .assignment-selection-menu .ember-basic-dropdown-content button:hover {
  background-color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + -0.6));
}
.zybook-chapter-section-page .hidden-text {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 12px;
}

.not-found-page .section-nav,
.zybook-advanced-zylab-page .section-nav,
.zybook-chapter-print-page .section-nav,
.zybook-chapter-section-page .section-nav,
.zybook-chapter-section-loading-page .section-nav,
.zybook-create-section-page .section-nav,
.zybook-edit-section-page .section-nav,
.zybook-error-page .section-nav,
.zylab-ui-page .section-nav,
.zybook-unused-section-loading-page .section-nav,
.zybook-unused-section-page .section-nav,
.section-preview-modal .section-nav {
  align-items: center;
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  box-shadow: 0 3px 1px -2px hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.86)), 0 2px 2px 0 hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.902)), 0 1px 5px 0 hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.916));
  display: flex;
  height: 56px;
  justify-content: flex-end;
}
.not-found-page .section-nav a,
.zybook-advanced-zylab-page .section-nav a,
.zybook-chapter-print-page .section-nav a,
.zybook-chapter-section-page .section-nav a,
.zybook-chapter-section-loading-page .section-nav a,
.zybook-create-section-page .section-nav a,
.zybook-edit-section-page .section-nav a,
.zybook-error-page .section-nav a,
.zylab-ui-page .section-nav a,
.zybook-unused-section-loading-page .section-nav a,
.zybook-unused-section-page .section-nav a,
.section-preview-modal .section-nav a {
  align-items: center;
  color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  display: flex;
  font-size: 16px;
  margin-bottom: 0;
  padding: 16px;
  text-decoration: none;
}
.not-found-page .section-nav .arrow-img,
.zybook-advanced-zylab-page .section-nav .arrow-img,
.zybook-chapter-print-page .section-nav .arrow-img,
.zybook-chapter-section-page .section-nav .arrow-img,
.zybook-chapter-section-loading-page .section-nav .arrow-img,
.zybook-create-section-page .section-nav .arrow-img,
.zybook-edit-section-page .section-nav .arrow-img,
.zybook-error-page .section-nav .arrow-img,
.zylab-ui-page .section-nav .arrow-img,
.zybook-unused-section-loading-page .section-nav .arrow-img,
.zybook-unused-section-page .section-nav .arrow-img,
.section-preview-modal .section-nav .arrow-img {
  height: 18px;
  margin-bottom: 2px;
}
.not-found-page .section-announcement,
.zybook-advanced-zylab-page .section-announcement,
.zybook-chapter-print-page .section-announcement,
.zybook-chapter-section-page .section-announcement,
.zybook-chapter-section-loading-page .section-announcement,
.zybook-create-section-page .section-announcement,
.zybook-edit-section-page .section-announcement,
.zybook-error-page .section-announcement,
.zylab-ui-page .section-announcement,
.zybook-unused-section-loading-page .section-announcement,
.zybook-unused-section-page .section-announcement,
.section-preview-modal .section-announcement {
  margin-top: 24px;
}
.not-found-page .zybook-section,
.zybook-advanced-zylab-page .zybook-section,
.zybook-chapter-print-page .zybook-section,
.zybook-chapter-section-page .zybook-section,
.zybook-chapter-section-loading-page .zybook-section,
.zybook-create-section-page .zybook-section,
.zybook-edit-section-page .zybook-section,
.zybook-error-page .zybook-section,
.zylab-ui-page .zybook-section,
.zybook-unused-section-loading-page .zybook-section,
.zybook-unused-section-page .zybook-section,
.section-preview-modal .zybook-section {
  display: flex;
  flex-direction: column;
  position: relative;
}
.not-found-page .zybook-section .students-view-solution-warning,
.zybook-advanced-zylab-page .zybook-section .students-view-solution-warning,
.zybook-chapter-print-page .zybook-section .students-view-solution-warning,
.zybook-chapter-section-page .zybook-section .students-view-solution-warning,
.zybook-chapter-section-loading-page .zybook-section .students-view-solution-warning,
.zybook-create-section-page .zybook-section .students-view-solution-warning,
.zybook-edit-section-page .zybook-section .students-view-solution-warning,
.zybook-error-page .zybook-section .students-view-solution-warning,
.zylab-ui-page .zybook-section .students-view-solution-warning,
.zybook-unused-section-loading-page .zybook-section .students-view-solution-warning,
.zybook-unused-section-page .zybook-section .students-view-solution-warning,
.section-preview-modal .zybook-section .students-view-solution-warning {
  font-size: 15px;
  padding: 8px 0;
  text-align: center;
}
.not-found-page .zybook-section .students-view-solution-warning .bold,
.zybook-advanced-zylab-page .zybook-section .students-view-solution-warning .bold,
.zybook-chapter-print-page .zybook-section .students-view-solution-warning .bold,
.zybook-chapter-section-page .zybook-section .students-view-solution-warning .bold,
.zybook-chapter-section-loading-page .zybook-section .students-view-solution-warning .bold,
.zybook-create-section-page .zybook-section .students-view-solution-warning .bold,
.zybook-edit-section-page .zybook-section .students-view-solution-warning .bold,
.zybook-error-page .zybook-section .students-view-solution-warning .bold,
.zylab-ui-page .zybook-section .students-view-solution-warning .bold,
.zybook-unused-section-loading-page .zybook-section .students-view-solution-warning .bold,
.zybook-unused-section-page .zybook-section .students-view-solution-warning .bold,
.section-preview-modal .zybook-section .students-view-solution-warning .bold {
  font-weight: bold;
}
.not-found-page .zybook-section .students-view-solution-warning.zml-label-spacing,
.zybook-advanced-zylab-page .zybook-section .students-view-solution-warning.zml-label-spacing,
.zybook-chapter-print-page .zybook-section .students-view-solution-warning.zml-label-spacing,
.zybook-chapter-section-page .zybook-section .students-view-solution-warning.zml-label-spacing,
.zybook-chapter-section-loading-page .zybook-section .students-view-solution-warning.zml-label-spacing,
.zybook-create-section-page .zybook-section .students-view-solution-warning.zml-label-spacing,
.zybook-edit-section-page .zybook-section .students-view-solution-warning.zml-label-spacing,
.zybook-error-page .zybook-section .students-view-solution-warning.zml-label-spacing,
.zylab-ui-page .zybook-section .students-view-solution-warning.zml-label-spacing,
.zybook-unused-section-loading-page .zybook-section .students-view-solution-warning.zml-label-spacing,
.zybook-unused-section-page .zybook-section .students-view-solution-warning.zml-label-spacing,
.section-preview-modal .zybook-section .students-view-solution-warning.zml-label-spacing {
  margin-top: 20px;
}
.not-found-page .zybook-section .zybook-section-title,
.zybook-advanced-zylab-page .zybook-section .zybook-section-title,
.zybook-chapter-print-page .zybook-section .zybook-section-title,
.zybook-chapter-section-page .zybook-section .zybook-section-title,
.zybook-chapter-section-loading-page .zybook-section .zybook-section-title,
.zybook-create-section-page .zybook-section .zybook-section-title,
.zybook-edit-section-page .zybook-section .zybook-section-title,
.zybook-error-page .zybook-section .zybook-section-title,
.zylab-ui-page .zybook-section .zybook-section-title,
.zybook-unused-section-loading-page .zybook-section .zybook-section-title,
.zybook-unused-section-page .zybook-section .zybook-section-title,
.section-preview-modal .zybook-section .zybook-section-title {
  color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
  font-size: 32px;
  margin-right: 12px;
}
.not-found-page .zybook-section .expand-button,
.zybook-advanced-zylab-page .zybook-section .expand-button,
.zybook-chapter-print-page .zybook-section .expand-button,
.zybook-chapter-section-page .zybook-section .expand-button,
.zybook-chapter-section-loading-page .zybook-section .expand-button,
.zybook-create-section-page .zybook-section .expand-button,
.zybook-edit-section-page .zybook-section .expand-button,
.zybook-error-page .zybook-section .expand-button,
.zylab-ui-page .zybook-section .expand-button,
.zybook-unused-section-loading-page .zybook-section .expand-button,
.zybook-unused-section-page .zybook-section .expand-button,
.section-preview-modal .zybook-section .expand-button {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  font-weight: bold;
  margin-top: 4px;
}
.not-found-page .zybook-section .zybooks-owned-button,
.zybook-advanced-zylab-page .zybook-section .zybooks-owned-button,
.zybook-chapter-print-page .zybook-section .zybooks-owned-button,
.zybook-chapter-section-page .zybook-section .zybooks-owned-button,
.zybook-chapter-section-loading-page .zybook-section .zybooks-owned-button,
.zybook-create-section-page .zybook-section .zybooks-owned-button,
.zybook-edit-section-page .zybook-section .zybooks-owned-button,
.zybook-error-page .zybook-section .zybooks-owned-button,
.zylab-ui-page .zybook-section .zybooks-owned-button,
.zybook-unused-section-loading-page .zybook-section .zybooks-owned-button,
.zybook-unused-section-page .zybook-section .zybooks-owned-button,
.section-preview-modal .zybook-section .zybooks-owned-button {
  height: 36px;
  left: 0;
  position: absolute;
  top: 0;
}
.not-found-page .zybook-section .interactive-activity-container,
.not-found-page .zybook-section .static-container,
.zybook-advanced-zylab-page .zybook-section .interactive-activity-container,
.zybook-advanced-zylab-page .zybook-section .static-container,
.zybook-chapter-print-page .zybook-section .interactive-activity-container,
.zybook-chapter-print-page .zybook-section .static-container,
.zybook-chapter-section-page .zybook-section .interactive-activity-container,
.zybook-chapter-section-page .zybook-section .static-container,
.zybook-chapter-section-loading-page .zybook-section .interactive-activity-container,
.zybook-chapter-section-loading-page .zybook-section .static-container,
.zybook-create-section-page .zybook-section .interactive-activity-container,
.zybook-create-section-page .zybook-section .static-container,
.zybook-edit-section-page .zybook-section .interactive-activity-container,
.zybook-edit-section-page .zybook-section .static-container,
.zybook-error-page .zybook-section .interactive-activity-container,
.zybook-error-page .zybook-section .static-container,
.zylab-ui-page .zybook-section .interactive-activity-container,
.zylab-ui-page .zybook-section .static-container,
.zybook-unused-section-loading-page .zybook-section .interactive-activity-container,
.zybook-unused-section-loading-page .zybook-section .static-container,
.zybook-unused-section-page .zybook-section .interactive-activity-container,
.zybook-unused-section-page .zybook-section .static-container,
.section-preview-modal .zybook-section .interactive-activity-container,
.section-preview-modal .zybook-section .static-container {
  margin: 16px auto;
}
.not-found-page .zybook-section .zb-card-content,
.zybook-advanced-zylab-page .zybook-section .zb-card-content,
.zybook-chapter-print-page .zybook-section .zb-card-content,
.zybook-chapter-section-page .zybook-section .zb-card-content,
.zybook-chapter-section-loading-page .zybook-section .zb-card-content,
.zybook-create-section-page .zybook-section .zb-card-content,
.zybook-edit-section-page .zybook-section .zb-card-content,
.zybook-error-page .zybook-section .zb-card-content,
.zylab-ui-page .zybook-section .zb-card-content,
.zybook-unused-section-loading-page .zybook-section .zb-card-content,
.zybook-unused-section-page .zybook-section .zb-card-content,
.section-preview-modal .zybook-section .zb-card-content {
  margin: auto;
  max-width: 970px;
}
.not-found-page .lti-error,
.zybook-advanced-zylab-page .lti-error,
.zybook-chapter-print-page .lti-error,
.zybook-chapter-section-page .lti-error,
.zybook-chapter-section-loading-page .lti-error,
.zybook-create-section-page .lti-error,
.zybook-edit-section-page .lti-error,
.zybook-error-page .lti-error,
.zylab-ui-page .lti-error,
.zybook-unused-section-loading-page .lti-error,
.zybook-unused-section-page .lti-error,
.section-preview-modal .lti-error {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
  margin-top: 2px;
}
.not-found-page .section-banner,
.zybook-advanced-zylab-page .section-banner,
.zybook-chapter-print-page .section-banner,
.zybook-chapter-section-page .section-banner,
.zybook-chapter-section-loading-page .section-banner,
.zybook-create-section-page .section-banner,
.zybook-edit-section-page .section-banner,
.zybook-error-page .section-banner,
.zylab-ui-page .section-banner,
.zybook-unused-section-loading-page .section-banner,
.zybook-unused-section-page .section-banner,
.section-preview-modal .section-banner {
  align-items: center;
  background-color: hsl(calc(var(--zb-semantic-color-aside-background-h) + 0deg), calc(var(--zb-semantic-color-aside-background-s) + 0%), calc(var(--zb-semantic-color-aside-background-l) + 0%), calc(var(--zb-semantic-color-aside-background-a) + 0));
  border: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  border-left: 8px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  flex-direction: row;
  margin-bottom: 16px;
  min-height: 64px;
}
.not-found-page .section-banner i,
.zybook-advanced-zylab-page .section-banner i,
.zybook-chapter-print-page .section-banner i,
.zybook-chapter-section-page .section-banner i,
.zybook-chapter-section-loading-page .section-banner i,
.zybook-create-section-page .section-banner i,
.zybook-edit-section-page .section-banner i,
.zybook-error-page .section-banner i,
.zylab-ui-page .section-banner i,
.zybook-unused-section-loading-page .section-banner i,
.zybook-unused-section-page .section-banner i,
.section-preview-modal .section-banner i {
  margin: 8px 16px;
}
.not-found-page .section-banner .banner-content,
.zybook-advanced-zylab-page .section-banner .banner-content,
.zybook-chapter-print-page .section-banner .banner-content,
.zybook-chapter-section-page .section-banner .banner-content,
.zybook-chapter-section-loading-page .section-banner .banner-content,
.zybook-create-section-page .section-banner .banner-content,
.zybook-edit-section-page .section-banner .banner-content,
.zybook-error-page .section-banner .banner-content,
.zylab-ui-page .section-banner .banner-content,
.zybook-unused-section-loading-page .section-banner .banner-content,
.zybook-unused-section-page .section-banner .banner-content,
.section-preview-modal .section-banner .banner-content {
  margin: 8px 16px;
  width: 100%;
}
.not-found-page .section-banner .banner-content .banner-message,
.zybook-advanced-zylab-page .section-banner .banner-content .banner-message,
.zybook-chapter-print-page .section-banner .banner-content .banner-message,
.zybook-chapter-section-page .section-banner .banner-content .banner-message,
.zybook-chapter-section-loading-page .section-banner .banner-content .banner-message,
.zybook-create-section-page .section-banner .banner-content .banner-message,
.zybook-edit-section-page .section-banner .banner-content .banner-message,
.zybook-error-page .section-banner .banner-content .banner-message,
.zylab-ui-page .section-banner .banner-content .banner-message,
.zybook-unused-section-loading-page .section-banner .banner-content .banner-message,
.zybook-unused-section-page .section-banner .banner-content .banner-message,
.section-preview-modal .section-banner .banner-content .banner-message {
  margin: 8px 0;
}
.not-found-page .section-banner .banner-content .duration-content,
.zybook-advanced-zylab-page .section-banner .banner-content .duration-content,
.zybook-chapter-print-page .section-banner .banner-content .duration-content,
.zybook-chapter-section-page .section-banner .banner-content .duration-content,
.zybook-chapter-section-loading-page .section-banner .banner-content .duration-content,
.zybook-create-section-page .section-banner .banner-content .duration-content,
.zybook-edit-section-page .section-banner .banner-content .duration-content,
.zybook-error-page .section-banner .banner-content .duration-content,
.zylab-ui-page .section-banner .banner-content .duration-content,
.zybook-unused-section-loading-page .section-banner .banner-content .duration-content,
.zybook-unused-section-page .section-banner .banner-content .duration-content,
.section-preview-modal .section-banner .banner-content .duration-content {
  align-items: center;
}
.not-found-page .section-banner .banner-content .duration-content .zb-button,
.not-found-page .section-banner .banner-content .duration-content .zb-progress-circular,
.zybook-advanced-zylab-page .section-banner .banner-content .duration-content .zb-button,
.zybook-advanced-zylab-page .section-banner .banner-content .duration-content .zb-progress-circular,
.zybook-chapter-print-page .section-banner .banner-content .duration-content .zb-button,
.zybook-chapter-print-page .section-banner .banner-content .duration-content .zb-progress-circular,
.zybook-chapter-section-page .section-banner .banner-content .duration-content .zb-button,
.zybook-chapter-section-page .section-banner .banner-content .duration-content .zb-progress-circular,
.zybook-chapter-section-loading-page .section-banner .banner-content .duration-content .zb-button,
.zybook-chapter-section-loading-page .section-banner .banner-content .duration-content .zb-progress-circular,
.zybook-create-section-page .section-banner .banner-content .duration-content .zb-button,
.zybook-create-section-page .section-banner .banner-content .duration-content .zb-progress-circular,
.zybook-edit-section-page .section-banner .banner-content .duration-content .zb-button,
.zybook-edit-section-page .section-banner .banner-content .duration-content .zb-progress-circular,
.zybook-error-page .section-banner .banner-content .duration-content .zb-button,
.zybook-error-page .section-banner .banner-content .duration-content .zb-progress-circular,
.zylab-ui-page .section-banner .banner-content .duration-content .zb-button,
.zylab-ui-page .section-banner .banner-content .duration-content .zb-progress-circular,
.zybook-unused-section-loading-page .section-banner .banner-content .duration-content .zb-button,
.zybook-unused-section-loading-page .section-banner .banner-content .duration-content .zb-progress-circular,
.zybook-unused-section-page .section-banner .banner-content .duration-content .zb-button,
.zybook-unused-section-page .section-banner .banner-content .duration-content .zb-progress-circular,
.section-preview-modal .section-banner .banner-content .duration-content .zb-button,
.section-preview-modal .section-banner .banner-content .duration-content .zb-progress-circular {
  margin-left: auto;
}
.not-found-page .section-banner.hidden,
.zybook-advanced-zylab-page .section-banner.hidden,
.zybook-chapter-print-page .section-banner.hidden,
.zybook-chapter-section-page .section-banner.hidden,
.zybook-chapter-section-loading-page .section-banner.hidden,
.zybook-create-section-page .section-banner.hidden,
.zybook-edit-section-page .section-banner.hidden,
.zybook-error-page .section-banner.hidden,
.zylab-ui-page .section-banner.hidden,
.zybook-unused-section-loading-page .section-banner.hidden,
.zybook-unused-section-page .section-banner.hidden,
.section-preview-modal .section-banner.hidden {
  font-size: 18px;
  min-height: 80px;
}
.not-found-page .section-banner.hidden i,
.zybook-advanced-zylab-page .section-banner.hidden i,
.zybook-chapter-print-page .section-banner.hidden i,
.zybook-chapter-section-page .section-banner.hidden i,
.zybook-chapter-section-loading-page .section-banner.hidden i,
.zybook-create-section-page .section-banner.hidden i,
.zybook-edit-section-page .section-banner.hidden i,
.zybook-error-page .section-banner.hidden i,
.zylab-ui-page .section-banner.hidden i,
.zybook-unused-section-loading-page .section-banner.hidden i,
.zybook-unused-section-page .section-banner.hidden i,
.section-preview-modal .section-banner.hidden i {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-section-banner-icon-background-h) + 0deg), calc(var(--zb-semantic-color-zybook-section-banner-icon-background-s) + 0%), calc(var(--zb-semantic-color-zybook-section-banner-icon-background-l) + 0%), calc(var(--zb-semantic-color-zybook-section-banner-icon-background-a) + 0));
  border-radius: 60px;
  color: hsl(calc(var(--zb-semantic-color-component-white-h) + 0deg), calc(var(--zb-semantic-color-component-white-s) + 0%), calc(var(--zb-semantic-color-component-white-l) + 0%), calc(var(--zb-semantic-color-component-white-a) + 0));
  height: 36px;
  padding: 14px;
  width: 36px;
}
.not-found-page .section-banner .password-input,
.zybook-advanced-zylab-page .section-banner .password-input,
.zybook-chapter-print-page .section-banner .password-input,
.zybook-chapter-section-page .section-banner .password-input,
.zybook-chapter-section-loading-page .section-banner .password-input,
.zybook-create-section-page .section-banner .password-input,
.zybook-edit-section-page .section-banner .password-input,
.zybook-error-page .section-banner .password-input,
.zylab-ui-page .section-banner .password-input,
.zybook-unused-section-loading-page .section-banner .password-input,
.zybook-unused-section-page .section-banner .password-input,
.section-preview-modal .section-banner .password-input {
  display: flex;
  height: 50px;
  margin-top: 8px;
}
.not-found-page .section-banner .password-input input,
.zybook-advanced-zylab-page .section-banner .password-input input,
.zybook-chapter-print-page .section-banner .password-input input,
.zybook-chapter-section-page .section-banner .password-input input,
.zybook-chapter-section-loading-page .section-banner .password-input input,
.zybook-create-section-page .section-banner .password-input input,
.zybook-edit-section-page .section-banner .password-input input,
.zybook-error-page .section-banner .password-input input,
.zylab-ui-page .section-banner .password-input input,
.zybook-unused-section-loading-page .section-banner .password-input input,
.zybook-unused-section-page .section-banner .password-input input,
.section-preview-modal .section-banner .password-input input {
  min-width: 225px;
}
.not-found-page .section-banner .password-input button,
.zybook-advanced-zylab-page .section-banner .password-input button,
.zybook-chapter-print-page .section-banner .password-input button,
.zybook-chapter-section-page .section-banner .password-input button,
.zybook-chapter-section-loading-page .section-banner .password-input button,
.zybook-create-section-page .section-banner .password-input button,
.zybook-edit-section-page .section-banner .password-input button,
.zybook-error-page .section-banner .password-input button,
.zylab-ui-page .section-banner .password-input button,
.zybook-unused-section-loading-page .section-banner .password-input button,
.zybook-unused-section-page .section-banner .password-input button,
.section-preview-modal .section-banner .password-input button {
  margin-left: 16px;
}
.not-found-page .section-banner a,
.zybook-advanced-zylab-page .section-banner a,
.zybook-chapter-print-page .section-banner a,
.zybook-chapter-section-page .section-banner a,
.zybook-chapter-section-loading-page .section-banner a,
.zybook-create-section-page .section-banner a,
.zybook-edit-section-page .section-banner a,
.zybook-error-page .section-banner a,
.zylab-ui-page .section-banner a,
.zybook-unused-section-loading-page .section-banner a,
.zybook-unused-section-page .section-banner a,
.section-preview-modal .section-banner a {
  margin-left: 4px;
}
.not-found-page .instructor-hidden-message,
.zybook-advanced-zylab-page .instructor-hidden-message,
.zybook-chapter-print-page .instructor-hidden-message,
.zybook-chapter-section-page .instructor-hidden-message,
.zybook-chapter-section-loading-page .instructor-hidden-message,
.zybook-create-section-page .instructor-hidden-message,
.zybook-edit-section-page .instructor-hidden-message,
.zybook-error-page .instructor-hidden-message,
.zylab-ui-page .instructor-hidden-message,
.zybook-unused-section-loading-page .instructor-hidden-message,
.zybook-unused-section-page .instructor-hidden-message,
.section-preview-modal .instructor-hidden-message {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  font-size: 18px;
  margin-bottom: 16px;
  padding-bottom: 16px;
  text-align: center;
}
.not-found-page .hidden-content-container .zb-card,
.zybook-advanced-zylab-page .hidden-content-container .zb-card,
.zybook-chapter-print-page .hidden-content-container .zb-card,
.zybook-chapter-section-page .hidden-content-container .zb-card,
.zybook-chapter-section-loading-page .hidden-content-container .zb-card,
.zybook-create-section-page .hidden-content-container .zb-card,
.zybook-edit-section-page .hidden-content-container .zb-card,
.zybook-error-page .hidden-content-container .zb-card,
.zylab-ui-page .hidden-content-container .zb-card,
.zybook-unused-section-loading-page .hidden-content-container .zb-card,
.zybook-unused-section-page .hidden-content-container .zb-card,
.section-preview-modal .hidden-content-container .zb-card {
  margin-top: 0;
}
.not-found-page .hidden-content-container .zb-card-content,
.zybook-advanced-zylab-page .hidden-content-container .zb-card-content,
.zybook-chapter-print-page .hidden-content-container .zb-card-content,
.zybook-chapter-section-page .hidden-content-container .zb-card-content,
.zybook-chapter-section-loading-page .hidden-content-container .zb-card-content,
.zybook-create-section-page .hidden-content-container .zb-card-content,
.zybook-edit-section-page .hidden-content-container .zb-card-content,
.zybook-error-page .hidden-content-container .zb-card-content,
.zylab-ui-page .hidden-content-container .zb-card-content,
.zybook-unused-section-loading-page .hidden-content-container .zb-card-content,
.zybook-unused-section-page .hidden-content-container .zb-card-content,
.section-preview-modal .hidden-content-container .zb-card-content {
  width: 95%;
}
.not-found-page .hidden-content-container .zb-card-content .circle,
.not-found-page .hidden-content-container .zb-card-content .filled-box,
.not-found-page .hidden-content-container .zb-card-content .grey,
.zybook-advanced-zylab-page .hidden-content-container .zb-card-content .circle,
.zybook-advanced-zylab-page .hidden-content-container .zb-card-content .filled-box,
.zybook-advanced-zylab-page .hidden-content-container .zb-card-content .grey,
.zybook-chapter-print-page .hidden-content-container .zb-card-content .circle,
.zybook-chapter-print-page .hidden-content-container .zb-card-content .filled-box,
.zybook-chapter-print-page .hidden-content-container .zb-card-content .grey,
.zybook-chapter-section-page .hidden-content-container .zb-card-content .circle,
.zybook-chapter-section-page .hidden-content-container .zb-card-content .filled-box,
.zybook-chapter-section-page .hidden-content-container .zb-card-content .grey,
.zybook-chapter-section-loading-page .hidden-content-container .zb-card-content .circle,
.zybook-chapter-section-loading-page .hidden-content-container .zb-card-content .filled-box,
.zybook-chapter-section-loading-page .hidden-content-container .zb-card-content .grey,
.zybook-create-section-page .hidden-content-container .zb-card-content .circle,
.zybook-create-section-page .hidden-content-container .zb-card-content .filled-box,
.zybook-create-section-page .hidden-content-container .zb-card-content .grey,
.zybook-edit-section-page .hidden-content-container .zb-card-content .circle,
.zybook-edit-section-page .hidden-content-container .zb-card-content .filled-box,
.zybook-edit-section-page .hidden-content-container .zb-card-content .grey,
.zybook-error-page .hidden-content-container .zb-card-content .circle,
.zybook-error-page .hidden-content-container .zb-card-content .filled-box,
.zybook-error-page .hidden-content-container .zb-card-content .grey,
.zylab-ui-page .hidden-content-container .zb-card-content .circle,
.zylab-ui-page .hidden-content-container .zb-card-content .filled-box,
.zylab-ui-page .hidden-content-container .zb-card-content .grey,
.zybook-unused-section-loading-page .hidden-content-container .zb-card-content .circle,
.zybook-unused-section-loading-page .hidden-content-container .zb-card-content .filled-box,
.zybook-unused-section-loading-page .hidden-content-container .zb-card-content .grey,
.zybook-unused-section-page .hidden-content-container .zb-card-content .circle,
.zybook-unused-section-page .hidden-content-container .zb-card-content .filled-box,
.zybook-unused-section-page .hidden-content-container .zb-card-content .grey,
.section-preview-modal .hidden-content-container .zb-card-content .circle,
.section-preview-modal .hidden-content-container .zb-card-content .filled-box,
.section-preview-modal .hidden-content-container .zb-card-content .grey {
  background-color: hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
}
.not-found-page .hidden-content-container .zb-card-content .box,
.zybook-advanced-zylab-page .hidden-content-container .zb-card-content .box,
.zybook-chapter-print-page .hidden-content-container .zb-card-content .box,
.zybook-chapter-section-page .hidden-content-container .zb-card-content .box,
.zybook-chapter-section-loading-page .hidden-content-container .zb-card-content .box,
.zybook-create-section-page .hidden-content-container .zb-card-content .box,
.zybook-edit-section-page .hidden-content-container .zb-card-content .box,
.zybook-error-page .hidden-content-container .zb-card-content .box,
.zylab-ui-page .hidden-content-container .zb-card-content .box,
.zybook-unused-section-loading-page .hidden-content-container .zb-card-content .box,
.zybook-unused-section-page .hidden-content-container .zb-card-content .box,
.section-preview-modal .hidden-content-container .zb-card-content .box {
  border: 8px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + -0.75));
}
.not-found-page .hidden-content-container .zb-card-content .divider,
.zybook-advanced-zylab-page .hidden-content-container .zb-card-content .divider,
.zybook-chapter-print-page .hidden-content-container .zb-card-content .divider,
.zybook-chapter-section-page .hidden-content-container .zb-card-content .divider,
.zybook-chapter-section-loading-page .hidden-content-container .zb-card-content .divider,
.zybook-create-section-page .hidden-content-container .zb-card-content .divider,
.zybook-edit-section-page .hidden-content-container .zb-card-content .divider,
.zybook-error-page .hidden-content-container .zb-card-content .divider,
.zylab-ui-page .hidden-content-container .zb-card-content .divider,
.zybook-unused-section-loading-page .hidden-content-container .zb-card-content .divider,
.zybook-unused-section-page .hidden-content-container .zb-card-content .divider,
.section-preview-modal .hidden-content-container .zb-card-content .divider {
  border-bottom: 2px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
}
.not-found-page .hidden-content-container .zb-card-content .thin-box,
.zybook-advanced-zylab-page .hidden-content-container .zb-card-content .thin-box,
.zybook-chapter-print-page .hidden-content-container .zb-card-content .thin-box,
.zybook-chapter-section-page .hidden-content-container .zb-card-content .thin-box,
.zybook-chapter-section-loading-page .hidden-content-container .zb-card-content .thin-box,
.zybook-create-section-page .hidden-content-container .zb-card-content .thin-box,
.zybook-edit-section-page .hidden-content-container .zb-card-content .thin-box,
.zybook-error-page .hidden-content-container .zb-card-content .thin-box,
.zylab-ui-page .hidden-content-container .zb-card-content .thin-box,
.zybook-unused-section-loading-page .hidden-content-container .zb-card-content .thin-box,
.zybook-unused-section-page .hidden-content-container .zb-card-content .thin-box,
.section-preview-modal .hidden-content-container .zb-card-content .thin-box {
  border: 2px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
}
.not-found-page .hidden-content-container .zb-card-content .z-img,
.zybook-advanced-zylab-page .hidden-content-container .zb-card-content .z-img,
.zybook-chapter-print-page .hidden-content-container .zb-card-content .z-img,
.zybook-chapter-section-page .hidden-content-container .zb-card-content .z-img,
.zybook-chapter-section-loading-page .hidden-content-container .zb-card-content .z-img,
.zybook-create-section-page .hidden-content-container .zb-card-content .z-img,
.zybook-edit-section-page .hidden-content-container .zb-card-content .z-img,
.zybook-error-page .hidden-content-container .zb-card-content .z-img,
.zylab-ui-page .hidden-content-container .zb-card-content .z-img,
.zybook-unused-section-loading-page .hidden-content-container .zb-card-content .z-img,
.zybook-unused-section-page .hidden-content-container .zb-card-content .z-img,
.section-preview-modal .hidden-content-container .zb-card-content .z-img {
  opacity: 0.5;
}
.not-found-page .exam-template-container,
.zybook-advanced-zylab-page .exam-template-container,
.zybook-chapter-print-page .exam-template-container,
.zybook-chapter-section-page .exam-template-container,
.zybook-chapter-section-loading-page .exam-template-container,
.zybook-create-section-page .exam-template-container,
.zybook-edit-section-page .exam-template-container,
.zybook-error-page .exam-template-container,
.zylab-ui-page .exam-template-container,
.zybook-unused-section-loading-page .exam-template-container,
.zybook-unused-section-page .exam-template-container,
.section-preview-modal .exam-template-container {
  margin-bottom: 16px;
}
.not-found-page .exam-template-container .left,
.zybook-advanced-zylab-page .exam-template-container .left,
.zybook-chapter-print-page .exam-template-container .left,
.zybook-chapter-section-page .exam-template-container .left,
.zybook-chapter-section-loading-page .exam-template-container .left,
.zybook-create-section-page .exam-template-container .left,
.zybook-edit-section-page .exam-template-container .left,
.zybook-error-page .exam-template-container .left,
.zylab-ui-page .exam-template-container .left,
.zybook-unused-section-loading-page .exam-template-container .left,
.zybook-unused-section-page .exam-template-container .left,
.section-preview-modal .exam-template-container .left {
  margin-right: 0;
}
.not-found-page .exam-template-container .right,
.zybook-advanced-zylab-page .exam-template-container .right,
.zybook-chapter-print-page .exam-template-container .right,
.zybook-chapter-section-page .exam-template-container .right,
.zybook-chapter-section-loading-page .exam-template-container .right,
.zybook-create-section-page .exam-template-container .right,
.zybook-edit-section-page .exam-template-container .right,
.zybook-error-page .exam-template-container .right,
.zylab-ui-page .exam-template-container .right,
.zybook-unused-section-loading-page .exam-template-container .right,
.zybook-unused-section-page .exam-template-container .right,
.section-preview-modal .exam-template-container .right {
  margin-left: 0;
}
.not-found-page .exam-template-container .zb-card,
.zybook-advanced-zylab-page .exam-template-container .zb-card,
.zybook-chapter-print-page .exam-template-container .zb-card,
.zybook-chapter-section-page .exam-template-container .zb-card,
.zybook-chapter-section-loading-page .exam-template-container .zb-card,
.zybook-create-section-page .exam-template-container .zb-card,
.zybook-edit-section-page .exam-template-container .zb-card,
.zybook-error-page .exam-template-container .zb-card,
.zylab-ui-page .exam-template-container .zb-card,
.zybook-unused-section-loading-page .exam-template-container .zb-card,
.zybook-unused-section-page .exam-template-container .zb-card,
.section-preview-modal .exam-template-container .zb-card {
  margin-top: 0;
}
.not-found-page .exam-template-container .zb-card-content,
.zybook-advanced-zylab-page .exam-template-container .zb-card-content,
.zybook-chapter-print-page .exam-template-container .zb-card-content,
.zybook-chapter-section-page .exam-template-container .zb-card-content,
.zybook-chapter-section-loading-page .exam-template-container .zb-card-content,
.zybook-create-section-page .exam-template-container .zb-card-content,
.zybook-edit-section-page .exam-template-container .zb-card-content,
.zybook-error-page .exam-template-container .zb-card-content,
.zylab-ui-page .exam-template-container .zb-card-content,
.zybook-unused-section-loading-page .exam-template-container .zb-card-content,
.zybook-unused-section-page .exam-template-container .zb-card-content,
.section-preview-modal .exam-template-container .zb-card-content {
  width: 95%;
}
.not-found-page .section-header-row,
.zybook-advanced-zylab-page .section-header-row,
.zybook-chapter-print-page .section-header-row,
.zybook-chapter-section-page .section-header-row,
.zybook-chapter-section-loading-page .section-header-row,
.zybook-create-section-page .section-header-row,
.zybook-edit-section-page .section-header-row,
.zybook-error-page .section-header-row,
.zylab-ui-page .section-header-row,
.zybook-unused-section-loading-page .section-header-row,
.zybook-unused-section-page .section-header-row,
.section-preview-modal .section-header-row {
  align-items: center;
  justify-content: space-between;
  width: 970px;
}
.not-found-page .section-header-row .section-action-container,
.zybook-advanced-zylab-page .section-header-row .section-action-container,
.zybook-chapter-print-page .section-header-row .section-action-container,
.zybook-chapter-section-page .section-header-row .section-action-container,
.zybook-chapter-section-loading-page .section-header-row .section-action-container,
.zybook-create-section-page .section-header-row .section-action-container,
.zybook-edit-section-page .section-header-row .section-action-container,
.zybook-error-page .section-header-row .section-action-container,
.zylab-ui-page .section-header-row .section-action-container,
.zybook-unused-section-loading-page .section-header-row .section-action-container,
.zybook-unused-section-page .section-header-row .section-action-container,
.section-preview-modal .section-header-row .section-action-container {
  align-items: center;
  justify-content: flex-end;
}
.not-found-page .section-header-row .section-action-container .edit-lab-link,
.zybook-advanced-zylab-page .section-header-row .section-action-container .edit-lab-link,
.zybook-chapter-print-page .section-header-row .section-action-container .edit-lab-link,
.zybook-chapter-section-page .section-header-row .section-action-container .edit-lab-link,
.zybook-chapter-section-loading-page .section-header-row .section-action-container .edit-lab-link,
.zybook-create-section-page .section-header-row .section-action-container .edit-lab-link,
.zybook-edit-section-page .section-header-row .section-action-container .edit-lab-link,
.zybook-error-page .section-header-row .section-action-container .edit-lab-link,
.zylab-ui-page .section-header-row .section-action-container .edit-lab-link,
.zybook-unused-section-loading-page .section-header-row .section-action-container .edit-lab-link,
.zybook-unused-section-page .section-header-row .section-action-container .edit-lab-link,
.section-preview-modal .section-header-row .section-action-container .edit-lab-link {
  white-space: nowrap;
}
.not-found-page .section-header-row .section-action-container .section-reporting-expand-button,
.zybook-advanced-zylab-page .section-header-row .section-action-container .section-reporting-expand-button,
.zybook-chapter-print-page .section-header-row .section-action-container .section-reporting-expand-button,
.zybook-chapter-section-page .section-header-row .section-action-container .section-reporting-expand-button,
.zybook-chapter-section-loading-page .section-header-row .section-action-container .section-reporting-expand-button,
.zybook-create-section-page .section-header-row .section-action-container .section-reporting-expand-button,
.zybook-edit-section-page .section-header-row .section-action-container .section-reporting-expand-button,
.zybook-error-page .section-header-row .section-action-container .section-reporting-expand-button,
.zylab-ui-page .section-header-row .section-action-container .section-reporting-expand-button,
.zybook-unused-section-loading-page .section-header-row .section-action-container .section-reporting-expand-button,
.zybook-unused-section-page .section-header-row .section-action-container .section-reporting-expand-button,
.section-preview-modal .section-header-row .section-action-container .section-reporting-expand-button {
  display: flex;
}
.not-found-page .nothing-to-present,
.zybook-advanced-zylab-page .nothing-to-present,
.zybook-chapter-print-page .nothing-to-present,
.zybook-chapter-section-page .nothing-to-present,
.zybook-chapter-section-loading-page .nothing-to-present,
.zybook-create-section-page .nothing-to-present,
.zybook-edit-section-page .nothing-to-present,
.zybook-error-page .nothing-to-present,
.zylab-ui-page .nothing-to-present,
.zybook-unused-section-loading-page .nothing-to-present,
.zybook-unused-section-page .nothing-to-present,
.section-preview-modal .nothing-to-present {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 24px;
  padding: 24px;
  text-align: center;
}
@media (max-width: 1424px) {
  .not-found-page .show-all-instructor-note-buttons-text,
  .zybook-advanced-zylab-page .show-all-instructor-note-buttons-text,
  .zybook-chapter-print-page .show-all-instructor-note-buttons-text,
  .zybook-chapter-section-page .show-all-instructor-note-buttons-text,
  .zybook-chapter-section-loading-page .show-all-instructor-note-buttons-text,
  .zybook-create-section-page .show-all-instructor-note-buttons-text,
  .zybook-edit-section-page .show-all-instructor-note-buttons-text,
  .zybook-error-page .show-all-instructor-note-buttons-text,
  .zylab-ui-page .show-all-instructor-note-buttons-text,
  .zybook-unused-section-loading-page .show-all-instructor-note-buttons-text,
  .zybook-unused-section-page .show-all-instructor-note-buttons-text,
  .section-preview-modal .show-all-instructor-note-buttons-text {
    right: 70px;
  }
  .not-found-page .show-all-instructor-note-buttons-button.right-align-button,
  .zybook-advanced-zylab-page .show-all-instructor-note-buttons-button.right-align-button,
  .zybook-chapter-print-page .show-all-instructor-note-buttons-button.right-align-button,
  .zybook-chapter-section-page .show-all-instructor-note-buttons-button.right-align-button,
  .zybook-chapter-section-loading-page .show-all-instructor-note-buttons-button.right-align-button,
  .zybook-create-section-page .show-all-instructor-note-buttons-button.right-align-button,
  .zybook-edit-section-page .show-all-instructor-note-buttons-button.right-align-button,
  .zybook-error-page .show-all-instructor-note-buttons-button.right-align-button,
  .zylab-ui-page .show-all-instructor-note-buttons-button.right-align-button,
  .zybook-unused-section-loading-page .show-all-instructor-note-buttons-button.right-align-button,
  .zybook-unused-section-page .show-all-instructor-note-buttons-button.right-align-button,
  .section-preview-modal .show-all-instructor-note-buttons-button.right-align-button {
    right: -44px;
  }
}
@media (max-width: 1125px) {
  .not-found-page .zybook-section .zb-card-content,
  .zybook-advanced-zylab-page .zybook-section .zb-card-content,
  .zybook-chapter-print-page .zybook-section .zb-card-content,
  .zybook-chapter-section-page .zybook-section .zb-card-content,
  .zybook-chapter-section-loading-page .zybook-section .zb-card-content,
  .zybook-create-section-page .zybook-section .zb-card-content,
  .zybook-edit-section-page .zybook-section .zb-card-content,
  .zybook-error-page .zybook-section .zb-card-content,
  .zylab-ui-page .zybook-section .zb-card-content,
  .zybook-unused-section-loading-page .zybook-section .zb-card-content,
  .zybook-unused-section-page .zybook-section .zb-card-content,
  .section-preview-modal .zybook-section .zb-card-content {
    margin: 0;
    max-width: inherit;
    overflow-x: auto;
  }
  .not-found-page .zybook-section .zb-card-content .container-content-resource,
  .not-found-page .zybook-section .zb-card-content .interactive-activity-container,
  .zybook-advanced-zylab-page .zybook-section .zb-card-content .container-content-resource,
  .zybook-advanced-zylab-page .zybook-section .zb-card-content .interactive-activity-container,
  .zybook-chapter-print-page .zybook-section .zb-card-content .container-content-resource,
  .zybook-chapter-print-page .zybook-section .zb-card-content .interactive-activity-container,
  .zybook-chapter-section-page .zybook-section .zb-card-content .container-content-resource,
  .zybook-chapter-section-page .zybook-section .zb-card-content .interactive-activity-container,
  .zybook-chapter-section-loading-page .zybook-section .zb-card-content .container-content-resource,
  .zybook-chapter-section-loading-page .zybook-section .zb-card-content .interactive-activity-container,
  .zybook-create-section-page .zybook-section .zb-card-content .container-content-resource,
  .zybook-create-section-page .zybook-section .zb-card-content .interactive-activity-container,
  .zybook-edit-section-page .zybook-section .zb-card-content .container-content-resource,
  .zybook-edit-section-page .zybook-section .zb-card-content .interactive-activity-container,
  .zybook-error-page .zybook-section .zb-card-content .container-content-resource,
  .zybook-error-page .zybook-section .zb-card-content .interactive-activity-container,
  .zylab-ui-page .zybook-section .zb-card-content .container-content-resource,
  .zylab-ui-page .zybook-section .zb-card-content .interactive-activity-container,
  .zybook-unused-section-loading-page .zybook-section .zb-card-content .container-content-resource,
  .zybook-unused-section-loading-page .zybook-section .zb-card-content .interactive-activity-container,
  .zybook-unused-section-page .zybook-section .zb-card-content .container-content-resource,
  .zybook-unused-section-page .zybook-section .zb-card-content .interactive-activity-container,
  .section-preview-modal .zybook-section .zb-card-content .container-content-resource,
  .section-preview-modal .zybook-section .zb-card-content .interactive-activity-container {
    margin: 16px 0;
    max-width: 100%;
  }
  .not-found-page .zybook-section .zb-card-content .static-container,
  .zybook-advanced-zylab-page .zybook-section .zb-card-content .static-container,
  .zybook-chapter-print-page .zybook-section .zb-card-content .static-container,
  .zybook-chapter-section-page .zybook-section .zb-card-content .static-container,
  .zybook-chapter-section-loading-page .zybook-section .zb-card-content .static-container,
  .zybook-create-section-page .zybook-section .zb-card-content .static-container,
  .zybook-edit-section-page .zybook-section .zb-card-content .static-container,
  .zybook-error-page .zybook-section .zb-card-content .static-container,
  .zylab-ui-page .zybook-section .zb-card-content .static-container,
  .zybook-unused-section-loading-page .zybook-section .zb-card-content .static-container,
  .zybook-unused-section-page .zybook-section .zb-card-content .static-container,
  .section-preview-modal .zybook-section .zb-card-content .static-container {
    max-width: 100%;
  }
  .not-found-page .zybook-section .zb-card-content .static-container .activity-instructions,
  .zybook-advanced-zylab-page .zybook-section .zb-card-content .static-container .activity-instructions,
  .zybook-chapter-print-page .zybook-section .zb-card-content .static-container .activity-instructions,
  .zybook-chapter-section-page .zybook-section .zb-card-content .static-container .activity-instructions,
  .zybook-chapter-section-loading-page .zybook-section .zb-card-content .static-container .activity-instructions,
  .zybook-create-section-page .zybook-section .zb-card-content .static-container .activity-instructions,
  .zybook-edit-section-page .zybook-section .zb-card-content .static-container .activity-instructions,
  .zybook-error-page .zybook-section .zb-card-content .static-container .activity-instructions,
  .zylab-ui-page .zybook-section .zb-card-content .static-container .activity-instructions,
  .zybook-unused-section-loading-page .zybook-section .zb-card-content .static-container .activity-instructions,
  .zybook-unused-section-page .zybook-section .zb-card-content .static-container .activity-instructions,
  .section-preview-modal .zybook-section .zb-card-content .static-container .activity-instructions {
    margin-left: 10%;
    margin-right: 10%;
  }
  .not-found-page .zybook-section .zb-card-content .static-container .zyde-tool-container,
  .zybook-advanced-zylab-page .zybook-section .zb-card-content .static-container .zyde-tool-container,
  .zybook-chapter-print-page .zybook-section .zb-card-content .static-container .zyde-tool-container,
  .zybook-chapter-section-page .zybook-section .zb-card-content .static-container .zyde-tool-container,
  .zybook-chapter-section-loading-page .zybook-section .zb-card-content .static-container .zyde-tool-container,
  .zybook-create-section-page .zybook-section .zb-card-content .static-container .zyde-tool-container,
  .zybook-edit-section-page .zybook-section .zb-card-content .static-container .zyde-tool-container,
  .zybook-error-page .zybook-section .zb-card-content .static-container .zyde-tool-container,
  .zylab-ui-page .zybook-section .zb-card-content .static-container .zyde-tool-container,
  .zybook-unused-section-loading-page .zybook-section .zb-card-content .static-container .zyde-tool-container,
  .zybook-unused-section-page .zybook-section .zb-card-content .static-container .zyde-tool-container,
  .section-preview-modal .zybook-section .zb-card-content .static-container .zyde-tool-container {
    margin-left: 10%;
    margin-right: 10%;
    max-width: 100%;
    overflow-x: scroll;
  }
  .not-found-page .section-header-row,
  .zybook-advanced-zylab-page .section-header-row,
  .zybook-chapter-print-page .section-header-row,
  .zybook-chapter-section-page .section-header-row,
  .zybook-chapter-section-loading-page .section-header-row,
  .zybook-create-section-page .section-header-row,
  .zybook-edit-section-page .section-header-row,
  .zybook-error-page .section-header-row,
  .zylab-ui-page .section-header-row,
  .zybook-unused-section-loading-page .section-header-row,
  .zybook-unused-section-page .section-header-row,
  .section-preview-modal .section-header-row {
    flex-direction: column;
    width: calc(100% - 16px);
  }
  .not-found-page .show-all-instructor-note-buttons-text,
  .zybook-advanced-zylab-page .show-all-instructor-note-buttons-text,
  .zybook-chapter-print-page .show-all-instructor-note-buttons-text,
  .zybook-chapter-section-page .show-all-instructor-note-buttons-text,
  .zybook-chapter-section-loading-page .show-all-instructor-note-buttons-text,
  .zybook-create-section-page .show-all-instructor-note-buttons-text,
  .zybook-edit-section-page .show-all-instructor-note-buttons-text,
  .zybook-error-page .show-all-instructor-note-buttons-text,
  .zylab-ui-page .show-all-instructor-note-buttons-text,
  .zybook-unused-section-loading-page .show-all-instructor-note-buttons-text,
  .zybook-unused-section-page .show-all-instructor-note-buttons-text,
  .section-preview-modal .show-all-instructor-note-buttons-text {
    right: 100px;
  }
  .not-found-page .show-all-instructor-note-buttons-button.right-align-button,
  .zybook-advanced-zylab-page .show-all-instructor-note-buttons-button.right-align-button,
  .zybook-chapter-print-page .show-all-instructor-note-buttons-button.right-align-button,
  .zybook-chapter-section-page .show-all-instructor-note-buttons-button.right-align-button,
  .zybook-chapter-section-loading-page .show-all-instructor-note-buttons-button.right-align-button,
  .zybook-create-section-page .show-all-instructor-note-buttons-button.right-align-button,
  .zybook-edit-section-page .show-all-instructor-note-buttons-button.right-align-button,
  .zybook-error-page .show-all-instructor-note-buttons-button.right-align-button,
  .zylab-ui-page .show-all-instructor-note-buttons-button.right-align-button,
  .zybook-unused-section-loading-page .show-all-instructor-note-buttons-button.right-align-button,
  .zybook-unused-section-page .show-all-instructor-note-buttons-button.right-align-button,
  .section-preview-modal .show-all-instructor-note-buttons-button.right-align-button {
    right: -20px;
  }
}
.not-found-page .section-test-questions-card,
.zybook-advanced-zylab-page .section-test-questions-card,
.zybook-chapter-print-page .section-test-questions-card,
.zybook-chapter-section-page .section-test-questions-card,
.zybook-chapter-section-loading-page .section-test-questions-card,
.zybook-create-section-page .section-test-questions-card,
.zybook-edit-section-page .section-test-questions-card,
.zybook-error-page .section-test-questions-card,
.zylab-ui-page .section-test-questions-card,
.zybook-unused-section-loading-page .section-test-questions-card,
.zybook-unused-section-page .section-test-questions-card,
.section-preview-modal .section-test-questions-card {
  margin-bottom: 24px;
}
.not-found-page .section-test-questions-card .test-question-header-row,
.zybook-advanced-zylab-page .section-test-questions-card .test-question-header-row,
.zybook-chapter-print-page .section-test-questions-card .test-question-header-row,
.zybook-chapter-section-page .section-test-questions-card .test-question-header-row,
.zybook-chapter-section-loading-page .section-test-questions-card .test-question-header-row,
.zybook-create-section-page .section-test-questions-card .test-question-header-row,
.zybook-edit-section-page .section-test-questions-card .test-question-header-row,
.zybook-error-page .section-test-questions-card .test-question-header-row,
.zylab-ui-page .section-test-questions-card .test-question-header-row,
.zybook-unused-section-loading-page .section-test-questions-card .test-question-header-row,
.zybook-unused-section-page .section-test-questions-card .test-question-header-row,
.section-preview-modal .section-test-questions-card .test-question-header-row {
  align-items: center;
  justify-content: space-between;
}
.not-found-page .section-test-questions-card .zb-card-content,
.zybook-advanced-zylab-page .section-test-questions-card .zb-card-content,
.zybook-chapter-print-page .section-test-questions-card .zb-card-content,
.zybook-chapter-section-page .section-test-questions-card .zb-card-content,
.zybook-chapter-section-loading-page .section-test-questions-card .zb-card-content,
.zybook-create-section-page .section-test-questions-card .zb-card-content,
.zybook-edit-section-page .section-test-questions-card .zb-card-content,
.zybook-error-page .section-test-questions-card .zb-card-content,
.zylab-ui-page .section-test-questions-card .zb-card-content,
.zybook-unused-section-loading-page .section-test-questions-card .zb-card-content,
.zybook-unused-section-page .section-test-questions-card .zb-card-content,
.section-preview-modal .section-test-questions-card .zb-card-content {
  margin: auto;
  padding-bottom: 32px;
  width: 970px;
}
.not-found-page .section-test-questions-card .zb-progress-circular,
.zybook-advanced-zylab-page .section-test-questions-card .zb-progress-circular,
.zybook-chapter-print-page .section-test-questions-card .zb-progress-circular,
.zybook-chapter-section-page .section-test-questions-card .zb-progress-circular,
.zybook-chapter-section-loading-page .section-test-questions-card .zb-progress-circular,
.zybook-create-section-page .section-test-questions-card .zb-progress-circular,
.zybook-edit-section-page .section-test-questions-card .zb-progress-circular,
.zybook-error-page .section-test-questions-card .zb-progress-circular,
.zylab-ui-page .section-test-questions-card .zb-progress-circular,
.zybook-unused-section-loading-page .section-test-questions-card .zb-progress-circular,
.zybook-unused-section-page .section-test-questions-card .zb-progress-circular,
.section-preview-modal .section-test-questions-card .zb-progress-circular {
  margin: auto;
}
.not-found-page .section-test-questions-card .no-questions-message,
.zybook-advanced-zylab-page .section-test-questions-card .no-questions-message,
.zybook-chapter-print-page .section-test-questions-card .no-questions-message,
.zybook-chapter-section-page .section-test-questions-card .no-questions-message,
.zybook-chapter-section-loading-page .section-test-questions-card .no-questions-message,
.zybook-create-section-page .section-test-questions-card .no-questions-message,
.zybook-edit-section-page .section-test-questions-card .no-questions-message,
.zybook-error-page .section-test-questions-card .no-questions-message,
.zylab-ui-page .section-test-questions-card .no-questions-message,
.zybook-unused-section-loading-page .section-test-questions-card .no-questions-message,
.zybook-unused-section-page .section-test-questions-card .no-questions-message,
.section-preview-modal .section-test-questions-card .no-questions-message {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-style: italic;
  margin: auto;
}
.not-found-page .request-deferral-modal .zb-modal-content,
.zybook-advanced-zylab-page .request-deferral-modal .zb-modal-content,
.zybook-chapter-print-page .request-deferral-modal .zb-modal-content,
.zybook-chapter-section-page .request-deferral-modal .zb-modal-content,
.zybook-chapter-section-loading-page .request-deferral-modal .zb-modal-content,
.zybook-create-section-page .request-deferral-modal .zb-modal-content,
.zybook-edit-section-page .request-deferral-modal .zb-modal-content,
.zybook-error-page .request-deferral-modal .zb-modal-content,
.zylab-ui-page .request-deferral-modal .zb-modal-content,
.zybook-unused-section-loading-page .request-deferral-modal .zb-modal-content,
.zybook-unused-section-page .request-deferral-modal .zb-modal-content,
.section-preview-modal .request-deferral-modal .zb-modal-content {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  padding: 16px;
}
.not-found-page .request-deferral-modal .zb-modal-content h1,
.zybook-advanced-zylab-page .request-deferral-modal .zb-modal-content h1,
.zybook-chapter-print-page .request-deferral-modal .zb-modal-content h1,
.zybook-chapter-section-page .request-deferral-modal .zb-modal-content h1,
.zybook-chapter-section-loading-page .request-deferral-modal .zb-modal-content h1,
.zybook-create-section-page .request-deferral-modal .zb-modal-content h1,
.zybook-edit-section-page .request-deferral-modal .zb-modal-content h1,
.zybook-error-page .request-deferral-modal .zb-modal-content h1,
.zylab-ui-page .request-deferral-modal .zb-modal-content h1,
.zybook-unused-section-loading-page .request-deferral-modal .zb-modal-content h1,
.zybook-unused-section-page .request-deferral-modal .zb-modal-content h1,
.section-preview-modal .request-deferral-modal .zb-modal-content h1 {
  color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
}
.not-found-page .request-deferral-modal .zb-modal-content .grid-container,
.zybook-advanced-zylab-page .request-deferral-modal .zb-modal-content .grid-container,
.zybook-chapter-print-page .request-deferral-modal .zb-modal-content .grid-container,
.zybook-chapter-section-page .request-deferral-modal .zb-modal-content .grid-container,
.zybook-chapter-section-loading-page .request-deferral-modal .zb-modal-content .grid-container,
.zybook-create-section-page .request-deferral-modal .zb-modal-content .grid-container,
.zybook-edit-section-page .request-deferral-modal .zb-modal-content .grid-container,
.zybook-error-page .request-deferral-modal .zb-modal-content .grid-container,
.zylab-ui-page .request-deferral-modal .zb-modal-content .grid-container,
.zybook-unused-section-loading-page .request-deferral-modal .zb-modal-content .grid-container,
.zybook-unused-section-page .request-deferral-modal .zb-modal-content .grid-container,
.section-preview-modal .request-deferral-modal .zb-modal-content .grid-container {
  display: grid;
  grid-gap: 16px;
  grid-template-columns: auto auto;
  margin-bottom: 18px;
  margin-top: 18px;
}
.not-found-page .request-deferral-modal .zb-modal-content .action-row,
.zybook-advanced-zylab-page .request-deferral-modal .zb-modal-content .action-row,
.zybook-chapter-print-page .request-deferral-modal .zb-modal-content .action-row,
.zybook-chapter-section-page .request-deferral-modal .zb-modal-content .action-row,
.zybook-chapter-section-loading-page .request-deferral-modal .zb-modal-content .action-row,
.zybook-create-section-page .request-deferral-modal .zb-modal-content .action-row,
.zybook-edit-section-page .request-deferral-modal .zb-modal-content .action-row,
.zybook-error-page .request-deferral-modal .zb-modal-content .action-row,
.zylab-ui-page .request-deferral-modal .zb-modal-content .action-row,
.zybook-unused-section-loading-page .request-deferral-modal .zb-modal-content .action-row,
.zybook-unused-section-page .request-deferral-modal .zb-modal-content .action-row,
.section-preview-modal .request-deferral-modal .zb-modal-content .action-row {
  align-items: center;
  display: flex;
  margin-top: 32px;
}
.not-found-page .request-deferral-modal .zb-modal-content .action-row .zb-button,
.zybook-advanced-zylab-page .request-deferral-modal .zb-modal-content .action-row .zb-button,
.zybook-chapter-print-page .request-deferral-modal .zb-modal-content .action-row .zb-button,
.zybook-chapter-section-page .request-deferral-modal .zb-modal-content .action-row .zb-button,
.zybook-chapter-section-loading-page .request-deferral-modal .zb-modal-content .action-row .zb-button,
.zybook-create-section-page .request-deferral-modal .zb-modal-content .action-row .zb-button,
.zybook-edit-section-page .request-deferral-modal .zb-modal-content .action-row .zb-button,
.zybook-error-page .request-deferral-modal .zb-modal-content .action-row .zb-button,
.zylab-ui-page .request-deferral-modal .zb-modal-content .action-row .zb-button,
.zybook-unused-section-loading-page .request-deferral-modal .zb-modal-content .action-row .zb-button,
.zybook-unused-section-page .request-deferral-modal .zb-modal-content .action-row .zb-button,
.section-preview-modal .request-deferral-modal .zb-modal-content .action-row .zb-button {
  margin-right: 24px;
}
.not-found-page .time-remaining-toast,
.zybook-advanced-zylab-page .time-remaining-toast,
.zybook-chapter-print-page .time-remaining-toast,
.zybook-chapter-section-page .time-remaining-toast,
.zybook-chapter-section-loading-page .time-remaining-toast,
.zybook-create-section-page .time-remaining-toast,
.zybook-edit-section-page .time-remaining-toast,
.zybook-error-page .time-remaining-toast,
.zylab-ui-page .time-remaining-toast,
.zybook-unused-section-loading-page .time-remaining-toast,
.zybook-unused-section-page .time-remaining-toast,
.section-preview-modal .time-remaining-toast {
  bottom: 24px;
  color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  padding: 16px;
  position: fixed;
  right: 24px;
}

.transition-from-lab-modal .zb-modal-content {
  padding: 16px;
}

.zybook-zylab-similarity-page .zb-card {
  margin: 24px;
}
.zybook-zylab-similarity-page .zb-card-content {
  padding: 0;
}
.zybook-zylab-similarity-page .comparison-header-row,
.zybook-zylab-similarity-page .header,
.zybook-zylab-similarity-page .intro-container,
.zybook-zylab-similarity-page .matches-container,
.zybook-zylab-similarity-page .submission-row {
  padding: 0 24px;
}
.zybook-zylab-similarity-page .overflow-card .zb-card-content {
  overflow-x: auto;
}
.zybook-zylab-similarity-page .overflow-card .zb-card-content .header {
  justify-content: space-between;
}
.zybook-zylab-similarity-page h1 {
  margin: 0;
  padding-top: 24px;
}
.zybook-zylab-similarity-page .intro-container {
  align-items: center;
  border-bottom: 1px hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0)) solid;
  justify-content: space-between;
  padding-bottom: 10px;
}
.zybook-zylab-similarity-page .intro-container .intro-description {
  width: 45%;
}
.zybook-zylab-similarity-page .intro-container .intro-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 52%;
}
.zybook-zylab-similarity-page .intro-container .intro-actions label {
  margin: 0;
}
.zybook-zylab-similarity-page .intro-container .intro-actions .intro-dropdown {
  align-items: center;
  display: flex;
}
.zybook-zylab-similarity-page .intro-container .intro-actions .intro-dropdown .dropdown-container {
  min-width: 56px;
}
.zybook-zylab-similarity-page .intro-container .intro-actions .intro-dropdown .dropdown-container div {
  border-bottom-color: hsl(calc(var(--zb-semantic-color-input-border-h) + 0deg), calc(var(--zb-semantic-color-input-border-s) + 0%), calc(var(--zb-semantic-color-input-border-l) + 0%), calc(var(--zb-semantic-color-input-border-a) + 0));
  width: 60px;
}
.zybook-zylab-similarity-page .intro-container .intro-actions .intro-dropdown .dropdown-container div i {
  right: 4px;
  visibility: hidden;
}
.zybook-zylab-similarity-page .intro-container .intro-actions .intro-dropdown .dropdown-container div .show {
  visibility: visible;
}
.zybook-zylab-similarity-page .intro-container .intro-actions .intro-dropdown .dropdown-container div .zb-input-container {
  -moz-appearance: textfield;
  height: -moz-min-content;
  height: min-content;
}
.zybook-zylab-similarity-page .intro-container .intro-actions .intro-dropdown .dropdown-container div .zb-input-container input {
  border-bottom: none;
}
.zybook-zylab-similarity-page .intro-container .intro-actions .intro-dropdown .dropdown-container div .zb-input-container input::-webkit-outer-spin-button,
.zybook-zylab-similarity-page .intro-container .intro-actions .intro-dropdown .dropdown-container div .zb-input-container input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.zybook-zylab-similarity-page .intro-container .intro-actions .intro-dropdown .dropdown-container div .zb-input-container:hover + i {
  visibility: visible;
}
.zybook-zylab-similarity-page .intro-container .intro-actions .intro-dropdown .dropdown-container .match-value-options-container {
  background-color: hsl(calc(var(--zb-semantic-color-input-background-h) + 0deg), calc(var(--zb-semantic-color-input-background-s) + 0%), calc(var(--zb-semantic-color-input-background-l) + 0%), calc(var(--zb-semantic-color-input-background-a) + 0));
  border-color: hsl(calc(var(--zb-semantic-color-input-border-h) + 0deg), calc(var(--zb-semantic-color-input-border-s) + 0%), calc(var(--zb-semantic-color-input-border-l) + 0%), calc(var(--zb-semantic-color-input-border-a) + 0));
  border-style: solid;
  border-width: 1px;
}
.zybook-zylab-similarity-page .intro-container .intro-actions .intro-dropdown .dropdown-container .match-value-options-container .match-value-options {
  background-color: hsl(calc(var(--zb-semantic-color-input-background-h) + 0deg), calc(var(--zb-semantic-color-input-background-s) + 0%), calc(var(--zb-semantic-color-input-background-l) + 0%), calc(var(--zb-semantic-color-input-background-a) + 0));
  border: none;
  color: hsl(calc(var(--zb-semantic-color-input-h) + 0deg), calc(var(--zb-semantic-color-input-s) + 0%), calc(var(--zb-semantic-color-input-l) + 0%), calc(var(--zb-semantic-color-input-a) + 0));
  display: block;
  font-weight: 300;
  height: -moz-min-content;
  height: min-content;
  text-align: left;
  width: 100%;
}
.zybook-zylab-similarity-page .intro-container .intro-actions .intro-dropdown .dropdown-container .match-value-options-container .match-value-options:hover {
  background-color: hsl(calc(var(--zb-semantic-color-select-option-background-hover-h) + 0deg), calc(var(--zb-semantic-color-select-option-background-hover-s) + 0%), calc(var(--zb-semantic-color-select-option-background-hover-l) + 0%), calc(var(--zb-semantic-color-select-option-background-hover-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-select-option-hover-h) + 0deg), calc(var(--zb-semantic-color-select-option-hover-s) + 0%), calc(var(--zb-semantic-color-select-option-hover-l) + 0%), calc(var(--zb-semantic-color-select-option-hover-a) + 0));
}
.zybook-zylab-similarity-page .matches-container {
  flex-wrap: wrap;
}
.zybook-zylab-similarity-page .matches-container .matches-list-container {
  flex: 2;
}
.zybook-zylab-similarity-page .matches-container .matches-list-container .matches-list-title-row {
  padding: 8px 16px 8px 8px;
}
.zybook-zylab-similarity-page .matches-container .matches-list-container .match-item {
  padding: 8px;
}
.zybook-zylab-similarity-page .matches-container .matches-list-container .matches-list-title-row,
.zybook-zylab-similarity-page .matches-container .matches-list-container .match-item {
  display: grid;
  grid-template-columns: repeat(2, 1fr 100px 100px 1fr 1px);
}
.zybook-zylab-similarity-page .matches-container .matches-list-container .matches-list-title-row .name,
.zybook-zylab-similarity-page .matches-container .matches-list-container .match-item .name {
  grid-column: 1/2;
}
.zybook-zylab-similarity-page .matches-container .matches-list-container .matches-list-title-row .name.second,
.zybook-zylab-similarity-page .matches-container .matches-list-container .match-item .name.second {
  grid-column: 6/7;
}
.zybook-zylab-similarity-page .matches-container .matches-list-container .matches-list-title-row .section,
.zybook-zylab-similarity-page .matches-container .matches-list-container .match-item .section {
  grid-column: 2/3;
  text-align: center;
}
.zybook-zylab-similarity-page .matches-container .matches-list-container .matches-list-title-row .section.second,
.zybook-zylab-similarity-page .matches-container .matches-list-container .match-item .section.second {
  grid-column: 7/8;
}
.zybook-zylab-similarity-page .matches-container .matches-list-container .matches-list-title-row .score,
.zybook-zylab-similarity-page .matches-container .matches-list-container .match-item .score {
  grid-column: 3/4;
  text-align: center;
}
.zybook-zylab-similarity-page .matches-container .matches-list-container .matches-list-title-row .score.second,
.zybook-zylab-similarity-page .matches-container .matches-list-container .match-item .score.second {
  grid-column: 8/9;
}
.zybook-zylab-similarity-page .matches-container .matches-list-container h3 {
  margin: 8px 0;
}
.zybook-zylab-similarity-page .matches-container .matches-list-container .matches-list {
  border: 1px hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0)) solid;
  height: 300px;
  overflow-y: auto;
}
.zybook-zylab-similarity-page .matches-container .matches-list-container .matches-list .match-item {
  cursor: pointer;
}
.zybook-zylab-similarity-page .matches-container .matches-list-container .matches-list .match-item:hover {
  color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
}
.zybook-zylab-similarity-page .matches-container .matches-list-container .matches-list .match-item.selected {
  background-color: rgba(3, 109, 134, 0.2);
  cursor: inherit;
}
.zybook-zylab-similarity-page .matches-container .matches-list-container .matches-list .match-item.selected:hover {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}
.zybook-zylab-similarity-page .matches-container .instructions {
  flex: 1;
  margin-top: 50px;
  min-width: 450px;
}
.zybook-zylab-similarity-page .matches-container .instructions li {
  margin-bottom: 8px;
}
.zybook-zylab-similarity-page .comparison-header-row {
  align-items: center;
  flex-wrap: wrap;
  margin-top: 21px;
}
.zybook-zylab-similarity-page .comparison-header-row h2 {
  margin-bottom: 0;
  margin-right: 24px;
  margin-top: 8px;
}
.zybook-zylab-similarity-page .comparison-header-row .header-controls-row {
  display: flex;
  flex: 1 1 calc(100% - 374px);
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 8px;
}
.zybook-zylab-similarity-page .comparison-header-row .snippet-selection-container {
  align-items: center;
  justify-self: center;
  min-width: 260px;
}
.zybook-zylab-similarity-page .comparison-header-row .snippet-selection-container .ember-basic-dropdown {
  min-width: 120px;
}
.zybook-zylab-similarity-page .comparison-header-row .download-submission-button {
  justify-self: end;
  padding: 0;
}
.zybook-zylab-similarity-page .submission-row {
  -moz-column-gap: 8px;
       column-gap: 8px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  padding-bottom: 48px;
  padding-top: 15px;
}
.zybook-zylab-similarity-page .submission-row .editor-container h3 {
  margin: 0;
}
.zybook-zylab-similarity-page .submission-row .editor-container .ace-editor-container {
  margin-bottom: 12px;
  margin-top: 12px;
  min-height: 495px;
}
.zybook-zylab-similarity-page .zb-toolbar {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  bottom: 0;
  box-shadow: 0 -1px 3px hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.902));
  position: fixed;
  width: 100%;
}
.zybook-zylab-similarity-page .zb-toolbar .exit-button {
  margin: 6px 24px;
}

.zybook-advanced-zylab-similarity-page .zb-card {
  margin: 24px;
}
.zybook-advanced-zylab-similarity-page .zb-card-content {
  padding: 0;
}
.zybook-advanced-zylab-similarity-page .comparison-header-row,
.zybook-advanced-zylab-similarity-page .header,
.zybook-advanced-zylab-similarity-page .intro-container,
.zybook-advanced-zylab-similarity-page .matches-container,
.zybook-advanced-zylab-similarity-page .submission-row {
  padding: 0 24px;
}
.zybook-advanced-zylab-similarity-page .overflow-card .zb-card-content {
  overflow-x: auto;
}
.zybook-advanced-zylab-similarity-page .overflow-card .zb-card-content .header {
  justify-content: space-between;
}
.zybook-advanced-zylab-similarity-page h1 {
  margin: 0;
  padding-top: 24px;
}
.zybook-advanced-zylab-similarity-page .intro-container {
  align-items: center;
  border-bottom: 1px hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0)) solid;
  justify-content: space-between;
  padding-bottom: 10px;
}
.zybook-advanced-zylab-similarity-page .intro-container .intro-description {
  width: 45%;
}
.zybook-advanced-zylab-similarity-page .intro-container .intro-actions {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  width: 52%;
}
.zybook-advanced-zylab-similarity-page .intro-container .intro-actions label {
  margin: 0;
}
.zybook-advanced-zylab-similarity-page .intro-container .intro-actions .intro-dropdown {
  align-items: center;
  display: flex;
}
.zybook-advanced-zylab-similarity-page .intro-container .intro-actions .intro-dropdown .dropdown-container {
  min-width: 56px;
}
.zybook-advanced-zylab-similarity-page .intro-container .intro-actions .intro-dropdown .dropdown-container div {
  border-bottom-color: hsl(calc(var(--zb-semantic-color-input-border-h) + 0deg), calc(var(--zb-semantic-color-input-border-s) + 0%), calc(var(--zb-semantic-color-input-border-l) + 0%), calc(var(--zb-semantic-color-input-border-a) + 0));
  width: 60px;
}
.zybook-advanced-zylab-similarity-page .intro-container .intro-actions .intro-dropdown .dropdown-container div i {
  right: 4px;
  visibility: hidden;
}
.zybook-advanced-zylab-similarity-page .intro-container .intro-actions .intro-dropdown .dropdown-container div .show {
  visibility: visible;
}
.zybook-advanced-zylab-similarity-page .intro-container .intro-actions .intro-dropdown .dropdown-container div .zb-input-container {
  -moz-appearance: textfield;
  height: -moz-min-content;
  height: min-content;
}
.zybook-advanced-zylab-similarity-page .intro-container .intro-actions .intro-dropdown .dropdown-container div .zb-input-container input {
  border-bottom: none;
}
.zybook-advanced-zylab-similarity-page .intro-container .intro-actions .intro-dropdown .dropdown-container div .zb-input-container input::-webkit-outer-spin-button,
.zybook-advanced-zylab-similarity-page .intro-container .intro-actions .intro-dropdown .dropdown-container div .zb-input-container input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.zybook-advanced-zylab-similarity-page .intro-container .intro-actions .intro-dropdown .dropdown-container div .zb-input-container:hover + i {
  visibility: visible;
}
.zybook-advanced-zylab-similarity-page .intro-container .intro-actions .intro-dropdown .dropdown-container .match-value-options-container {
  background-color: hsl(calc(var(--zb-semantic-color-input-background-h) + 0deg), calc(var(--zb-semantic-color-input-background-s) + 0%), calc(var(--zb-semantic-color-input-background-l) + 0%), calc(var(--zb-semantic-color-input-background-a) + 0));
  border-color: hsl(calc(var(--zb-semantic-color-input-border-h) + 0deg), calc(var(--zb-semantic-color-input-border-s) + 0%), calc(var(--zb-semantic-color-input-border-l) + 0%), calc(var(--zb-semantic-color-input-border-a) + 0));
  border-style: solid;
  border-width: 1px;
}
.zybook-advanced-zylab-similarity-page .intro-container .intro-actions .intro-dropdown .dropdown-container .match-value-options-container .match-value-options {
  background-color: hsl(calc(var(--zb-semantic-color-input-background-h) + 0deg), calc(var(--zb-semantic-color-input-background-s) + 0%), calc(var(--zb-semantic-color-input-background-l) + 0%), calc(var(--zb-semantic-color-input-background-a) + 0));
  border: none;
  color: hsl(calc(var(--zb-semantic-color-input-h) + 0deg), calc(var(--zb-semantic-color-input-s) + 0%), calc(var(--zb-semantic-color-input-l) + 0%), calc(var(--zb-semantic-color-input-a) + 0));
  display: block;
  font-weight: 300;
  height: -moz-min-content;
  height: min-content;
  text-align: left;
  width: 100%;
}
.zybook-advanced-zylab-similarity-page .intro-container .intro-actions .intro-dropdown .dropdown-container .match-value-options-container .match-value-options:hover {
  background-color: hsl(calc(var(--zb-semantic-color-select-option-background-hover-h) + 0deg), calc(var(--zb-semantic-color-select-option-background-hover-s) + 0%), calc(var(--zb-semantic-color-select-option-background-hover-l) + 0%), calc(var(--zb-semantic-color-select-option-background-hover-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-select-option-hover-h) + 0deg), calc(var(--zb-semantic-color-select-option-hover-s) + 0%), calc(var(--zb-semantic-color-select-option-hover-l) + 0%), calc(var(--zb-semantic-color-select-option-hover-a) + 0));
}
.zybook-advanced-zylab-similarity-page .matches-container {
  flex-wrap: wrap;
}
.zybook-advanced-zylab-similarity-page .matches-container .matches-list-container {
  flex: 2;
}
.zybook-advanced-zylab-similarity-page .matches-container .matches-list-container .matches-list-title-row {
  padding: 8px 16px 8px 8px;
}
.zybook-advanced-zylab-similarity-page .matches-container .matches-list-container .match-item {
  padding: 8px;
}
.zybook-advanced-zylab-similarity-page .matches-container .matches-list-container .matches-list-title-row,
.zybook-advanced-zylab-similarity-page .matches-container .matches-list-container .match-item {
  display: grid;
  grid-template-columns: repeat(2, 1fr 100px 100px 1fr 1px);
}
.zybook-advanced-zylab-similarity-page .matches-container .matches-list-container .matches-list-title-row .name,
.zybook-advanced-zylab-similarity-page .matches-container .matches-list-container .match-item .name {
  grid-column: 1/2;
}
.zybook-advanced-zylab-similarity-page .matches-container .matches-list-container .matches-list-title-row .name.second,
.zybook-advanced-zylab-similarity-page .matches-container .matches-list-container .match-item .name.second {
  grid-column: 6/7;
}
.zybook-advanced-zylab-similarity-page .matches-container .matches-list-container .matches-list-title-row .section,
.zybook-advanced-zylab-similarity-page .matches-container .matches-list-container .match-item .section {
  grid-column: 2/3;
  text-align: center;
}
.zybook-advanced-zylab-similarity-page .matches-container .matches-list-container .matches-list-title-row .section.second,
.zybook-advanced-zylab-similarity-page .matches-container .matches-list-container .match-item .section.second {
  grid-column: 7/8;
}
.zybook-advanced-zylab-similarity-page .matches-container .matches-list-container .matches-list-title-row .score,
.zybook-advanced-zylab-similarity-page .matches-container .matches-list-container .match-item .score {
  grid-column: 3/4;
  text-align: center;
}
.zybook-advanced-zylab-similarity-page .matches-container .matches-list-container .matches-list-title-row .score.second,
.zybook-advanced-zylab-similarity-page .matches-container .matches-list-container .match-item .score.second {
  grid-column: 8/9;
}
.zybook-advanced-zylab-similarity-page .matches-container .matches-list-container h3 {
  margin: 8px 0;
}
.zybook-advanced-zylab-similarity-page .matches-container .matches-list-container .matches-list {
  border: 1px hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0)) solid;
  height: 300px;
  overflow-y: auto;
}
.zybook-advanced-zylab-similarity-page .matches-container .matches-list-container .matches-list .match-item {
  cursor: pointer;
}
.zybook-advanced-zylab-similarity-page .matches-container .matches-list-container .matches-list .match-item:hover {
  color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
}
.zybook-advanced-zylab-similarity-page .matches-container .matches-list-container .matches-list .match-item.selected {
  background-color: rgba(3, 109, 134, 0.2);
  cursor: inherit;
}
.zybook-advanced-zylab-similarity-page .matches-container .matches-list-container .matches-list .match-item.selected:hover {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}
.zybook-advanced-zylab-similarity-page .matches-container .instructions {
  flex: 1;
  margin-top: 50px;
  min-width: 450px;
}
.zybook-advanced-zylab-similarity-page .matches-container .instructions li {
  margin-bottom: 8px;
}
.zybook-advanced-zylab-similarity-page .comparison-header-row {
  align-items: center;
  flex-wrap: wrap;
  margin-top: 21px;
}
.zybook-advanced-zylab-similarity-page .comparison-header-row h2 {
  margin-bottom: 0;
  margin-right: 24px;
  margin-top: 8px;
}
.zybook-advanced-zylab-similarity-page .comparison-header-row .header-controls-row {
  display: flex;
  flex: 1 1 calc(100% - 374px);
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 8px;
}
.zybook-advanced-zylab-similarity-page .comparison-header-row .snippet-selection-container {
  align-items: center;
  justify-self: center;
  min-width: 260px;
}
.zybook-advanced-zylab-similarity-page .comparison-header-row .snippet-selection-container .ember-basic-dropdown {
  min-width: 120px;
}
.zybook-advanced-zylab-similarity-page .comparison-header-row .download-submission-button {
  justify-self: end;
  padding: 0;
}
.zybook-advanced-zylab-similarity-page .submission-row {
  -moz-column-gap: 8px;
       column-gap: 8px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  padding-bottom: 48px;
  padding-top: 15px;
}
.zybook-advanced-zylab-similarity-page .submission-row .editor-container h3 {
  margin: 0;
}
.zybook-advanced-zylab-similarity-page .submission-row .editor-container .ace-editor-container {
  margin-bottom: 12px;
  margin-top: 12px;
  min-height: 495px;
}
.zybook-advanced-zylab-similarity-page .zb-toolbar {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  bottom: 0;
  box-shadow: 0 -1px 3px hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.902));
  position: fixed;
  width: 100%;
}
.zybook-advanced-zylab-similarity-page .zb-toolbar .exit-button {
  margin: 6px 24px;
}

.zybook-page .zy-main-content {
  height: 100%;
  padding: 0;
  position: absolute;
  width: 100%;
}
.zybook-page .content:first-of-type {
  display: flex;
  height: calc(100% - 8px);
  margin-top: 8px;
  max-width: 1250px;
  position: relative;
}
.zybook-page .toc-container {
  flex-grow: 1;
  margin-right: 24px;
}
.zybook-page .disabled-toc-header {
  background-color: hsl(calc(var(--zb-semantic-color-blue-grey-200-h) + 0deg), calc(var(--zb-semantic-color-blue-grey-200-s) + 0%), calc(var(--zb-semantic-color-blue-grey-200-l) + 0%), calc(var(--zb-semantic-color-blue-grey-200-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
  font-size: 16px;
  font-weight: normal;
  height: 56px;
  line-height: 56px;
  margin-top: 32px;
  padding-left: 18px;
}

.lti-verify-email-page {
  background-color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
}

.verify-email-page {
  width: 345px;
}

.zylab-ui-page .centered-content {
  max-width: 1100px;
}
.zylab-ui-page .lab-info-announcement .message-buttons-container {
  height: 100%;
}
.zylab-ui-page .lab-info-announcement .section-announcement-block-content {
  width: 100%;
}
.zylab-ui-page .lab-info-announcement .message-title-container {
  width: 100%;
}
.zylab-ui-page .zybook-section {
  margin-bottom: 24px;
  margin-top: 24px;
}
.zylab-ui-page .zybook-section .zb-card-content {
  max-width: 970px;
}
.zylab-ui-page .chapter-select-container {
  align-items: center;
  display: flex;
}
.zylab-ui-page .chapter-select-container .ember-power-select-trigger {
  flex: 1;
  margin-right: 8px;
}
.zylab-ui-page .waiting-progress {
  margin-left: 16px;
}
.zylab-ui-page .loading-card {
  align-items: center;
  display: flex;
  justify-content: center;
}

.whats-new-page .section-header {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  font-size: 22px;
  margin-bottom: 24px;
  margin-left: 0;
  margin-top: 40px;
}
@media (max-width: 769px) {
  .whats-new-page .section-header {
    margin-bottom: 16px;
  }
}
@media (max-width: 376px) {
  .whats-new-page .section-header {
    margin-left: 20px;
  }
}
.whats-new-page .centered-content {
  margin-bottom: 48px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 376px) {
  .whats-new-page .centered-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 769px) {
  .whats-new-page .centered-content {
    max-width: 600px;
  }
}
@media (max-width: 376px) {
  .whats-new-page .centered-content {
    max-width: 310px;
  }
}
.whats-new-page .blurb-container {
  margin-bottom: 15px;
}

.add-instructors .add-instructor-container {
  align-items: center;
  margin-bottom: 16px;
}
.add-instructors .add-instructor-container .instructor-info {
  flex: 1;
}
.add-instructors .add-instructor-container .instructor-info .name-inputs .first-name-input {
  margin-right: 16px;
  width: 400px;
}
.add-instructors .add-instructor-container .instructor-info .name-inputs .last-name-input {
  flex: 1;
}
.add-instructors .add-instructor-container .zb-button {
  margin-left: 16px;
}
@media (width &lt;= 1200px) {
  .add-instructors .add-instructor-container .instructor-info .name-inputs .first-name-input {
    width: 320px;
  }
}

.additional-material .top-header {
  margin-top: 0;
}
.additional-material .zybook-graphics-container.additional-catalog-books {
  margin: 0;
}
.additional-material .zylab-info-row {
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.additional-material .zylab-info-row p {
  margin: 0;
}
.additional-material .use-zylabs-row {
  align-items: center;
  margin-bottom: 4px;
}
.additional-material .use-zylabs-row .copy-lab-text {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 12px;
  font-style: italic;
  margin-left: 64px;
}
.additional-material .zylab-error {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
  margin-top: 8px;
}
.additional-material .copy-customizations-row {
  align-items: center;
  margin-bottom: 8px;
}
.additional-material .custom-transfers {
  display: flex;
  justify-content: space-between;
}
.additional-material .transfer-warning {
  align-items: center;
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  display: flex;
  font-size: 13px;
  width: 325px;
}

.adopt-workflow-step {
  height: 460px;
  overflow: hidden auto;
}
.adopt-workflow-step .basic-text {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 14px;
}
.adopt-workflow-step p:nth-of-type(1) {
  margin-top: 0;
}
.adopt-workflow-step .indented-form-content {
  padding-left: 16px;
  padding-right: 16px;
}
.adopt-workflow-step .zb-input-container {
  height: 36px;
}
.adopt-workflow-step .zb-input-container.message-present {
  height: 54px;
}
.adopt-workflow-step.select-a-zybook .zybook-graphics-container, .adopt-workflow-step.additional-material .zybook-graphics-container {
  flex-wrap: wrap;
  margin: 16px 0 0;
}
.adopt-workflow-step.select-a-zybook .zybook-graphic-item, .adopt-workflow-step.additional-material .zybook-graphic-item {
  align-items: center;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
  margin-bottom: 8px;
  margin-right: 32px;
  padding: 6px 0 6px 6px;
  text-align: left;
  width: 360px;
}
.adopt-workflow-step.select-a-zybook .zybook-graphic-item .deselect-icon, .adopt-workflow-step.additional-material .zybook-graphic-item .deselect-icon {
  color: hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
}
.adopt-workflow-step.select-a-zybook .zybook-graphic-item .zybook-title, .adopt-workflow-step.additional-material .zybook-graphic-item .zybook-title {
  flex: 1;
  margin: 0 8px;
  max-width: 250px;
}
.adopt-workflow-step.select-a-zybook .zybook-graphic-item .zybook-title .zbcode, .adopt-workflow-step.additional-material .zybook-graphic-item .zybook-title .zbcode {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 14px;
  margin-top: 4px;
}
.adopt-workflow-step.select-a-zybook .zybook-graphic-item:hover, .adopt-workflow-step.additional-material .zybook-graphic-item:hover {
  background-color: hsl(calc(var(--zb-semantic-color-selectable-zb-hover-h) + 0deg), calc(var(--zb-semantic-color-selectable-zb-hover-s) + 0%), calc(var(--zb-semantic-color-selectable-zb-hover-l) + 0%), calc(var(--zb-semantic-color-selectable-zb-hover-a) + 0));
  cursor: pointer;
}
.adopt-workflow-step.select-a-zybook .zybook-graphic-item:hover .deselect-icon, .adopt-workflow-step.additional-material .zybook-graphic-item:hover .deselect-icon {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
}
.adopt-workflow-step.select-a-zybook .zybook-graphic-item.selected, .adopt-workflow-step.additional-material .zybook-graphic-item.selected {
  background-color: hsl(calc(var(--zb-semantic-color-selectable-zb-selected-h) + 0deg), calc(var(--zb-semantic-color-selectable-zb-selected-s) + 0%), calc(var(--zb-semantic-color-selectable-zb-selected-l) + 0%), calc(var(--zb-semantic-color-selectable-zb-selected-a) + 0));
}
.adopt-workflow-step.select-a-zybook .zybook-graphic-item .vertical-divider, .adopt-workflow-step.additional-material .zybook-graphic-item .vertical-divider {
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  height: 100%;
}
@media (width &lt;= 1200px) {
  .adopt-workflow-step.select-a-zybook .zybook-graphic-item, .adopt-workflow-step.additional-material .zybook-graphic-item {
    width: 290px;
  }
  .adopt-workflow-step.select-a-zybook .zybook-graphic-item .zybook-title, .adopt-workflow-step.additional-material .zybook-graphic-item .zybook-title {
    max-width: 190px;
  }
}
.adopt-workflow-step .no-content-text {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 14px;
  font-style: italic;
  margin-top: 8px;
}
.adopt-workflow-step .slight-margin-left {
  margin-left: 12px;
}
.adopt-workflow-step .slight-margin-top {
  margin-top: 12px;
}
.adopt-workflow-step .ember-power-select-dropdown.ember-basic-dropdown-content--in-place .ember-power-select-option {
  padding-left: 8px;
}
.adopt-workflow-step .error-message {
  font-size: 12px;
  margin-top: 4px;
}

.class-information .course-info-container .course-name-input {
  flex: 1;
  margin-left: 16px;
}
.class-information .date-info-text {
  width: 640px;
}
.class-information .date-num-students-container {
  height: 72px;
}
.class-information .date-num-students-container .datepicker-container {
  margin-right: 16px;
}
.class-information .date-num-students-container .datepicker {
  width: 180px;
}
.class-information .date-num-students-container .num-students-input {
  align-self: flex-end;
  height: 36px;
  padding-bottom: 16px;
  width: 180px;
}
.class-information .usage-info-text,
.class-information .ember-basic-dropdown-trigger {
  width: 60%;
}

.contact-information .additional-comments-text-area {
  display: block;
  max-height: 150px;
  width: 100%;
}

.assignment-section-summary .assignment-section-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 260px;
}
.assignment-section-summary .assignment-section-header .assignment-section-title {
  color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
  width: 100px;
}
.assignment-section-summary .assignment-section-header .assignment-section-title:hover {
  color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
}
.assignment-section-summary .assignment-section-header span {
  margin-left: 32px;
  width: 100px;
}
.assignment-section-summary .assignment-section-header .zb-button {
  padding: 4px;
}
.assignment-section-summary .assignment-section-header .section-label-optional {
  width: auto;
}
.assignment-section-summary .link-to-section a {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  margin-left: 24px;
  margin-top: 16px;
}
.assignment-section-summary .link-to-section a:hover {
  color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
}
.assignment-section-summary .next-section-link {
  margin: 8px 0;
  margin-left: 24px;
}
.assignment-section-summary .assignment-section-content {
  display: none;
}
.assignment-section-summary .assignment-section-content.show-content {
  display: inherit;
}
.assignment-section-summary .assignment-section-content .assignment-section-activity-info {
  display: flex;
  flex-wrap: wrap;
}
.assignment-section-summary .assignment-section-content .assignment-section-activity-info .activity-type-header {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  display: flex;
  margin-left: 24px;
}
.assignment-section-summary .assignment-section-content .assignment-section-activity-info .activity-type-header .zb-chevron {
  margin-right: 8px;
  margin-top: 1px;
}
.assignment-section-summary .assignment-section-content .assignment-section-activity-info .activity-type-info-container {
  margin-right: 24px;
  margin-top: 8px;
}
.assignment-section-summary .assignment-section-content .assignment-section-activity-info .activity-type-info-container .activity-list {
  flex-wrap: wrap;
  font-size: 14px;
  margin-top: 4px;
  writing-mode: vertical-lr;
}
.assignment-section-summary .assignment-section-content .assignment-section-activity-info .activity-type-info-container .activity-list .activity-completion {
  height: 20px;
  margin-bottom: 4px;
  margin-left: 48px;
  width: 250px;
  writing-mode: horizontal-tb;
}
.assignment-section-summary .assignment-section-content .assignment-section-activity-info .activity-type-info-container .activity-list .activity-completion span {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
}
.assignment-section-summary .assignment-section-content .assignment-section-activity-info .activity-type-info-container .activity-list .activity-completion:hover,
.assignment-section-summary .assignment-section-content .assignment-section-activity-info .activity-type-info-container .activity-list .activity-completion:hover span {
  color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  cursor: pointer;
}
.assignment-section-summary .assignment-section-content .assignment-section-activity-info .activity-type-info-container .activity-list .section-label-optional {
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0)) !important;
  width: auto;
}

.assignment-details .resubmit-text {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.assignment-details .assignment-points-text {
  font-size: 13px;
  min-width: 45px;
  text-align: end;
}
.assignment-details .assignment-points-text.student-points {
  min-width: 76px;
}
.assignment-details .countdown-text {
  color: get-color("warning");
  font-size: 13px;
  margin-top: 8px;
}
.assignment-details .assignment-expired-text,
.assignment-details .lti-invalid-text {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.assignment-details .assignment-expired-text .link,
.assignment-details .lti-invalid-text .link {
  color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
}
.assignment-details .download-failed-submissions {
  color: rgb(251, 146, 60);
  text-decoration: underline;
}
.assignment-details .download-failed-submissions:hover {
  cursor: pointer;
}
.assignment-details .scroll-shadow {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  overflow-y: auto;
  padding-bottom: 10px;
}
.assignment-details .section-list {
  padding-left: 0;
}
.assignment-details .section-list .section-chevrons {
  display: flex;
  min-width: 36px;
  padding-top: 1px;
}
.assignment-details .section-list .section-chevrons .zb-chevron {
  margin-right: 4px;
}
.assignment-details .section-list .section-chevrons .hidden-chevron {
  visibility: hidden;
}
.assignment-details .section-list a {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  font-size: 13px;
  line-height: 1.2;
  margin-right: 5px;
  text-decoration: none;
}
.assignment-details .section-list a:hover {
  color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
}
.assignment-details .section-list a .section-points-text {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  justify-content: flex-end;
  min-width: 64px;
}
.assignment-details .submit-message {
  font-size: 13px;
  margin-top: 8px;
}
.assignment-details .zb-message-container {
  margin-bottom: 8px;
  margin-top: 12px;
  padding: 12px;
}
.assignment-details .section-optional-badge {
  margin: 0 4px 0 0;
}

.assignment-due-date-lms-details {
  align-items: center;
  position: relative;
}
.assignment-due-date-lms-details.in-section {
  justify-self: start;
}
.assignment-due-date-lms-details.in-section .due-date-button {
  font-size: 15px;
  font-weight: normal;
}
.assignment-due-date-lms-details.in-section .due-date-text {
  padding-bottom: 2px;
}
.assignment-due-date-lms-details.in-section .detail-container {
  left: auto;
  right: 0;
}
.assignment-due-date-lms-details .due-date-text {
  line-height: 18px;
}
.assignment-due-date-lms-details .due-date-button {
  font-size: 14px;
  height: 26px;
}
.assignment-due-date-lms-details .due-date-button .zb-icon {
  color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
}
.assignment-due-date-lms-details .due-date-button i {
  font-size: 16px;
}
.assignment-due-date-lms-details .due-date-button span {
  margin: 0;
  margin-right: 4px;
}
.assignment-due-date-lms-details .assignment-linked-button {
  height: 17px;
  margin: auto 0;
}
.assignment-due-date-lms-details .assignment-linked-button i {
  font-size: 16px;
}
.assignment-due-date-lms-details .detail-container {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  border: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  font-size: 14px;
  padding: 8px;
  position: absolute;
  top: 42px;
  width: 340px;
  z-index: 10;
}
.assignment-due-date-lms-details .detail-container .due-date-details {
  display: grid;
  grid-gap: 4px 16px;
  grid-template-columns: 130px 1fr;
}
.assignment-due-date-lms-details .detail-container .zb-divider {
  margin: 8px auto;
}
.assignment-due-date-lms-details .leader-triangle::after, .assignment-due-date-lms-details .leader-triangle::before {
  border-style: solid;
  content: "";
  display: block;
  height: 0;
  left: 8px;
  position: absolute;
  width: 0;
}
.assignment-due-date-lms-details .leader-triangle::before {
  border-color: transparent transparent hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  border-width: 0 8px 8px;
  top: 34px;
}
.assignment-due-date-lms-details .leader-triangle::after {
  border-color: transparent transparent hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
  border-width: 0 8px 8px;
  top: 35px;
  z-index: 100;
}

.modify-assignment ol {
  margin-bottom: 24px;
  padding-left: 24px;
}
.modify-assignment ol .zb-input-container {
  height: 36px;
  margin: 4px 0;
}
.modify-assignment ol .due-date-instructions {
  margin-top: 8px;
}
.modify-assignment .centered-flex-row {
  align-items: center;
}
.modify-assignment .due-date-error-text {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
  font-size: 12px;
  font-style: italic;
}
.modify-assignment .date-time-picker .ember-power-select-dropdown {
  height: 170px;
}
.modify-assignment .date-time-picker .ember-power-select-dropdown ul {
  height: 135px;
}
.modify-assignment .due-date-container {
  align-items: center;
  margin-bottom: 8px;
  width: 90%;
}
.modify-assignment .due-date-container .due-date-controls {
  width: 100%;
}
.modify-assignment .due-date-container .due-date-header {
  font-size: 12px;
  margin-bottom: 4px;
}
.modify-assignment .due-date-container .zb-button {
  margin-top: 16px;
}
.modify-assignment .add-due-date-button {
  font-size: 14px;
  padding: 0;
}
.modify-assignment .add-due-date-button i {
  font-size: 18px;
}
.modify-assignment .add-due-date-button span {
  margin: 0 4px;
}
.modify-assignment .modify-assignment-button-container {
  align-items: center;
  margin-bottom: 12px;
  margin-top: 20px;
}
.modify-assignment .modify-assignment-button-container .zb-progress-circular {
  margin-left: 8px;
}
.modify-assignment .modify-assignment-button-container button {
  margin-left: 4px;
  padding: 6px 8px;
}
.modify-assignment .modify-assignment-button-container .cancel-button {
  margin-left: 16px;
}
.modify-assignment .ember-power-select-multiple-options {
  padding-left: 0;
}
.modify-assignment .ember-power-select-multiple-options .ember-power-select-multiple-option {
  display: flex;
}
.modify-assignment .ember-power-select-option[aria-disabled=true] {
  pointer-events: auto;
}

.assignment-summary {
  border: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  margin-top: -1px;
  min-height: 40px;
}
.assignment-summary:hover {
  cursor: pointer;
}
.assignment-summary:hover .assignment-title {
  color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  transition-duration: 0.1s;
}
.assignment-summary .link-button {
  height: 20px;
}
.assignment-summary .link-button .title {
  font-size: 14px;
}
.assignment-summary .assignment-points-text {
  font-size: 13px;
  min-width: 45px;
  text-align: end;
}
.assignment-summary .assignment-points-text.student-points {
  min-width: 76px;
}

.class-roster-table {
  position: relative;
}
.class-roster-table .content {
  box-sizing: border-box;
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  margin: auto;
  max-height: 800px;
  overflow: auto;
  width: 100%;
  z-index: 1;
}
.class-roster-table .content *,
.class-roster-table .content *::before,
.class-roster-table .content *::after {
  box-sizing: inherit;
}
.class-roster-table .content::before {
  bottom: 8px;
  box-shadow: inset 15px 0 10px -10px hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.86));
  content: "";
  left: 195px;
  position: absolute;
  top: 0;
  width: 15px;
  z-index: 6;
}
.class-roster-table .content::after {
  bottom: 8px;
  box-shadow: inset -15px 0 10px -10px hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.86));
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 15px;
}
.class-roster-table .content table {
  border-collapse: separate;
  border-spacing: 0;
  margin: auto;
  width: 100%;
}
.class-roster-table .content td {
  font-size: 14px;
}
.class-roster-table .content th,
.class-roster-table .content td {
  text-align: left;
  white-space: nowrap;
}
.class-roster-table .content thead th,
.class-roster-table .content thead td {
  position: sticky;
}
.class-roster-table .content .student-column {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  left: 0;
  padding: 0 15px;
  position: sticky;
  width: 195px;
  z-index: 2;
}
.class-roster-table .content thead .student-column {
  z-index: 5;
}
.class-roster-table .content .part-end:not(:last-of-type) {
  border-right: hsl(calc(var(--zb-semantic-color-grey-300-h) + 0deg), calc(var(--zb-semantic-color-grey-300-s) + 0%), calc(var(--zb-semantic-color-grey-300-l) + 0%), calc(var(--zb-semantic-color-grey-300-a) + 0)) solid 1px;
}
.class-roster-table .content .metric-end:not(:last-of-type) {
  border-right: hsl(calc(var(--zb-semantic-color-grey-600-h) + 0deg), calc(var(--zb-semantic-color-grey-600-s) + 0%), calc(var(--zb-semantic-color-grey-600-l) + 0%), calc(var(--zb-semantic-color-grey-600-a) + 0)) solid 3px;
}
.class-roster-table .content .participation {
  color: hsl(calc(var(--zb-semantic-color-zybook-participation-h) + 0deg), calc(var(--zb-semantic-color-zybook-participation-s) + 0%), calc(var(--zb-semantic-color-zybook-participation-l) + 0%), calc(var(--zb-semantic-color-zybook-participation-a) + 0));
}
.class-roster-table .content .challenge {
  color: hsl(calc(var(--zb-semantic-color-zybook-challenge-h) + 0deg), calc(var(--zb-semantic-color-zybook-challenge-s) + 0%), calc(var(--zb-semantic-color-zybook-challenge-l) + 0%), calc(var(--zb-semantic-color-zybook-challenge-a) + 0));
}
.class-roster-table .content .lab {
  color: hsl(calc(var(--zb-semantic-color-zybook-lab-h) + 0deg), calc(var(--zb-semantic-color-zybook-lab-s) + 0%), calc(var(--zb-semantic-color-zybook-lab-l) + 0%), calc(var(--zb-semantic-color-zybook-lab-a) + 0));
}
.class-roster-table .content .metric-headers {
  vertical-align: bottom;
}
.class-roster-table .content .metric-headers &gt; * {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  font-size: 15px;
  font-weight: 600;
  height: 48px;
  padding: 20px 15px 10px;
  top: 0;
}
.class-roster-table .content .part-headers &gt; * {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  font-size: 17px;
  font-weight: 500;
  height: 20px;
  padding: 0 15px;
  top: 48px;
}
.class-roster-table .content .column-headers &gt; * {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  height: 40px;
  top: 68px;
}
.class-roster-table .content .column-headers button {
  align-items: center;
  background-color: transparent;
  border: 0;
  display: flex;
  font-size: 13px;
  font-weight: 600;
  line-height: 13px;
  padding: 0;
  position: relative;
}
.class-roster-table .content .column-headers button .icon {
  position: absolute;
  right: -2px;
}
.class-roster-table .content .column-headers button:hover {
  background-color: transparent;
  cursor: pointer;
}
.class-roster-table .content .column-headers .student-header {
  padding: 0 15px;
}
.class-roster-table .content .column-headers .student-header button {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  font-size: 16px;
  font-weight: 600;
  height: 48px;
  padding: 20px 15px 10px 0;
  top: 0;
}
.class-roster-table .content .column-headers .column-header button {
  border-left: hsl(calc(var(--zb-semantic-color-grey-400-h) + 0deg), calc(var(--zb-semantic-color-grey-400-s) + 0%), calc(var(--zb-semantic-color-grey-400-l) + 0%), calc(var(--zb-semantic-color-grey-400-a) + 0)) solid 1px;
  padding: 0 12px;
}
.class-roster-table .content .column-headers .column-header button:hover {
  background-color: transparent;
  cursor: pointer;
}
.class-roster-table .content .column-headers .column-header.part-start button {
  border-left: 0;
  padding-left: 0;
}
.class-roster-table .content .column-headers .column-header.part-end button {
  padding-right: 0;
}
.class-roster-table .content .column-headers .column-header.part-end button .icon {
  right: -14px;
}
.class-roster-table .content .column-headers .part-end {
  padding-right: 15px;
}
.class-roster-table .content .column-headers .part-start {
  padding-left: 15px;
}
.class-roster-table .content .column-headers th {
  font-size: 11px;
  font-weight: bold;
}
.class-roster-table .content .data-row td {
  height: 50px;
  padding: 0 15px;
}
.class-roster-table .content .data-row td:last-child {
  width: 100%;
}
.class-roster-table .content .data-row .participation {
  color: hsl(calc(var(--zb-semantic-color-zybook-participation-h) + 0deg), calc(var(--zb-semantic-color-zybook-participation-s) + 0%), calc(var(--zb-semantic-color-zybook-participation-l) + 0%), calc(var(--zb-semantic-color-zybook-participation-a) + 0));
}
.class-roster-table .content .data-row .challenge {
  color: hsl(calc(var(--zb-semantic-color-zybook-challenge-h) + 0deg), calc(var(--zb-semantic-color-zybook-challenge-s) + 0%), calc(var(--zb-semantic-color-zybook-challenge-l) + 0%), calc(var(--zb-semantic-color-zybook-challenge-a) + 0));
}
.class-roster-table .content .data-row .lab {
  color: hsl(calc(var(--zb-semantic-color-zybook-lab-h) + 0deg), calc(var(--zb-semantic-color-zybook-lab-s) + 0%), calc(var(--zb-semantic-color-zybook-lab-l) + 0%), calc(var(--zb-semantic-color-zybook-lab-a) + 0));
}
.class-roster-table .content .student-row-header {
  height: 50px;
}
.class-roster-table .content .student-row-header .name,
.class-roster-table .content .student-row-header .email,
.class-roster-table .content .student-row-header .id {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 165px;
}
.class-roster-table .content .student-row-header .name {
  font-weight: 600;
}
.class-roster-table .content .student-row-header .email,
.class-roster-table .content .student-row-header .id {
  font-weight: 500;
}
.class-roster-table .content tbody tr:nth-child(odd):not(.empty) {
  background-color: hsl(calc(var(--zb-semantic-color-list-background-h) + 0deg), calc(var(--zb-semantic-color-list-background-s) + 0%), calc(var(--zb-semantic-color-list-background-l) + 0%), calc(var(--zb-semantic-color-list-background-a) + 0));
}
.class-roster-table .content tbody tr:nth-child(odd) th {
  background-color: hsl(calc(var(--zb-semantic-color-list-background-h) + 0deg), calc(var(--zb-semantic-color-list-background-s) + 0%), calc(var(--zb-semantic-color-list-background-l) + 0%), calc(var(--zb-semantic-color-list-background-a) + 0));
}
.class-roster-table .content .empty-table-message-container {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  white-space: normal;
}
.class-roster-table .content .empty-table-message-container &gt; div {
  bottom: 0;
  display: flex;
  flex-direction: column;
  font-size: 16px;
  font-style: italic;
  justify-content: center;
  max-width: 700px;
  padding-left: 30px;
  position: absolute;
  top: 0;
  z-index: 2;
}
.class-roster-table .content .empty-table-message-container .empty-header {
  font-weight: bold;
}

.draggable-content-resource {
  align-items: center;
  border-radius: 4px;
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
  cursor: pointer;
  font-size: 18px;
  justify-content: space-between;
  margin: 0 4px 8px;
  padding: 8px;
  width: 184px;
}
.draggable-content-resource.challenge {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-challenge-h) + 0deg), calc(var(--zb-semantic-color-zybook-challenge-s) + 0%), calc(var(--zb-semantic-color-zybook-challenge-l) + 0%), calc(var(--zb-semantic-color-zybook-challenge-a) + 0));
}
.draggable-content-resource.invalid {
  background-color: hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
}
.draggable-content-resource.codewriting {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-participation-h) + 0deg), calc(var(--zb-semantic-color-zybook-participation-s) + 0%), calc(var(--zb-semantic-color-zybook-participation-l) + 0%), calc(var(--zb-semantic-color-zybook-participation-a) + 0));
}
.draggable-content-resource.invalid {
  background-color: hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
}
.draggable-content-resource.container {
  background-color: hsl(calc(var(--zb-semantic-color-grey-400-h) + 0deg), calc(var(--zb-semantic-color-grey-400-s) + 0%), calc(var(--zb-semantic-color-grey-400-l) + 0%), calc(var(--zb-semantic-color-grey-400-a) + 0));
}
.draggable-content-resource.invalid {
  background-color: hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
}
.draggable-content-resource.html {
  background-color: hsl(calc(var(--zb-semantic-color-grey-600-h) + 0deg), calc(var(--zb-semantic-color-grey-600-s) + 0%), calc(var(--zb-semantic-color-grey-600-l) + 0%), calc(var(--zb-semantic-color-grey-600-a) + 0));
}
.draggable-content-resource.invalid {
  background-color: hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
}
.draggable-content-resource.multiple_choice {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-participation-h) + 0deg), calc(var(--zb-semantic-color-zybook-participation-s) + 0%), calc(var(--zb-semantic-color-zybook-participation-l) + 0%), calc(var(--zb-semantic-color-zybook-participation-a) + 0));
}
.draggable-content-resource.invalid {
  background-color: hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
}
.draggable-content-resource.programming_submission {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-participation-h) + 0deg), calc(var(--zb-semantic-color-zybook-participation-s) + 0%), calc(var(--zb-semantic-color-zybook-participation-l) + 0%), calc(var(--zb-semantic-color-zybook-participation-a) + 0));
}
.draggable-content-resource.invalid {
  background-color: hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
}
.draggable-content-resource.progression_player {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-participation-h) + 0deg), calc(var(--zb-semantic-color-zybook-participation-s) + 0%), calc(var(--zb-semantic-color-zybook-participation-l) + 0%), calc(var(--zb-semantic-color-zybook-participation-a) + 0));
}
.draggable-content-resource.invalid {
  background-color: hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
}
.draggable-content-resource.short_answer {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-participation-h) + 0deg), calc(var(--zb-semantic-color-zybook-participation-s) + 0%), calc(var(--zb-semantic-color-zybook-participation-l) + 0%), calc(var(--zb-semantic-color-zybook-participation-a) + 0));
}
.draggable-content-resource.invalid {
  background-color: hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
}
.draggable-content-resource.title {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-participation-h) + 0deg), calc(var(--zb-semantic-color-zybook-participation-s) + 0%), calc(var(--zb-semantic-color-zybook-participation-l) + 0%), calc(var(--zb-semantic-color-zybook-participation-a) + 0));
}
.draggable-content-resource.invalid {
  background-color: hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
}
.draggable-content-resource.zyde {
  background-color: hsl(calc(var(--zb-semantic-color-grey-400-h) + 0deg), calc(var(--zb-semantic-color-grey-400-s) + 0%), calc(var(--zb-semantic-color-grey-400-l) + 0%), calc(var(--zb-semantic-color-grey-400-a) + 0));
}
.draggable-content-resource.invalid {
  background-color: hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
}
.draggable-content-resource.zystudio {
  background-color: hsl(calc(var(--zb-semantic-color-grey-400-h) + 0deg), calc(var(--zb-semantic-color-grey-400-s) + 0%), calc(var(--zb-semantic-color-grey-400-l) + 0%), calc(var(--zb-semantic-color-grey-400-a) + 0));
}
.draggable-content-resource.invalid {
  background-color: hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
}
.draggable-content-resource.question_pool {
  background-color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
}
.draggable-content-resource.invalid {
  background-color: hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
}

.side-menu .zb-sortable-item-chosen {
  box-shadow: none;
}
.side-menu .zb-sortable-item-ghost {
  opacity: 0.5;
}

.insert-content {
  position: relative;
  width: 212px;
}
.insert-content.in-side-menu .zb-button i {
  margin-left: auto;
}
.insert-content .zb-button.expand-button span {
  margin: 4px;
}
.insert-content .zb-button.expand-button:hover,
.insert-content .zb-button.expand-button:hover i,
.insert-content .zb-button.expand-button:hover span {
  background-color: transparent;
  color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
}
.insert-content.expanded {
  min-height: 250px;
  overflow-y: auto;
}
.insert-content.expanded .section-header {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 14px;
  margin: 8px 0 0 12px;
}
.insert-content.expanded .clone-section-header {
  margin-top: 50px;
}
.insert-content.expanded .add-content-button {
  padding-left: 16px;
}
.insert-content.expanded .add-content-button span {
  font-weight: normal;
}
.insert-content.expanded &gt; div {
  width: 200px;
}
.insert-content.expanded .scroll {
  background: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
}
.insert-content.in-section {
  align-items: center;
  height: 16px;
  position: absolute;
  right: -82px;
  top: -16px;
  width: 1117px;
}
.insert-content.in-section .show-hide-button {
  border-radius: 18px;
  height: 36px;
  padding: 5px;
  position: absolute;
  right: -2px;
  top: -8px;
  width: 36px;
}
.insert-content.in-section.expanded {
  align-items: inherit;
  right: -232px;
  top: -24px;
  width: 200px;
}
.insert-content.in-section.expanded.reversed {
  right: -20px;
}
.insert-content.in-section.expanded.inverted {
  min-height: 420px;
  top: -416px;
  width: 205px;
}
.insert-content.in-section.expanded.inverted.reversed {
  top: -440px;
}
.insert-content.in-section.expanded.reversed:not(.inverted) {
  top: 20px;
}
@media (max-width: 1500px) {
  .insert-content.in-section {
    display: none;
  }
}

.zybook-section .instructor-note {
  background-color: hsl(calc(var(--zb-semantic-color-blue-grey-200-h) + 0deg), calc(var(--zb-semantic-color-blue-grey-200-s) + 0%), calc(var(--zb-semantic-color-blue-grey-200-l) + 0%), calc(var(--zb-semantic-color-blue-grey-200-a) + -0.75));
  border-left: 4px solid hsl(calc(var(--zb-semantic-color-light-blue-grey-border-h) + 0deg), calc(var(--zb-semantic-color-light-blue-grey-border-s) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-l) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-a) + 0));
  border-top: 2px solid hsl(calc(var(--zb-semantic-color-light-blue-grey-border-h) + 0deg), calc(var(--zb-semantic-color-light-blue-grey-border-s) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-l) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-a) + 0));
  margin-bottom: 24px;
  margin-top: 24px;
  padding: 16px;
  z-index: 1;
}
.zybook-section .instructor-note.private.read-only {
  background-color: hsl(calc(var(--zb-semantic-color-blue-grey-500-h) + 0deg), calc(var(--zb-semantic-color-blue-grey-500-s) + 0%), calc(var(--zb-semantic-color-blue-grey-500-l) + 0%), calc(var(--zb-semantic-color-blue-grey-500-a) + -0.25));
  border-color: hsl(calc(var(--zb-semantic-color-blue-grey-500-h) + 0deg), calc(var(--zb-semantic-color-blue-grey-500-s) + 0%), calc(var(--zb-semantic-color-blue-grey-500-l) + 0%), calc(var(--zb-semantic-color-blue-grey-500-a) + 0));
}
.zybook-section .instructor-note.private.read-only,
.zybook-section .instructor-note.private.read-only .zb-icon {
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
}
.zybook-section .instructor-note .instructor-note-header-row {
  align-items: center;
}
.zybook-section .instructor-note .instructor-note-header-row .char-remaining-text {
  font-size: 14px;
  font-style: italic;
  line-height: 3;
  margin-left: auto;
  margin-right: 12px;
}
.zybook-section .instructor-note .instructor-note-header-row.display {
  margin-bottom: 16px;
}
.zybook-section .instructor-note .instructor-note-header-row.display .header-text {
  margin-right: auto;
}
.zybook-section .instructor-note .edit-instructor-note-controls {
  justify-content: space-between;
}
.zybook-section .instructor-note .edit-instructor-note-controls .additional-note-text {
  font-size: 14px;
  padding: 8px 0;
}
.zybook-section .instructor-note .edit-instructor-note-controls .note-action-row {
  align-items: center;
  margin-top: auto;
}
.zybook-section .instructor-note .edit-instructor-note-controls .note-action-row button {
  margin-right: 8px;
}
.zybook-section .instructor-note .edit-instructor-note-controls .note-action-row .zb-progress-circular {
  margin-left: 8px;
}
.zybook-section .instructor-note .edit-instructor-note-controls .markdown-help-button {
  margin-left: auto;
}
.zybook-section .instructor-note .note-error-message {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
  margin-top: 8px;
}
.zybook-section .instructor-note .instructor-note-controls {
  align-items: center;
}
.zybook-section .instructor-note .instructor-note-controls button {
  margin-left: 8px;
}
.zybook-section .instructor-note .instructor-note-controls button i {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
}
.zybook-section .instructor-note .markdown-modal .zb-card {
  margin: 16px;
  width: calc(100% - 32px);
}
.zybook-section .instructor-note .zb-text-area,
.zybook-section .instructor-note .markdown-preview,
.zybook-section .instructor-note .no-note-text {
  margin-bottom: 8px;
  padding: 4px;
}
.zybook-section .instructor-note .zb-text-area {
  height: 110px;
}
.zybook-section .instructor-note .markdown-preview,
.zybook-section .instructor-note .no-note-text {
  min-height: 100px;
  padding: 5px;
}
.zybook-section .instructor-note .no-note-text {
  font-style: italic;
  line-height: 100px;
  text-align: center;
}

.instructor-note-container {
  position: relative;
}
.instructor-note-container .instructor-note-button-container {
  bottom: -100px;
  height: 200px;
  position: absolute;
  right: -80px;
  width: 80px;
}
.instructor-note-container .instructor-note-button-container:last-child {
  bottom: -50px;
  height: 100px;
}
.instructor-note-container .instructor-note-button-container button {
  position: absolute;
}
.instructor-note-container .instructor-note-button-container:hover .show-edit-instructor-note-icon {
  display: flex;
}
.instructor-note-container .show-edit-instructor-note-icon {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  border-radius: 2px;
  bottom: calc(50% - 9px);
  box-shadow: 0 3px 1px -2px hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.86)), 0 2px 2px 0 hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.902)), 0 1px 5px 0 hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.916));
  display: none;
  left: 46px;
}
.instructor-note-container .show-edit-instructor-note-icon:hover + .edit-instructor-note-button {
  display: flex;
}
.instructor-note-container .edit-instructor-note-button {
  bottom: calc(50% - 10px);
  display: none;
  left: -35px;
  z-index: 5;
}
.instructor-note-container .edit-instructor-note-button.raised, .instructor-note-container .edit-instructor-note-button.raised i {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}
.instructor-note-container .edit-instructor-note-button.visible-button {
  display: flex;
}
.instructor-note-container .edit-instructor-note-button:hover {
  display: flex;
}
@media (max-width: 1424px) {
  .instructor-note-container .edit-instructor-note-button {
    left: -53px;
  }
  .instructor-note-container .show-edit-instructor-note-icon {
    left: 28px;
  }
}
@media (max-width: 1125px) {
  .instructor-note-container .edit-instructor-note-button {
    left: -79px;
  }
  .instructor-note-container .show-edit-instructor-note-icon {
    left: 2px;
  }
  .instructor-note-container .instructor-note-button-container {
    right: -23px;
    width: 35px;
  }
}

.assignment-lms-links:hover {
  cursor: pointer;
}
.assignment-lms-links .btn-remove-resource {
  opacity: 0;
}
.assignment-lms-links:hover .btn-remove-resource,
.assignment-lms-links .btn-remove-resource:focus {
  opacity: 1;
}

.lms-links-container.centered-content {
  max-width: 1600px;
  padding: 20px;
}
.lms-links-container .zb-list .title-sort-column div,
.lms-links-container .zb-list .course-sort-column div,
.lms-links-container .zb-list .progress-sort-column div,
.lms-links-container .zb-list .link-title-sort-column div,
.lms-links-container .zb-list .type-sort-column div,
.lms-links-container .zb-list .lti-version-sort-column div,
.lms-links-container .zb-list .creation-date-sort-column div {
  margin: 0;
  text-align: left;
}
.lms-links-container .zb-list .lms-link-row .btn-edit-resource,
.lms-links-container .zb-list .lms-link-row .btn-delete-resource {
  opacity: 0;
}
.lms-links-container .zb-list .lms-link-row:hover .btn-edit-resource, .lms-links-container .zb-list .lms-link-row:hover .btn-delete-resource,
.lms-links-container .zb-list .lms-link-row .btn-edit-resource:focus,
.lms-links-container .zb-list .lms-link-row .btn-delete-resource:focus {
  opacity: 1;
}
.lms-links-container .zb-list .lms-links-title-container {
  padding: 45px 0 15px;
}
.lms-links-container .back-container {
  margin-right: 50px;
}
.lms-links-container .back-container .title {
  margin: 0;
}

.lms-content-description {
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
}

.zybook-search-dropdown .zb-dropdown-container {
  padding-top: 3px;
}

.top-toolbar .sign-out-button {
  margin-left: 24px;
}
.top-toolbar .help-button {
  font-weight: 300;
}
.top-toolbar .help-button i {
  margin-right: 8px;
}
.top-toolbar.loading-screen .logo {
  margin-left: 12px;
}
@media (max-width: 768px) {
  .top-toolbar .logo {
    padding-left: 12px;
  }
}

.zybook-panel {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  font-size: 14px;
  font-weight: 300;
  width: 375px;
}
.zybook-panel .base-panel {
  flex-grow: 1;
  height: 100%;
  padding: 0;
}
.zybook-panel .base-panel.full-height {
  height: calc(100vh - 56px - 48px - 55px);
}
.zybook-panel .base-panel .text-blue-grey-500 {
  color: hsl(calc(var(--zb-semantic-color-blue-grey-500-h) + 0deg), calc(var(--zb-semantic-color-blue-grey-500-s) + 0%), calc(var(--zb-semantic-color-blue-grey-500-l) + 0%), calc(var(--zb-semantic-color-blue-grey-500-a) + 0));
}
.zybook-panel .base-panel .zybook-panel-header {
  flex: none;
}
@media (height &lt;= 540px) {
  .zybook-panel .base-panel {
    max-height: initial;
  }
}
.zybook-panel .tabs {
  cursor: pointer;
  display: flex;
  max-height: 55px;
  min-height: 55px;
  position: relative;
}
.zybook-panel .tabs .full-tab {
  align-items: center;
  border: none;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 55px;
  justify-content: center;
  margin: auto;
  width: 50%;
}
.zybook-panel .tabs .full-tab:not(:last-child) {
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-light-blue-grey-border-h) + 0deg), calc(var(--zb-semantic-color-light-blue-grey-border-s) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-l) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-a) + 0));
}
.zybook-panel .tabs .full-tab.inactive {
  background-color: hsl(calc(var(--zb-semantic-color-background-h) + 0deg), calc(var(--zb-semantic-color-background-s) + 0%), calc(var(--zb-semantic-color-background-l) + 0%), calc(var(--zb-semantic-color-background-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-light-blue-grey-border-h) + 0deg), calc(var(--zb-semantic-color-light-blue-grey-border-s) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-l) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-a) + 0));
}
.zybook-panel .tabs .full-tab.inactive i {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
}
.zybook-panel .tabs .full-tab.active {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  border-bottom: 4px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
}
.zybook-panel .tabs .full-tab .label {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  font-size: 12px;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
  text-align: center;
}
.zybook-panel .tabs button:focus {
  outline-offset: -2px;
}
.zybook-panel .panel-content {
  flex-grow: 1;
  overflow-y: auto;
  padding: 16px 12px;
  text-decoration: none;
}
.zybook-panel .panel-content .extend-eval-action-row {
  align-items: center;
}
.zybook-panel .panel-content .extend-eval-action-row .zb-button {
  margin-right: 20px;
}
.zybook-panel .action-text {
  font-size: 13px;
  margin-left: 16px;
}
.zybook-panel .extension-note {
  font-size: 13px;
}
.zybook-panel ul {
  padding-left: 16px;
}
.zybook-panel .ember-power-select-dropdown ul {
  padding-left: 0;
}
.zybook-panel .initial-message {
  margin-top: 0;
}
.zybook-panel .todo-item {
  display: flex;
  margin-bottom: 8px;
}
.zybook-panel .todo-item h3 {
  margin-bottom: 8px;
  margin-top: 0;
}
.zybook-panel .todo-item i {
  margin-right: 12px;
}
.zybook-panel .todo-item p {
  margin-bottom: 0;
  margin-top: 4px;
}
.zybook-panel .todo-item .zb-button {
  margin-left: -16px;
}
.zybook-panel .todo-item a.zb-button {
  margin-left: -8px;
}
.zybook-panel .label-new {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-new-h) + 0deg), calc(var(--zb-semantic-color-zybook-new-s) + 0%), calc(var(--zb-semantic-color-zybook-new-l) + 0%), calc(var(--zb-semantic-color-zybook-new-a) + 0));
  border-radius: 2px;
  box-sizing: border-box;
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
  font-size: 12px;
  font-weight: 300;
  height: 22px;
  padding: 4px;
}

.blue-panel-header .zybook-panel-header {
  background-color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
}

.zybook-panel-header.zybook.large {
  box-shadow: none;
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
  cursor: auto;
  flex-direction: row;
  height: 100px;
  width: 100%;
}
.zybook-panel-header.zybook.large .info {
  flex-grow: 1;
  justify-content: space-between;
  margin-left: 16px;
}
.zybook-panel-header.zybook.large.center .info {
  align-self: center;
  width: 100%;
}
.zybook-panel-header.zybook.large img {
  position: inherit;
  width: 100px;
}
.zybook-panel-header.zybook.large h3 {
  font-size: 22px;
  font-weight: 500;
  height: 100%;
  margin-top: 4px;
  max-height: 100px;
  overflow: hidden;
  width: 100%;
}
.zybook-panel-header.zybook.large .detail .academic-term,
.zybook-panel-header.zybook.large .detail .subheading {
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
  font-size: 16px;
  margin: 4px 0;
  text-transform: none;
}
.zybook-panel-header.zybook.large .detail .academic-term {
  margin: 0 0 4px;
}

.markdown-to-html {
  background-color: hsl(calc(var(--zb-semantic-color-disabled-background-h) + 0deg), calc(var(--zb-semantic-color-disabled-background-s) + 0%), calc(var(--zb-semantic-color-disabled-background-l) + 0%), calc(var(--zb-semantic-color-disabled-background-a) + 0));
}
.markdown-to-html p {
  margin: 0;
}
.markdown-to-html code {
  display: block;
  white-space: pre-wrap;
}

.markdown-cheatsheet {
  padding: 8px;
}
.markdown-cheatsheet a {
  color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
}
.markdown-cheatsheet ul {
  margin: 0;
}
.markdown-cheatsheet .more-help-link {
  margin-top: 16px;
}
.markdown-cheatsheet .markdown-example-textarea {
  flex: 1;
  margin-right: 48px;
}
.markdown-cheatsheet .markdown-example-textarea textarea {
  width: 100%;
}

.modify-section .fr-toolbar.fr-desktop.fr-top.fr-basic.fr-sticky-off {
  width: 950px;
}
.modify-section .zybook-access-controls-section {
  margin: 84px auto auto;
}
.modify-section .zybook-exam-section,
.modify-section .zybook-access-controls-section {
  position: relative;
}
.modify-section .zybook-exam-section .access-controls .zb-checkbox,
.modify-section .zybook-access-controls-section .access-controls .zb-checkbox {
  font-weight: 500;
}
.modify-section .zybook-exam-section .access-controls,
.modify-section .zybook-exam-section .result-details,
.modify-section .zybook-access-controls-section .access-controls,
.modify-section .zybook-access-controls-section .result-details {
  background-color: transparent;
  width: 1100px;
}
.modify-section.show-help-banner .toolbar-container,
.modify-section.show-help-banner .alignment-grid {
  top: 224px;
}
.modify-section.show-help-banner .zb-rich-text-editor .fr-toolbar {
  top: 238px !important;
}
.modify-section.show-help-banner .zb-rich-text-editor .fr-toolbar.fr-disabled .fr-command.fr-btn {
  cursor: default;
}
.modify-section.show-help-banner .zb-rich-text-editor .fr-toolbar.fr-disabled .fr-command:hover,
.modify-section.show-help-banner .zb-rich-text-editor .fr-toolbar.fr-disabled .fr-command.fr-btn-hover:not(.fr-table-cell) {
  background: none;
}
.modify-section.show-help-banner .alignment-grid .side-menu {
  height: calc(100vh - 374px);
}
.modify-section.show-help-banner .zybook-access-controls-section {
  margin-top: 254px;
}
.modify-section .announcement-container {
  background-color: hsl(calc(var(--zb-semantic-color-background-h) + 0deg), calc(var(--zb-semantic-color-background-s) + 0%), calc(var(--zb-semantic-color-background-l) + 0%), calc(var(--zb-semantic-color-background-a) + 0));
  height: 170px;
  position: fixed;
  top: 56px;
  width: 100%;
}
.modify-section .announcement-container .section-announcement {
  margin-left: calc(50% - 550px);
  width: 1100px;
}
.modify-section .announcement-container .section-announcement .message {
  width: 650px;
}
.modify-section .announcement-container .section-announcement .message-buttons-container {
  overflow-x: auto;
}
.modify-section .toolbar-container {
  background-color: hsl(calc(var(--zb-semantic-color-background-h) + 0deg), calc(var(--zb-semantic-color-background-s) + 0%), calc(var(--zb-semantic-color-background-l) + 0%), calc(var(--zb-semantic-color-background-a) + 0));
  height: 84px;
  position: fixed;
  top: 56px;
  width: 100%;
}
.modify-section .toolbar-container .toolbar-card {
  border-top: 0;
  height: 56px;
  margin-left: calc(50% - 550px);
  margin-top: 14px;
  padding: 3px 0;
  width: 1100px;
}
.modify-section .toolbar-container .toolbar-card.active {
  border-top: 3px solid hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  padding-top: 0;
}
.modify-section .toolbar-container .toolbar-card .show-me-how-link {
  margin-bottom: 8px;
  margin-left: calc(100% - 136px);
}
.modify-section .alignment-grid {
  display: grid;
  grid-template-columns: minmax(224px, 1fr) 1100px 1fr;
  position: fixed;
  top: 56px;
  width: 100%;
}
.modify-section .alignment-grid .side-menu {
  height: calc(100vh - 206px);
  justify-self: end;
  margin: 84px 8px 16px 16px;
  width: 216px;
}
.modify-section .alignment-grid .side-menu ul {
  margin: 0;
  overflow: clip auto;
  padding-left: 0;
  padding-right: 8px;
}
.modify-section .alignment-grid .side-menu .insert-content {
  margin: 8px 12px 8px 4px;
}
.modify-section.preview-section .section-announcement {
  opacity: 0;
}
.modify-section .zybook-exam-section {
  display: flex;
  flex-direction: column;
  margin: auto;
  position: relative;
}
.modify-section .zybook-exam-section .access-controls {
  margin-bottom: 8px;
  margin-top: 84px;
}
.modify-section .zybook-section {
  margin: 8px auto 64px;
  width: 1100px;
}
.modify-section .zybook-section .zb-card-content {
  width: 970px;
}
.modify-section .zybook-section .zb-card-content .section-title {
  color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
}
.modify-section .zybook-section .section-header-row.edit {
  justify-content: start;
}
.modify-section .zybook-section .section-header-row.edit .section-number {
  color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
}
.modify-section .zybook-section .section-header-row.edit .section-title-input {
  font-size: 32px;
  font-weight: normal;
  height: 44px;
  margin: 0.67em 0 19.44px 7px;
  padding-top: 2px;
  width: 75%;
}
.modify-section .zybook-section .section-header-row.edit .section-title-input .message-container {
  top: 46px;
}
.modify-section .edit-content-resource-container {
  position: relative;
}
.modify-section .edit-content-resource-container .static-container.edit .static-container-payload, .modify-section .edit-content-resource-container .static-container.edit .static-container-payload &gt; div, .modify-section .edit-content-resource-container .static-container.edit .static-container-payload &gt; .froala-editor-container {
  width: 100%;
}
.modify-section .edit-content-resource-container .static-container .static-container-payload {
  padding-bottom: 16px;
}
.modify-section .edit-content-resource-container .delete-resource-button {
  height: 22px;
  padding: 0 1px;
}
.modify-section .edit-content-resource-container .delete-resource-button .zb-icon {
  font-size: 18px;
}
.modify-section .edit-content-resource-container .fr-element {
  min-height: 22px !important;
}
.modify-section .edit-content-resource-container .fr-box.fr-basic.fr-top .fr-wrapper {
  border: none;
  box-shadow: none;
}
.modify-section .zb-toolbar {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  bottom: 0;
  box-shadow: 0 -1px 3px hsl(calc(var(--zb-semantic-color-shadow-h) + 0deg), calc(var(--zb-semantic-color-shadow-s) + 0%), calc(var(--zb-semantic-color-shadow-l) + 0%), calc(var(--zb-semantic-color-shadow-a) + -0.902));
  position: fixed;
  width: 100%;
}
.modify-section .zb-toolbar .zb-actions {
  align-items: center;
  height: 48px;
  margin: auto;
  width: 1100px;
}
.modify-section .zb-toolbar .zb-actions .preview-button {
  margin-left: auto;
}
.modify-section .zb-toolbar .error-validation-message .zb-toast {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
  font-size: 16px;
}
.modify-section .zylabs-edit-lite-component {
  margin-top: 0;
}
.modify-section .zylabs-edit-lite-component .zb-card-content {
  margin: unset;
  max-width: unset;
  width: unset;
}
.modify-section .zylabs-edit-lite-component .zb-card-content p {
  margin: auto 12px auto auto;
}
.modify-section .zylabs-edit-lite-component .file-selector button p {
  margin: 0 auto 0 0;
}
.modify-section .zylabs-edit-lite-component .froala-editor .fr-box.fr-basic .fr-element {
  min-height: 120px !important;
}
.modify-section .zylabs-edit-lite-component .froala-editor .fr-box.fr-basic .fr-wrapper {
  border: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
}
@media (max-width: 1548px) {
  .modify-section .announcement-container .section-announcement,
  .modify-section .zybook-section,
  .modify-section .zb-toolbar .zb-actions,
  .modify-section .toolbar-container .toolbar-card,
  .modify-section .zybook-exam-section,
  .modify-section .zybook-access-controls-section {
    margin-left: 224px;
  }
  .modify-section .fr-toolbar {
    left: 224px;
  }
}
@media (max-width: 1336px) {
  .modify-section .announcement-container .section-announcement,
  .modify-section .zb-card,
  .modify-section .toolbar-container .toolbar-card,
  .modify-section .zb-toolbar .zb-actions {
    max-width: 1000px;
  }
  .modify-section .announcement-container .section-announcement .zb-card-content,
  .modify-section .zb-card .zb-card-content,
  .modify-section .toolbar-container .toolbar-card .zb-card-content,
  .modify-section .zb-toolbar .zb-actions .zb-card-content {
    padding: 15px;
  }
}
@media (max-width: 1236px) {
  .modify-section .alignment-grid {
    grid-template-columns: 224px 1008px;
  }
  .modify-section .zybook-exam-section,
  .modify-section .zybook-access-controls-section,
  .modify-section .zybook-section {
    margin-left: 224px;
    overflow-x: auto;
    width: calc(100% - 240px);
  }
  .modify-section .announcement-container .section-announcement,
  .modify-section .zb-toolbar .zb-actions,
  .modify-section .toolbar-container .toolbar-card {
    margin-left: 16px;
    margin-right: 16px;
    max-width: inherit;
    width: calc(100% - 32px);
  }
  .modify-section .fr-toolbar {
    left: 16px;
  }
}
@media (max-width: 800px) {
  .modify-section .show-me-how-link {
    display: none;
  }
}
@media (max-width: 558px) {
  .modify-section .zb-rich-text-editor .fr-toolbar {
    height: auto;
    width: calc(100% - 32px);
  }
  .modify-section .alignment-grid .side-menu {
    margin-top: 116px;
  }
  .modify-section.show-help-banner .zybook-section {
    margin-top: 292px;
  }
}

.review-test {
  flex: 1;
  overflow-x: auto;
}
.review-test .zb-card-content {
  overflow: auto;
  padding: 16px;
}
.review-test .header-row {
  align-items: center;
  justify-content: space-between;
}
.review-test .header-row h2 {
  color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
  font-size: 32px;
  -webkit-hyphens: auto;
          hyphens: auto;
  overflow-wrap: anywhere;
  white-space: normal;
  word-break: normal;
}
.review-test .test-questions.no-padding {
  padding: 0;
}
.review-test .no-questions-text {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 14px;
  margin-top: 12px;
  text-align: center;
}

.test-question-container {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  line-height: 1.4;
  margin-bottom: 16px;
}
.test-question-container .zb-checkbox {
  align-items: flex-start;
  margin-right: 16px;
}
.test-question-container .gripper-icon {
  cursor: pointer;
}
.test-question-container .question-index {
  margin-right: 8px;
}
.test-question-container .question-section-number {
  background-color: hsl(calc(var(--zb-semantic-color-button-raised-background-grey-h) + 0deg), calc(var(--zb-semantic-color-button-raised-background-grey-s) + 0%), calc(var(--zb-semantic-color-button-raised-background-grey-l) + 0%), calc(var(--zb-semantic-color-button-raised-background-grey-a) + 0));
  border-radius: 2px;
  color: hsl(calc(var(--zb-semantic-color-button-raised-h) + 0deg), calc(var(--zb-semantic-color-button-raised-s) + 0%), calc(var(--zb-semantic-color-button-raised-l) + 0%), calc(var(--zb-semantic-color-button-raised-a) + 0));
  height: 20px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 2px 6px;
}
.test-question-container .zb-button {
  height: 28px;
  padding: 0 4px;
}
.test-question-container .toggle-answer-button {
  margin-right: 8px;
}
.test-question-container .show-in-eval {
  align-items: center;
  background-color: hsl(calc(var(--zb-semantic-color-info-h) + 0deg), calc(var(--zb-semantic-color-info-s) + 0%), calc(var(--zb-semantic-color-info-l) + 0%), calc(var(--zb-semantic-color-info-a) + 0));
  border-radius: 2px;
  box-sizing: border-box;
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
  display: flex;
  font-size: 12px;
  height: 22px;
  padding: 4px;
}
.test-question-container .test-question,
.test-question-container .question-index {
  margin-top: 2px;
}
.test-question-container .test-question {
  margin-right: 12px;
}

.base-panel &gt; .zb-modal-banner {
  align-items: center;
  border-radius: 3px;
  box-shadow: none;
  flex: none;
  height: 100px;
  width: 100%;
}
.base-panel &gt; .zb-modal-banner .title {
  flex: 1;
  font-size: 22px;
  padding-left: 0;
}
.base-panel &gt; .zb-modal-banner .icon-container {
  align-items: center;
  height: 100%;
  justify-content: center;
  width: 100px;
}

.zybook-outline-filter ul {
  list-style-type: none;
  padding: 0;
}
.zybook-outline-filter .groups {
  display: flex;
  flex-wrap: wrap;
}
.zybook-outline-filter .group {
  margin-bottom: 32px;
  width: 50%;
}
.zybook-outline-filter .group .group-header {
  align-items: center;
  display: flex;
  font-size: 16px;
  margin-bottom: 12px;
}
.zybook-outline-filter .group .group-header .label {
  font-weight: bold;
  margin-left: 8px;
}
.zybook-outline-filter .group .group-header .label.orange {
  color: hsl(calc(var(--zb-semantic-color-zybook-participation-h) + 0deg), calc(var(--zb-semantic-color-zybook-participation-s) + 0%), calc(var(--zb-semantic-color-zybook-participation-l) + 0%), calc(var(--zb-semantic-color-zybook-participation-a) + 0));
}
.zybook-outline-filter .group .group-header .label.blue {
  color: hsl(calc(var(--zb-semantic-color-zybook-challenge-h) + 0deg), calc(var(--zb-semantic-color-zybook-challenge-s) + 0%), calc(var(--zb-semantic-color-zybook-challenge-l) + 0%), calc(var(--zb-semantic-color-zybook-challenge-a) + 0));
}
.zybook-outline-filter .group .group-header .label.green {
  color: hsl(calc(var(--zb-semantic-color-zybook-lab-h) + 0deg), calc(var(--zb-semantic-color-zybook-lab-s) + 0%), calc(var(--zb-semantic-color-zybook-lab-l) + 0%), calc(var(--zb-semantic-color-zybook-lab-a) + 0));
}
.zybook-outline-filter .group .group-header .overlay-text {
  left: 4px;
}
.zybook-outline-filter .zb-card-content {
  margin: auto;
  padding: 24px;
  width: 100%;
}
.zybook-outline-filter .options {
  display: flex;
  flex-wrap: wrap;
  margin-right: 8px;
  max-width: 648px;
}
.zybook-outline-filter .options .option {
  margin-right: 12px;
}
.zybook-outline-filter .options .option .parts-count {
  padding-left: 26px;
}
.zybook-outline-filter .options .zb-checkbox {
  margin-right: 4px;
  margin-top: 12px;
}

.zylab-table-section-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.zylab-table-section-header.expanded {
  border-bottom: unset;
}
.zylab-table-section-header th {
  background-color: hsl(calc(var(--zb-semantic-color-table-header-background-h) + 0deg), calc(var(--zb-semantic-color-table-header-background-s) + 0%), calc(var(--zb-semantic-color-table-header-background-l) + 0%), calc(var(--zb-semantic-color-table-header-background-a) + 0));
  border: unset;
  padding: 0 8px;
}
.zylab-table-section-header th .zb-info {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.zylab-table-section-header .info-text {
  font-size: 12px;
  margin-left: 8px;
}
.zylab-table-section-header .zybook-graphic-container {
  align-items: center;
  display: flex;
  margin-bottom: 8px;
  margin-top: 8px;
  width: 100%;
}
.zylab-table-section-header .zybook-graphic-container .zybook-details {
  width: 100%;
}
.zylab-table-section-header .zybook-graphic-container .zybook-details .zybook-title {
  font-size: 18px;
  margin-left: 14px;
  max-width: 700px;
}
@media (max-width: 769px) {
  .zylab-table-section-header .zybook-graphic-container .zybook-details .zybook-title {
    max-width: 500px;
  }
}
.zylab-table-section-header .zybook-graphic-container .zybook-details .zybook-term {
  font-size: 14px;
  margin-left: 14px;
}

.whats-new-blurb {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}
.whats-new-blurb .availability {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
}
.whats-new-blurb .row-container {
  display: flex;
  flex-flow: row wrap;
}
.whats-new-blurb .header-box {
  justify-content: space-between;
}
.whats-new-blurb .header-box .card-header {
  font-size: 20px;
  margin-bottom: 0;
  margin-top: 0;
}
.whats-new-blurb .header-box .recently-added-badge {
  color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  display: inline;
  font-size: 14px;
  vertical-align: middle;
  white-space: nowrap;
}
.whats-new-blurb .header-box .availability {
  margin: 0;
  text-align: right;
}
@media (max-width: 769px) {
  .whats-new-blurb .header-box .availability {
    display: none;
  }
}
.whats-new-blurb .left-box {
  box-sizing: border-box;
  margin-right: 24px;
  min-width: 200px;
  width: 21.25%;
}
.whats-new-blurb .left-box img {
  display: block;
  margin-top: 12px;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}
.whats-new-blurb .left-box .below-image {
  margin-top: 24px;
}
.whats-new-blurb .left-box .success-message {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
}
.whats-new-blurb .left-box .request-learn-container {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
}
@media (max-width: 376px) {
  .whats-new-blurb .left-box .request-learn-container {
    width: 50%;
  }
}
.whats-new-blurb .left-box .request-learn-container .request-access-button {
  display: inline;
  margin-right: 12px;
}
.whats-new-blurb .left-box .request-learn-container .learn-more-link {
  font-size: 16px;
  padding: 0;
}
.whats-new-blurb .right-box {
  flex: 1 1 0;
  min-width: calc(200px * 1.25);
}
.whats-new-blurb .right-box .information-container {
  hyphenate-limit-chars: 6 3 2;
  -webkit-hyphens: auto;
  hyphens: auto;
  overflow-wrap: anywhere;
  word-break: normal;
}
.whats-new-blurb .right-box .information-container :first-child {
  margin-top: 12px;
}
.whats-new-blurb .right-box .information-container :last-child {
  margin-bottom: 0;
}
.whats-new-blurb .right-box .availability {
  margin-top: 12px;
}
@media (min-width: 769px) {
  .whats-new-blurb .right-box .availability {
    display: none;
  }
}

.zystudio-container-h-full {
  height: 600px;
}

.table-of-contents {
  flex: 1;
  min-height: 0;
  -webkit-overflow-scrolling: touch;
}
.table-of-contents.split-toc {
  overflow-y: auto;
}
.table-of-contents.disabled .table-of-contents-list:last-child {
  max-height: calc(100vh - 264px);
}
.table-of-contents .zb-divider {
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-light-blue-grey-border-h) + 0deg), calc(var(--zb-semantic-color-light-blue-grey-border-s) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-l) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-a) + 0));
}
.table-of-contents .zb-input-container {
  height: unset;
  justify-content: center;
  margin: 0 8px 0 16px;
}
.table-of-contents h3 {
  color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
  font-size: 20px;
  margin: 0;
}
.table-of-contents .table-of-contents-list {
  flex: 1;
  list-style: none;
  margin-bottom: 0;
  margin-top: 0;
  overflow: hidden auto;
  padding: 0;
}
.table-of-contents .table-of-contents-list.split-toc {
  flex: none;
}
.table-of-contents .table-of-contents-list.header-absent .chapter-item:first-of-type {
  margin-top: 0;
}
.table-of-contents .table-of-contents-list.header-absent .chapter-item:first-of-type .toc-header-common {
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-light-blue-grey-border-h) + 0deg), calc(var(--zb-semantic-color-light-blue-grey-border-s) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-l) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-a) + 0));
}
.table-of-contents .finished-dot {
  background-color: #3a484d;
  border-radius: 50%;
  display: inline-block;
  height: 10px;
  width: 10px;
}
.table-of-contents .verified-dot {
  background-color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  border-radius: 50%;
  display: inline-block;
  height: 10px;
  width: 10px;
}
.table-of-contents .attempts-button {
  color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  font-size: 14px;
  font-weight: normal;
}
.table-of-contents .unverified-dot {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  border: 1px solid #3a484d;
  border-radius: 50%;
  display: inline-block;
  height: 10px;
  width: 10px;
}
.table-of-contents .interrupted-dot {
  background-color: #f9b424;
  border-radius: 50%;
  display: inline-block;
  height: 10px;
  width: 10px;
}
.table-of-contents .stopped-dot {
  background-color: #b90b13;
  border-radius: 50%;
  display: inline-block;
  height: 10px;
  width: 10px;
}
.table-of-contents .in-progress-dot {
  background-color: #6eae60;
  border-radius: 50%;
  display: inline-block;
  height: 10px;
  width: 10px;
}
.table-of-contents a {
  text-decoration: none;
}
.table-of-contents a:active, .table-of-contents a:link, .table-of-contents a:visited {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}
.table-of-contents .zylab-grades-text {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}
@media (max-width: 768px) {
  .table-of-contents .table-of-contents-list {
    max-height: 100%;
  }
  .table-of-contents .configure-button,
  .table-of-contents .sections-selected-container,
  .table-of-contents .toc-header-common.chapter-actions,
  .table-of-contents .zb-checkbox,
  .table-of-contents .zb-chevron {
    display: none;
  }
  .table-of-contents .assignment-chevron-container .zb-chevron {
    display: initial;
  }
  .table-of-contents h3 {
    font-size: 16px;
  }
  .table-of-contents .section-item .section-title-link h4 {
    font-size: 14px;
  }
  .table-of-contents .chapter-item .section-list-container {
    margin-left: 4px;
    margin-right: 4px;
  }
  .table-of-contents .section-item .section-item-controls {
    padding-left: 4px;
    padding-right: 4px;
  }
  .table-of-contents .section-item .section-test-expand-button,
  .table-of-contents .section-item .section-reporting-expand-button {
    margin-right: 0;
  }
  .table-of-contents .section-item .section-activity-details .activity-group-header {
    margin: 0 0 8px 8px;
  }
  .table-of-contents .section-item .section-activity-details ul {
    padding: 0;
  }
  .table-of-contents .section-item .section-activity-details ul .activity-list-item {
    width: 100%;
  }
}

.table-of-contents .disabled-toc-header {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-toc-disabled-header-background-h) + 0deg), calc(var(--zb-semantic-color-zybook-toc-disabled-header-background-s) + 0%), calc(var(--zb-semantic-color-zybook-toc-disabled-header-background-l) + 0%), calc(var(--zb-semantic-color-zybook-toc-disabled-header-background-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  display: flex;
  font-size: 16px;
  font-weight: normal;
  height: 56px;
  justify-content: space-between;
  line-height: 56px;
  margin-top: 24px;
  padding-left: 18px;
  padding-right: 18px;
}
.table-of-contents .disabled-toc-header.full-toc-disabled {
  margin-top: 0;
}
.table-of-contents .disabled-toc-header .disabled-toc-header-note {
  font-size: 12px;
  font-style: italic;
  line-height: 1;
  margin-top: 16px;
  max-width: 180px;
}
.table-of-contents .toc-header-common,
.table-of-contents .toc-header {
  align-items: center;
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  border: 1px solid hsl(calc(var(--zb-semantic-color-light-blue-grey-border-h) + 0deg), calc(var(--zb-semantic-color-light-blue-grey-border-s) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-l) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-a) + 0));
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  min-height: 56px;
  padding-left: 16px;
  padding-right: 16px;
  text-decoration: none;
  width: 100%;
}
.table-of-contents .clear-selection-button {
  height: 24px;
}
.table-of-contents .toc-header {
  cursor: auto;
}
.table-of-contents .toc-header .header-title {
  align-items: center;
  display: flex;
}
.table-of-contents .toc-header .header-title h3 {
  margin-left: 16px;
}
.table-of-contents .toc-header .header-title h3.small-header {
  align-items: center;
  display: flex;
  font-size: 1em;
  font-weight: 300;
  height: 30px;
  margin: 16px 0;
}
.table-of-contents .about-toc-header {
  margin: 8px 0;
  width: auto;
}
.table-of-contents .about-toc-header .header-title {
  align-items: flex-start;
  flex-direction: column;
}
.table-of-contents .about-toc-header .header-title .toc-title-copy-container {
  align-items: center;
}
.table-of-contents .about-toc-header .header-title .toc-title-copy-container h3 {
  margin-left: 0;
  min-width: 156px;
}
.table-of-contents .about-toc-header .header-title .toc-title-copy-container button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  cursor: pointer;
  margin: 0 8px;
  padding: 0;
}
.table-of-contents .about-toc-header .header-title .about-page-link {
  color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  font-size: 14px;
  font-weight: normal;
  height: auto;
  margin-top: 2px;
  text-decoration: underline;
}
.table-of-contents .about-toc-header .header-title .about-page-link:hover {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}
.table-of-contents .about-toc-header .content-explorer-button {
  color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
}
.table-of-contents .about-toc-header .columnar-header-labels {
  align-items: center;
  display: flex;
  font-size: 12px;
  font-weight: bold;
}
.table-of-contents .about-toc-header .columnar-header-labels .zylabs {
  margin-right: 24px;
}
.table-of-contents .about-toc-header .columnar-header-labels .challenge {
  color: hsl(calc(var(--zb-semantic-color-zybook-challenge-h) + 0deg), calc(var(--zb-semantic-color-zybook-challenge-s) + 0%), calc(var(--zb-semantic-color-zybook-challenge-l) + 0%), calc(var(--zb-semantic-color-zybook-challenge-a) + 0));
  margin-right: 15px;
}
.table-of-contents .about-toc-header .columnar-header-labels .participation {
  color: hsl(calc(var(--zb-semantic-color-zybook-participation-h) + 0deg), calc(var(--zb-semantic-color-zybook-participation-s) + 0%), calc(var(--zb-semantic-color-zybook-participation-l) + 0%), calc(var(--zb-semantic-color-zybook-participation-a) + 0));
  margin-right: 28px;
}
.table-of-contents .activity-selection-header.flex-row {
  justify-content: space-between;
  width: 100%;
}
.table-of-contents .activity-selection-header .flex-column,
.table-of-contents .configure-header .flex-column,
.table-of-contents .section-assignment-header .flex-column {
  align-items: flex-start;
  margin-right: 16px;
  width: 250px;
}
.table-of-contents .activity-selection-header .detail-text,
.table-of-contents .configure-header .detail-text,
.table-of-contents .section-assignment-header .detail-text {
  margin: 7px 0 0;
}
.table-of-contents .activity-selection-header button,
.table-of-contents .configure-header button,
.table-of-contents .section-assignment-header button {
  border: 0;
  height: 30px;
  margin-bottom: 7px;
}
.table-of-contents .configure-header .flex-row {
  justify-content: space-between;
  width: 100%;
}
.table-of-contents .configure-header .flex-column,
.table-of-contents .configure-header .info-column {
  justify-content: center;
  margin: 0;
  width: 125px;
}
.table-of-contents .configure-header .header-title {
  margin: 0 15px;
  text-align: center;
  white-space: pre-wrap;
}
@media (max-width: 769px) {
  .table-of-contents .configure-header .header-title {
    padding-right: 0;
  }
}
.table-of-contents .configure-header .waiting-progress {
  margin: 0 26px;
  width: 0;
}
.table-of-contents .detail-text {
  font-size: 13px;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .table-of-contents .toc-header-common {
    padding-left: 8px;
    padding-right: 8px;
  }
}

.linked-toc {
  align-items: center;
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  padding-right: 16px;
}
.linked-toc i {
  padding-right: 8px;
}
.linked-toc i:hover {
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0)) !important;
}

.test-selection-header .zb-toggle {
  margin-left: auto;
}

.unused-content-header .number-sections {
  color: hsl(calc(var(--zb-semantic-color-info-h) + 0deg), calc(var(--zb-semantic-color-info-s) + 0%), calc(var(--zb-semantic-color-info-l) + 0%), calc(var(--zb-semantic-color-info-a) + 0));
}

.sortable-toc .unused-content-header {
  margin-top: 24px;
}
.sortable-toc .unused-chapter-item,
.sortable-toc .unused-chapter-item.expanded {
  margin-bottom: 32px;
  margin-top: -1px;
}

.toc-item .item-controls {
  align-items: center;
}
.toc-item .item-controls .gripper-icon,
.toc-item .item-controls .selection-checkbox {
  margin-right: 16px;
}

.chapter-item .toc-header-common {
  padding-left: 0;
}
.chapter-item .toc-header-common:focus {
  outline-offset: -3px;
}
.chapter-item .chapter-item-content {
  flex: 1;
  width: 100%;
}
.chapter-item .chapter-item-content a:focus {
  outline-offset: -1px;
}
.chapter-item .chapter-activity-type-selection {
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 8px auto 16px 0;
  padding-left: 36px;
}
.chapter-item .chapter-activity-type-selection .activity-type-container {
  align-items: center;
  margin-right: 24px;
  padding: 4px;
}
.chapter-item .chapter-activity-type-selection .activity-type-container .zb-chevron {
  margin: 0 8px 0 12px;
}
.chapter-item .chapter-activity-type-selection .activity-type-container .zb-checkbox.transparent {
  opacity: 0.5;
}
.chapter-item .chapter-activity-type-selection .activity-type-container span {
  font-size: 14px;
}
.chapter-item:nth-child(n+1) {
  margin-top: -1px;
}
.chapter-item &gt; :nth-child(2).ember-view {
  width: auto !important;
}
.chapter-item.expanded {
  margin-bottom: 12px;
  margin-top: 12px;
}
.chapter-item.expanded:first-of-type {
  margin-top: 0;
}
.chapter-item.expanded:last-of-type {
  margin-bottom: 0;
}
.chapter-item .chapter-checkbox.transparent {
  opacity: 0.5;
}
.chapter-item.disabled h3 {
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.chapter-item .section-list-container {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-light-blue-grey-border-h) + 0deg), calc(var(--zb-semantic-color-light-blue-grey-border-s) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-l) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-a) + 0));
  border-left: 1px solid hsl(calc(var(--zb-semantic-color-light-blue-grey-border-h) + 0deg), calc(var(--zb-semantic-color-light-blue-grey-border-s) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-l) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-a) + 0));
  border-right: 1px solid hsl(calc(var(--zb-semantic-color-light-blue-grey-border-h) + 0deg), calc(var(--zb-semantic-color-light-blue-grey-border-s) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-l) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-a) + 0));
  margin-left: 8px;
  margin-right: 8px;
}
.chapter-item .section-list-container .section-list {
  list-style-type: none;
  margin-bottom: 0;
  margin-top: 0;
  min-height: 48px;
  padding-left: 0;
}
.chapter-item .section-list-container .empty-chapter-text {
  align-items: center;
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  font-style: italic;
  margin: 0;
  min-height: 56px;
  padding-left: 16px;
}
.chapter-item .chapter-item-controls {
  flex: 1;
  overflow: hidden;
  padding-left: 16px;
}
.chapter-item .chapter-item-controls .chapter-title .title-input,
.chapter-item .chapter-item-controls .title-edit-container .title-input {
  width: 100%;
}
.chapter-item .chapter-item-controls .chapter-title {
  color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
  font-size: 20px;
  margin: 0;
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chapter-item .chapter-item-controls .title-edit-container {
  align-items: center;
  flex: 1;
}
.chapter-item .chapter-item-controls .title-edit-container label {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  white-space: nowrap;
}
.chapter-item .chapter-item-controls .chapter-info {
  display: flex;
  height: 46px;
  width: 100%;
}
.chapter-item .chapter-item-controls .chapter-info.unused {
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
.chapter-item .chapter-item-controls .chapter-info .chapter-labels {
  align-items: center;
  display: flex;
}
.chapter-item .chapter-action {
  align-items: center;
  display: flex;
}
.chapter-item .chapter-action .zb-progress-circular {
  margin-left: 16px;
}
.chapter-item .chapter-actions {
  border-left: 8px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-light-blue-grey-border-h) + 0deg), calc(var(--zb-semantic-color-light-blue-grey-border-s) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-l) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-a) + 0));
  display: flex;
  justify-content: flex-start;
  margin-top: -1px;
  min-height: 40px;
  padding-left: 10px;
  width: inherit;
}
.chapter-item .chapter-actions .action {
  align-items: center;
  color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  display: flex;
  margin-right: 16px;
}
.chapter-item .chapter-actions .action .title {
  margin-left: 8px;
}
.chapter-item .chapter-actions .action.disabled {
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  cursor: not-allowed;
}
.chapter-item .chapter-actions .action:hover {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}

.chapter-item-modify-sections-modal .zb-modal-content {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 14px;
  padding: 16px;
  width: 624px;
}
.chapter-item-modify-sections-modal h1 {
  color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
  font-size: 28px;
  margin-top: 0;
}
.chapter-item-modify-sections-modal table {
  margin: 16px 24px;
  width: calc(100% - 48px);
}
.chapter-item-modify-sections-modal table td,
.chapter-item-modify-sections-modal table th {
  text-align: start;
  width: 50%;
}

.section-item:not(:last-child) {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
}
.section-item &gt; .disabled .section-item-controls h4 {
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.section-item &gt; .disabled .section-item-controls:hover,
.section-item &gt; .disabled .section-item-controls h4:hover {
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  cursor: not-allowed;
}
.section-item .section-title-link-container {
  align-items: center;
  flex: 1;
  overflow: hidden;
}
.section-item .section-title-link {
  align-items: center;
  margin: 2px;
  width: 100%;
}
.section-item .section-title-link.disabled {
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  pointer-events: none;
}
.section-item .section-title-link .section-info {
  align-items: center;
  display: flex;
  justify-content: space-between;
  max-height: 40px;
  width: 100%;
}
.section-item .section-title-link .section-info .section-title-info {
  width: 100%;
}
.section-item .section-title-link .section-info .section-title-info .section-title {
  color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.section-item .section-title-link .section-info .section-title-info .section-title:hover {
  color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  cursor: pointer;
}
.section-item .section-title-link .section-info .section-title-info .section-title.disabled {
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.section-item .section-title-link .section-info .section-title-info .section-title-details {
  display: flex;
  flex-direction: column;
  font-size: 10px;
}
.section-item .section-title-link .section-info .section-title-info .section-label-subject,
.section-item .section-title-link .section-info .section-title-info .section-label-hidden,
.section-item .section-title-link .section-info .section-title-info .section-label-exam,
.section-item .section-title-link .section-info .section-title-info .section-label-lab,
.section-item .section-title-link .section-info .section-title-info .section-label-new,
.section-item .section-title-link .section-info .section-title-info .section-label-optional {
  align-items: center;
  border-radius: 2px;
  box-sizing: border-box;
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
  font-size: 10px;
  font-weight: 300;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0 4px;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
}
.section-item .section-title-link .section-info .section-title-info .section-label-subject {
  background-color: hsl(calc(var(--zb-semantic-color-blue-grey-800-h) + 0deg), calc(var(--zb-semantic-color-blue-grey-800-s) + 0%), calc(var(--zb-semantic-color-blue-grey-800-l) + 0%), calc(var(--zb-semantic-color-blue-grey-800-a) + 0));
}
.section-item .section-title-link .section-info .section-labels {
  align-items: center;
  display: flex;
}
.section-item .section-title-link .section-info .section-labels .recently-added-label {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-info-h) + 0deg), calc(var(--zb-semantic-color-info-s) + 0%), calc(var(--zb-semantic-color-info-l) + 0%), calc(var(--zb-semantic-color-info-a) + 0));
  font-size: 12px;
  margin-left: 8px;
}
.section-item .section-title-link.exam-link {
  margin-left: -3px;
}
.section-item .section-item-controls {
  height: 48px;
  padding: 0 16px;
}
.section-item .section-item-controls .linked-item {
  align-items: center;
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  font-weight: bold;
  padding-right: 8px;
}
.section-item .section-item-controls .linked-item i {
  padding-right: 8px;
}
.section-item .section-item-controls:hover .preview-button,
.section-item .section-item-controls .preview-button:focus {
  opacity: 1;
}
.section-item .section-item-controls .preview-button {
  opacity: 0;
}
.section-item .section-item-controls .zb-checkbox.transparent {
  opacity: 0.5;
}
.section-item .section-item-controls .admin-button {
  margin: 0 0 0 8px;
  padding: 0;
}
.section-item .section-spacer {
  max-height: 100%;
  max-width: 100%;
}
.section-item.appears-disabled .section-title-link .section-info .section-title-info .section-title {
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
}
.section-item &gt; .disabled .section-title-link .section-info .section-title-info .section-title {
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  cursor: not-allowed;
}

.zy-inline-enum {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
}
.zy-inline-enum .equation {
  margin-right: 30px;
  min-width: 380px;
  width: 100%;
}

.columnar-scores {
  align-items: center;
  display: flex;
}
.columnar-scores .participation {
  color: hsl(calc(var(--zb-semantic-color-zybook-participation-h) + 0deg), calc(var(--zb-semantic-color-zybook-participation-s) + 0%), calc(var(--zb-semantic-color-zybook-participation-l) + 0%), calc(var(--zb-semantic-color-zybook-participation-a) + 0));
}
.columnar-scores .challenge {
  color: hsl(calc(var(--zb-semantic-color-zybook-challenge-h) + 0deg), calc(var(--zb-semantic-color-zybook-challenge-s) + 0%), calc(var(--zb-semantic-color-zybook-challenge-l) + 0%), calc(var(--zb-semantic-color-zybook-challenge-a) + 0));
}
.columnar-scores .zylabs {
  color: hsl(calc(var(--zb-semantic-color-zybook-lab-h) + 0deg), calc(var(--zb-semantic-color-zybook-lab-s) + 0%), calc(var(--zb-semantic-color-zybook-lab-l) + 0%), calc(var(--zb-semantic-color-zybook-lab-a) + 0));
}
.columnar-scores .score {
  display: flex;
  justify-content: space-between;
}
.columnar-scores .score.no-left-margin {
  margin-left: 0;
}
.columnar-scores.progress {
  justify-content: flex-end;
}
.columnar-scores.section {
  justify-content: flex-end;
  margin-right: 5px;
}
.columnar-scores.section .score {
  font-size: 14px;
  margin-left: 20px;
  width: 48px;
}
.columnar-scores.section .score.optional {
  align-items: center;
  width: auto;
}
.columnar-scores.section .score.optional &gt; .zb-chevron {
  margin-right: 4px;
}
.columnar-scores.section .score.optional .complete-label::first-letter {
  text-transform: capitalize;
}
.columnar-scores.chapter .score {
  font-size: 16px;
  margin-left: 12px;
  width: 60px;
}
.columnar-scores.chapter .score.optional {
  width: auto;
}
.columnar-scores.chapter .score.optional &gt; .zb-chevron {
  margin-right: 4px;
}
.columnar-scores.chapter .score.optional .complete-label::first-letter {
  text-transform: capitalize;
}

.columnar-header-labels {
  align-items: center;
  display: flex;
  font-size: 12px;
  font-weight: bold;
}
.columnar-header-labels .participation {
  margin-right: 28px;
}
.columnar-header-labels .challenge {
  margin-right: 15px;
}
.columnar-header-labels .zylabs {
  margin-right: 24px;
}

.chapter-expand-button {
  align-items: center;
}
.chapter-expand-button .zb-button :hover {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}

.chapter-details-expand .columnar-scores {
  margin-right: 13px;
}
.chapter-details-expand .overlay-text {
  left: 3px;
}
.chapter-details-expand .resource-icon {
  margin-right: 4px;
}

.lti-section-button .linked-item {
  align-items: center;
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  font-weight: bold;
  padding-right: 8px;
}
.lti-section-button .linked-item i {
  padding-right: 8px;
}

.section-reporting-expand-button {
  display: flex;
}
.section-reporting-expand-button .columnar-scores {
  cursor: pointer;
}
.section-reporting-expand-button .overlay-text {
  left: 2px;
}
.section-reporting-expand-button .resource-icon {
  margin-right: 4px;
}
.section-reporting-expand-button .zb-button {
  font-weight: 300;
}
.section-reporting-expand-button .zb-button i {
  top: 7px;
}
.section-reporting-expand-button .no-activities {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  display: inline-block;
}
.section-reporting-expand-button .expand-icon {
  margin-left: 4px;
}
.section-reporting-expand-button .exam-score {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  display: inline-block;
  margin: 0 16px;
}
.section-reporting-expand-button .zb-progress-circular,
.section-reporting-expand-button .no-activities {
  margin: 0 16px;
}
.section-reporting-expand-button .no-activites-placeholder {
  display: inline-block;
  width: 66px;
}

.section-test-expand-button {
  margin-left: 8px;
}
.section-test-expand-button .zb-button {
  font-size: 14px;
  font-weight: 300;
}
.section-test-expand-button .zb-button i {
  top: 7px;
}
.section-test-expand-button .no-questions {
  color: hsl(calc(var(--zb-semantic-color-disabled-h) + 0deg), calc(var(--zb-semantic-color-disabled-s) + 0%), calc(var(--zb-semantic-color-disabled-l) + 0%), calc(var(--zb-semantic-color-disabled-a) + 0));
  font-size: 14px;
  margin-right: 16px;
}
.section-test-expand-button .expand-icon {
  margin-left: 4px;
}

.section-activity-details .participation {
  color: hsl(calc(var(--zb-semantic-color-zybook-participation-h) + 0deg), calc(var(--zb-semantic-color-zybook-participation-s) + 0%), calc(var(--zb-semantic-color-zybook-participation-l) + 0%), calc(var(--zb-semantic-color-zybook-participation-a) + 0));
}
.section-activity-details .challenge {
  color: hsl(calc(var(--zb-semantic-color-zybook-challenge-h) + 0deg), calc(var(--zb-semantic-color-zybook-challenge-s) + 0%), calc(var(--zb-semantic-color-zybook-challenge-l) + 0%), calc(var(--zb-semantic-color-zybook-challenge-a) + 0));
}
.section-activity-details .zylabs {
  color: hsl(calc(var(--zb-semantic-color-zybook-lab-h) + 0deg), calc(var(--zb-semantic-color-zybook-lab-s) + 0%), calc(var(--zb-semantic-color-zybook-lab-l) + 0%), calc(var(--zb-semantic-color-zybook-lab-a) + 0));
}
.section-activity-details .activity-group-list {
  margin-bottom: 16px;
}
.section-activity-details .activity-group-list .activity-group-header {
  align-items: center;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 8px 60px;
}
.section-activity-details .activity-group-list .activity-group-header .zb-chevron {
  margin-right: 8px;
}
.section-activity-details .activity-group-list .header-margin-left {
  margin-left: 60px;
}
.section-activity-details .activity-group-list .header-margin-right {
  margin-right: 77px;
}
.section-activity-details .activity-group-list .activity-list {
  margin-left: 20px;
}
.section-activity-details .activity-group-list hr {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  margin-right: 30px;
  width: calc(100% - 32px);
}
.section-activity-details .activity-group-list .activity-list-item {
  align-items: center;
  display: flex;
  height: 35px;
  width: calc(100% - 32px);
}
.section-activity-details .activity-group-list .activity-list-item a,
.section-activity-details .activity-group-list .activity-list-item span {
  font-size: 14px;
  line-height: 16px;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.section-activity-details .activity-group-list .activity-list-item.zylabs a,
.section-activity-details .activity-group-list .activity-list-item.zylabs span {
  width: 100%;
}
.section-activity-details .activity-group-list .activity-list-item.zylab-grades {
  display: inline-grid;
  grid-template-columns: 120px 30px auto;
  grid-template-rows: 100%;
}
.section-activity-details .activity-group-list .activity-list-item.zylab-grades .activity-label.title {
  grid-column: 1/2;
}
.section-activity-details .activity-group-list .activity-list-item.zylab-grades .activity-label.score {
  grid-column: 2/3;
}
.section-activity-details .activity-group-list .activity-list-item.zylab-grades .activity-label.comment {
  grid-column: 3/4;
}
.section-activity-details .activity-group-list .activity-list-item.zylab-grades .activity-label.comment, .section-activity-details .activity-group-list .activity-list-item.zylab-grades .activity-label.score {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  font-weight: normal;
}
.section-activity-details .activity-group-list .activity-list-item.zylab-grades .activity-label.comment.not-graded, .section-activity-details .activity-group-list .activity-list-item.zylab-grades .activity-label.score.not-graded {
  font-style: italic;
}
.section-activity-details .activity-group-list .activity-list-item .zylab-total-score {
  align-items: center;
}
.section-activity-details .activity-group-list .activity-list-item .zylab-total-score .title {
  max-width: 550px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.section-activity-details .activity-group-list .activity-list-item .zylab-total-score .score {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  font-weight: normal;
}
.section-activity-details .activity-group-list .activity-list-item .parts-and-percentage {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
  margin: 0 16px 0 8px;
}
.section-activity-details .activity-group-list .activity-list-item .parts-and-percentage .parts {
  display: flex;
}
.section-activity-details .activity-group-list .activity-list-item .parts-and-percentage .parts .zb-chevron {
  margin-right: 8px;
}
.section-activity-details .activity-group-list .activity-list-item .parts-and-percentage .percentage {
  font-size: 14px;
}
.section-activity-details .activity-group-list .activity-list-item .parts-and-percentage .percentage.participation {
  margin-right: 4px;
}
.section-activity-details .activity-group-list .activity-list-item .parts-and-percentage .percentage.challenge {
  margin-right: 73px;
}
.section-activity-details .activity-group-list .activity-list-item .parts-and-percentage .percentage.challenge.optional {
  margin-right: 90px;
}
.section-activity-details .activity-group-list .activity-list-item .resource-label {
  align-items: center;
  display: flex;
  flex-direction: row;
}
.section-activity-details .activity-group-list .activity-list-item .resource-badge-optional {
  margin: 0 6px;
}
@media (hover: hover) {
  .section-activity-details .activity-group-list .activity-list-item.participation:hover {
    background-color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + -0.95));
  }
  .section-activity-details .activity-group-list .activity-list-item.participation:hover a {
    color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  }
  .section-activity-details .activity-group-list .activity-list-item.challenge:hover {
    background-color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + -0.95));
  }
  .section-activity-details .activity-group-list .activity-list-item.challenge:hover a {
    color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  }
}

.section-assignment-details {
  padding-left: 60px;
}
.section-assignment-details .zb-progress-circular {
  margin: 0 auto 16px;
}
.section-assignment-details .assignment-choices-container .button-chevron-container {
  align-items: center;
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  height: 30px;
}
.section-assignment-details .assignment-choices-container .button-chevron-container .zb-radio-button {
  height: 18px;
  margin-right: 8px;
}
.section-assignment-details .assignment-choices-container .button-chevron-container .assignment-chevron-container {
  width: 60px;
}
.section-assignment-details .assignment-choices-container .button-chevron-container .assignment-chevron-container .zb-chevron {
  margin-right: 4px;
}
.section-assignment-details .assignment-choices-container .button-chevron-container .assignment-chevron-container .hidden-chevron {
  visibility: hidden;
}
.section-assignment-details .assignment-choices-container .button-chevron-container .question-type-text {
  flex: 1;
  font-size: 14px;
  max-width: 220px;
  padding-top: 2px;
}
.section-assignment-details .assignment-choices-container .button-chevron-container .activity-point-text {
  font-size: 14px;
  padding-top: 2px;
}
.section-assignment-details .assignment-choices-container .button-chevron-container .section-label-exclude-optional-ca {
  font-size: 12px;
  margin-left: 4px;
}
.section-assignment-details .assignment-choices-container .button-chevron-container .section-label-optional {
  margin-left: 16px;
}
.section-assignment-details .assignment-choices-container .button-chevron-container:last-child {
  margin-bottom: 8px;
}
.section-assignment-details .assignment-choices-container .no-activities-text {
  font-size: 14px;
  font-style: italic;
  margin: 8px 0;
}
@media (max-width: 1025px) {
  .section-assignment-details {
    padding-left: 24px;
  }
  .section-assignment-details .assignment-choices-container .button-chevron-container .assignment-chevron-container {
    width: 40px;
  }
  .section-assignment-details .assignment-choices-container .button-chevron-container .question-type-text {
    max-width: 150px;
  }
}

.section-test-question-details {
  padding: 0 36px 16px;
}

.assignments-panel .assignment-panel-control-row {
  align-items: center;
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  display: flex;
  justify-content: space-between;
  margin: 16px 12px 0;
  min-height: 38px;
  padding-bottom: 0.5rem;
}
.assignments-panel .assignment-panel-control-row button {
  padding: 0 6px;
}
.assignments-panel .assignment-link {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}
.assignments-panel .assignment-link:hover {
  color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
}
.assignments-panel .panel-content.no-padding {
  padding-top: 0;
}
.assignments-panel .panel-content .loading-assignments-spinner {
  display: flex;
  justify-content: center;
  margin: 64px 0;
  width: 100%;
}
.assignments-panel .panel-content .date-time-picker .ember-power-select-dropdown {
  height: 170px;
}
.assignments-panel .panel-content .date-time-picker .ember-power-select-dropdown ul {
  height: 135px;
}
.assignments-panel .text-blue-grey-500 {
  color: hsl(calc(var(--zb-semantic-color-blue-grey-500-h) + 0deg), calc(var(--zb-semantic-color-blue-grey-500-s) + 0%), calc(var(--zb-semantic-color-blue-grey-500-l) + 0%), calc(var(--zb-semantic-color-blue-grey-500-a) + 0));
}

.default-panel {
  height: 450px;
}
.default-panel .bar {
  opacity: 0.1;
}
.default-panel .header {
  height: 20px;
  margin-bottom: 16px;
  margin-top: 8px;
  width: 75%;
}
.default-panel .content {
  height: 6px;
  margin-top: 12px;
}
.default-panel .orange {
  background-color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
}
.default-panel .second {
  margin-top: 40px;
}

.expired-instructor-panel h3 {
  margin-top: 8px;
}

.getting-started-panel .first {
  margin-top: 0;
}
.getting-started-panel .adopt-again-action-row {
  margin: 8px 0 16px;
}
.getting-started-panel .adopt-again-action-row .zb-button {
  margin-left: 0;
}
.getting-started-panel .bottom-border {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-grey-600-h) + 0deg), calc(var(--zb-semantic-color-grey-600-s) + 0%), calc(var(--zb-semantic-color-grey-600-l) + 0%), calc(var(--zb-semantic-color-grey-600-a) + 0));
}
.getting-started-panel .refer-row {
  display: flex;
}
.getting-started-panel .refer-row .zb-input-container {
  flex: 1;
}
.getting-started-panel .refer-row .zb-button {
  margin-top: 10px;
}

.lti-instructions-panel .back-button {
  padding-left: 0;
}
.lti-instructions-panel.base-panel.full-height {
  height: calc(100vh - 56px - 48px);
}
.lti-instructions-panel .begin-text-graphic-container {
  align-items: center;
  display: flex;
}
.lti-instructions-panel .begin-text-graphic-container .zb-zybook-graphic {
  margin-left: 8px;
}
.lti-instructions-panel .invalid-config-message {
  font-size: 12px;
}
.lti-instructions-panel .loading-assignments-spinner {
  display: flex;
  justify-content: center;
  margin: 16px 0;
  width: 100%;
}
.lti-instructions-panel .link-section-icon {
  margin: 0 16px;
  padding: 8px;
  position: relative;
}
.lti-instructions-panel .link-section-icon .chapter {
  border: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  padding: 4px;
  width: 277px;
}
.lti-instructions-panel .link-section-icon .section {
  align-items: center;
  border: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  height: 18px;
  left: 8px;
  padding: 4px;
  position: relative;
  top: -2px;
  white-space: nowrap;
  width: 269px;
}
.lti-instructions-panel .link-section-icon .section .link {
  align-items: center;
  margin-left: auto;
}
.lti-instructions-panel .link-section-icon .section .link-label {
  color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  font-weight: 800;
  margin-left: 8px;
}
.lti-instructions-panel .lti-help-link {
  color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  cursor: pointer;
}
.lti-instructions-panel .assignment-header {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  margin: 16px 12px 0;
  padding-bottom: 0.5rem;
}
.lti-instructions-panel .assignment-header button {
  padding: 0 6px;
}
.lti-instructions-panel .assignment-info-text,
.lti-instructions-panel .hidden-assignments-text {
  font-size: 12px;
}
.lti-instructions-panel .no-assignments-text,
.lti-instructions-panel .assignment-info-text,
.lti-instructions-panel .hidden-assignments-text {
  font-style: italic;
}
.lti-instructions-panel .done-button {
  margin-top: 16px;
}

.my-class-instructor-panel .panel-content .scrollable-content .zb-input-container {
  height: 40px;
}
.my-class-instructor-panel .panel-content .scrollable-content .student-instructions-link {
  font-size: 12px;
  font-weight: normal;
  margin-left: 16px;
  text-decoration: underline;
}
.my-class-instructor-panel .panel-content .scrollable-content .class-roster {
  font-size: 12px;
  font-style: italic;
  margin-bottom: 15px;
}
.my-class-instructor-panel .panel-content .scrollable-content .manage-class-ul, .my-class-instructor-panel .panel-content .scrollable-content .about-link {
  padding-left: 8px;
}
.my-class-instructor-panel .panel-content .scrollable-content .about-link {
  padding-bottom: 0;
  padding-top: 0;
}
.my-class-instructor-panel .panel-content .scrollable-content .manage-class-ul {
  list-style-type: none;
  margin-bottom: 0;
  margin-top: 0;
}
.my-class-instructor-panel .panel-content .scrollable-content .manage-class-ul.manage-class-overflow {
  border: solid 1px hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  border-radius: 4px;
  max-height: 115px;
  overflow: auto;
  padding-left: 20px;
  text-indent: -10px;
  white-space: normal;
  width: 276px;
  word-wrap: break-word;
}
.my-class-instructor-panel .panel-content .scrollable-content .manage-button-row {
  align-items: center;
  margin-bottom: 8px;
  margin-top: 8px;
}
.my-class-instructor-panel .panel-content .scrollable-content .manage-button-row .manage-description {
  font-size: 12px;
  margin-left: 8px;
}
.my-class-instructor-panel .adopt-for-next-term {
  background-color: hsl(calc(var(--zb-semantic-color-aside-background-h) + 0deg), calc(var(--zb-semantic-color-aside-background-s) + 0%), calc(var(--zb-semantic-color-aside-background-l) + 0%), calc(var(--zb-semantic-color-aside-background-a) + 0));
  border: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top: 0;
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  padding: 16px 12px;
}
.my-class-instructor-panel .adopt-for-next-term h3 {
  margin-top: 0;
}
.my-class-instructor-panel .adopt-for-next-term .adopt-again-button {
  margin-right: 3px;
}
.my-class-instructor-panel .adopt-for-next-term .adopt-remind-me-later-button,
.my-class-instructor-panel .adopt-for-next-term .adopt-not-teaching-course-button {
  font-size: 12px;
  padding: 0;
}
.my-class-instructor-panel .adopt-for-next-term .adopt-remind-me-later-button .title,
.my-class-instructor-panel .adopt-for-next-term .adopt-not-teaching-course-button .title {
  margin: 4px;
}

.my-class-student-panel h3 {
  margin-top: 8px;
}
.my-class-student-panel .link-text {
  color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  font-size: 13px;
  font-weight: bold;
}
.my-class-student-panel .accessible-mode-container {
  align-items: center;
  justify-content: space-between;
}
.my-class-student-panel .accessible-mode-container .accessible-mode-button {
  font-weight: bold;
  margin-left: 16px;
  min-width: 100px;
  padding: 8px;
  text-decoration: initial;
}
.my-class-student-panel .payment-info-container {
  align-items: center;
}
.my-class-student-panel .payment-info-container p {
  margin-bottom: 0;
}
.my-class-student-panel .request-refund-button {
  font-size: 14px;
  padding: 0;
}
.my-class-student-panel .request-refund-button span {
  margin: 0;
}
.my-class-student-panel .refund-requested-message {
  margin-top: 8px;
}
.my-class-student-panel .zy-subscribe-container {
  align-items: center;
  margin-top: 16px;
}
.my-class-student-panel .zy-subscribe-container .zb-button {
  margin-right: 16px;
}
.my-class-student-panel .subscribe-error-message {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
  font-size: 12px;
  margin-top: 8px;
}

.stripe-cc-info {
  margin: 8px 0;
  width: 100%;
}
.stripe-cc-info .ember-stripe-input-override {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-input-border-h) + 0deg), calc(var(--zb-semantic-color-input-border-s) + 0%), calc(var(--zb-semantic-color-input-border-l) + 0%), calc(var(--zb-semantic-color-input-border-a) + 0));
  height: 22px;
}
.stripe-cc-info .ember-stripe-element {
  margin-bottom: 16px;
  margin-right: 16px;
  width: 100%;
}
.stripe-cc-info .ember-stripe-card-number {
  margin-right: 18px;
  min-width: 160px;
}
.stripe-cc-info .ember-stripe-postal-code {
  max-width: 160px;
}
.stripe-cc-info .ember-stripe-card-cvc {
  max-width: 40px;
}
.stripe-cc-info .error {
  margin-bottom: 8px;
}
.stripe-cc-info .zb-message-container {
  font-size: 12px;
  margin-bottom: 4px;
  padding: 4px;
}
.stripe-cc-info .zb-message-container p {
  margin: 0;
}
.stripe-cc-info img {
  height: 24px;
  margin-left: auto;
  margin-right: 16px;
}

.subscribe-student-panel h3 {
  margin-top: 8px;
}
.subscribe-student-panel .accessible-mode-container {
  align-items: center;
  justify-content: space-between;
}
.subscribe-student-panel .accessible-mode-container .accessible-mode-button {
  font-weight: bold;
  margin-left: 16px;
  min-width: 100px;
  padding: 8px;
  text-decoration: initial;
}
.subscribe-student-panel .zb-radio-button {
  margin-bottom: 4px;
}
.subscribe-student-panel .already-paid {
  color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  margin-left: auto;
  margin-right: 0;
}
.subscribe-student-panel .price-container {
  display: flex;
  justify-content: space-between;
}
.subscribe-student-panel .price-container .dollar-price-container {
  display: flex;
}
.subscribe-student-panel .price-container .dollar-price-container .price-label {
  color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  font-size: 56px;
  font-weight: normal;
  margin: 0 12px;
  padding-top: 4px;
}
.subscribe-student-panel .price-container .dollar-price-container .price-label.strikeout {
  align-self: center;
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 28px;
  margin-left: 8px;
  position: relative;
}
.subscribe-student-panel .price-container .dollar-price-container .price-label.strikeout::after {
  border-bottom: 2px solid hsl(calc(var(--zb-semantic-color-grey-600-h) + 0deg), calc(var(--zb-semantic-color-grey-600-s) + 0%), calc(var(--zb-semantic-color-grey-600-l) + 0%), calc(var(--zb-semantic-color-grey-600-a) + 0));
  content: "";
  left: 0;
  position: absolute;
  top: 52%;
  width: 100%;
}
.subscribe-student-panel .price-container .dollar-price-container .usd-label {
  align-self: flex-end;
  color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  font-size: 12px;
  margin-bottom: 8px;
}
.subscribe-student-panel .price-container .subscription-info-text {
  align-self: center;
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  margin-left: 16px;
  max-width: 160px;
}
.subscribe-student-panel .no-top-margin {
  margin-top: 0;
}
.subscribe-student-panel .subscribe-error-message {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
  font-size: 12px;
  margin-top: 8px;
}
.subscribe-student-panel .subscribe-error-message .card-declined-text {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
  text-decoration: underline;
}
.subscribe-student-panel .subscribe-error-message .faq-link {
  font-size: 12px;
}
.subscribe-student-panel .zy-subscribe-container {
  align-items: center;
  margin-top: 16px;
}
.subscribe-student-panel .zy-subscribe-container section {
  width: 100%;
}
.subscribe-student-panel .zy-subscribe-container .cc-info {
  margin: 12px 0 8px;
}
.subscribe-student-panel .zy-subscribe-container .subscribe-button-container {
  align-items: center;
  padding-bottom: 5%;
}
.subscribe-student-panel .zy-subscribe-container .subscribe-button-container .zb-button {
  margin-right: 16px;
}
.subscribe-student-panel .zy-subscribe-container .access-key-input-container {
  align-items: center;
  margin-bottom: 12px;
  width: 100%;
}
.subscribe-student-panel .zy-subscribe-container .access-key-input-container .zb-input-container {
  flex-grow: 0;
  max-width: 160px;
}
.subscribe-student-panel .zy-subscribe-container .access-key-input-container .zb-progress-circular {
  margin: 0 0 2px 10px;
}
.subscribe-student-panel .zy-subscribe-container .access-key-input-container .zb-button {
  margin-right: 0;
  text-decoration: none;
}
.subscribe-student-panel .zy-subscribe-container .access-key-input-container .access-key-questions-link {
  font-size: 12px;
  font-weight: normal;
  margin-left: 15px;
}
.subscribe-student-panel .zy-subscribe-container .access-key-input-container .message-container {
  width: 325px;
}
.subscribe-student-panel .zy-subscribe-container .access-key-input-container label &gt; span,
.subscribe-student-panel .zy-subscribe-container .cc-info label &gt; span {
  color: hsl(calc(var(--zb-semantic-color-input-label-h) + 0deg), calc(var(--zb-semantic-color-input-label-s) + 0%), calc(var(--zb-semantic-color-input-label-l) + 0%), calc(var(--zb-semantic-color-input-label-a) + 0));
  font-size: 12px;
}
.subscribe-student-panel .zy-subscribe-container .error .faq-link {
  font-size: 14px;
}

.request-deferral-modal {
  align-items: center;
  flex: 1;
  overflow-y: auto;
}
.request-deferral-modal .done-button-row {
  margin-top: 15px;
}
.request-deferral-modal .zb-card .zb-card-content .explanation-textarea .zb-textarea {
  width: 95%;
}
.request-deferral-modal .zb-card .zb-card-content .info-dropdown-button {
  justify-content: left;
}
.request-deferral-modal .zb-card .zb-card-content .submit-button-row {
  margin-top: 15px;
  width: 95%;
}
.request-deferral-modal .zb-card .zb-card-content .submit-button-row .error-message {
  float: right;
  margin-top: 5px;
}
.request-deferral-modal .zb-card .zb-card-content .submit-button-row .zb-progress-circular {
  display: inline-block;
}
.request-deferral-modal .user-info {
  margin-top: 10px;
}
.request-deferral-modal .user-info .names {
  display: inline-block;
  margin-right: 10px;
  margin-top: 10px;
}

.error-container .zb-input-container {
  flex-grow: 1;
}
.error-container .zb-input-container .message-container {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.error-container .zb-input-container.message-present input {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.error-container .zb-input-container.message-present input.focus, .error-container .zb-input-container.message-present input:focus {
  border-bottom: 2px solid hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}

.subscription-info-panel {
  margin-top: 8px;
}
.subscription-info-panel .zb-message-container.error {
  font-size: 12px;
  margin-bottom: 8px;
  padding: 4px;
}
.subscription-info-panel .warn {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.subscription-info-panel .info-text {
  color: hsl(calc(var(--zb-semantic-color-info-h) + 0deg), calc(var(--zb-semantic-color-info-s) + 0%), calc(var(--zb-semantic-color-info-l) + 0%), calc(var(--zb-semantic-color-info-a) + 0));
}
.subscription-info-panel .info-text,
.subscription-info-panel .warn {
  font-size: 12px;
  margin: 4px 0 8px;
}
.subscription-info-panel .previous-subscription-text {
  margin-top: 8px;
}
.subscription-info-panel .domain-select,
.subscription-info-panel .instructor-text {
  margin-bottom: 8px;
}
.subscription-info-panel .subscription-info-container {
  margin-top: 8px;
}
.subscription-info-panel .email-input-row {
  align-items: flex-start;
  height: 45px;
}
.subscription-info-panel .email-input-row.extra-padding {
  margin-bottom: 24px;
}
.subscription-info-panel .email-input-row .zb-button {
  padding: 4px 16px;
}
.subscription-info-panel .updating-subscription-container {
  align-items: center;
  margin: 8px 0;
}
.subscription-info-panel .updating-subscription-container .zb-progress-circular {
  margin-right: 6px;
}
.subscription-info-panel .updating-subscription-container .zb-message-container {
  padding: 10px 0;
  text-align: center;
  width: 100%;
}
.subscription-info-panel .required-field-text {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 12px;
}

.tests-panel .fixed-content {
  margin: 8px 16px 0;
}
.tests-panel .fixed-content .evaluation-description-title {
  margin-bottom: 16px;
}
.tests-panel .fixed-content .evaluation-description-title a {
  color: hsl(calc(var(--zb-semantic-color-info-h) + 0deg), calc(var(--zb-semantic-color-info-s) + 0%), calc(var(--zb-semantic-color-info-l) + 0%), calc(var(--zb-semantic-color-info-a) + 0));
}
.tests-panel .fixed-content .link-row {
  margin-bottom: 16px;
}
.tests-panel .add-test-button-container {
  align-items: center;
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  padding-bottom: 16px;
}
.tests-panel .test-list {
  list-style-type: none;
  margin: 0;
  padding-left: 0;
}
.tests-panel .test-list li {
  align-items: center;
  justify-content: space-between;
}
.tests-panel .test-list li button {
  height: inherit;
  -webkit-hyphens: auto;
          hyphens: auto;
  max-width: 260px;
  min-height: 36px;
  overflow-wrap: anywhere;
  text-align: start;
  white-space: normal;
  word-break: normal;
}
.tests-panel .loading-tests-spinner {
  display: flex;
  justify-content: center;
  margin: 16px 0;
  width: 100%;
}
.tests-panel .no-tests-message {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 12px;
  font-style: italic;
  text-align: center;
}
.tests-panel .export-row .export-formats {
  align-items: center;
}
.tests-panel .export-row .export-formats .ember-basic-dropdown {
  width: 216px;
}
.tests-panel .export-row .zb-input-label {
  margin-bottom: 0;
}
.tests-panel .action-row {
  align-items: center;
  margin-top: 66px;
}
.tests-panel .action-row .edit-button {
  margin-left: 8px;
}
.tests-panel .action-row .delete-button {
  margin-left: auto;
}
.tests-panel .action-row .zb-progress-circular {
  margin-left: 8px;
}
.tests-panel .zb-input-container {
  margin-top: 8px;
}
.tests-panel .no-margin-top {
  margin-top: 0;
}
.tests-panel .body-text {
  margin-bottom: 16px;
}
.tests-panel .test-action-row {
  align-items: center;
}
.tests-panel .test-action-row .zb-button {
  margin-right: 6px;
}
.tests-panel .test-action-row .cancel-button {
  margin-left: auto;
}
.tests-panel .test-error-message,
.tests-panel .test-saved-message {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
  font-size: 12px;
  margin-top: 8px;
  min-height: 16px;
}
.tests-panel .test-saved-message {
  color: hsl(calc(var(--zb-semantic-color-info-h) + 0deg), calc(var(--zb-semantic-color-info-s) + 0%), calc(var(--zb-semantic-color-info-l) + 0%), calc(var(--zb-semantic-color-info-a) + 0));
}
.tests-panel .remove-chapters-modal .zb-modal-content {
  padding: 16px;
}

.view-activity-panel .first {
  margin-top: 0;
}
.view-activity-panel ol {
  margin-top: 8px;
  padding-left: 28px;
}
.view-activity-panel .informational {
  font-size: 12px;
  line-height: 1.4;
  margin-bottom: 16px;
  margin-top: 8px;
}
.view-activity-panel .download-report-section {
  margin-top: 8px;
}
.view-activity-panel .download-report-section .zb-button {
  margin-right: 4px;
}
.view-activity-panel .include-time-spent-container {
  margin: 8px 0 16px;
}
.view-activity-panel .include-time-spent-container label {
  margin-top: -5px;
}
.view-activity-panel .analytics-call-to-action-container .zb-button,
.view-activity-panel .class-roster-call-to-action-container .zb-button {
  margin-top: 16px;
}
.view-activity-panel .class-roster-call-to-action-container {
  margin-bottom: 16px;
}
.view-activity-panel .download-report-container {
  align-items: center;
  display: flex;
}
.view-activity-panel .download-report-container button {
  margin-right: 16px;
}
.view-activity-panel .assignment-select-container {
  margin: 12px 0;
  padding-right: 56px;
}
.view-activity-panel .assignment-reporting-prompt-row {
  font-size: 14px;
  margin-bottom: 8px;
}
.view-activity-panel .assignment-reporting-prompt-row .zb-button {
  height: inherit;
  margin-left: 4px;
}
.view-activity-panel .assignment-reporting-prompt-row .zb-button .title {
  font-size: 14px;
  font-weight: 300;
}
.view-activity-panel .user-select ul:first-of-type {
  max-height: 150px;
}
.view-activity-panel .user-select ul:first-of-type ul {
  max-height: inherit;
}
.view-activity-panel .datetime-container-row {
  align-items: baseline;
  justify-content: space-between;
}
.view-activity-panel .datetime-container-row .datetime-message-text {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  min-width: 42px;
}
.view-activity-panel .datetime-container-error {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
  margin-top: 8px;
}
.view-activity-panel .activity-datetime-filter {
  width: 310px;
}
.view-activity-panel .activity-datetime-filter .date-picker {
  max-width: 130px;
}
.view-activity-panel .activity-datetime-filter .ember-power-select-dropdown ul {
  max-height: 128px;
}
.view-activity-panel .activity-datetime-filter .ember-power-select-dropdown ul li {
  padding-left: 16px;
}
.view-activity-panel .student-activity-datetime-filter .ember-power-select-dropdown ul {
  max-height: 130px;
}
.view-activity-panel .student-activity-datetime-filter .ember-power-select-dropdown ul li {
  padding-left: 16px;
}
.view-activity-panel .view-entire-class-activity-button {
  padding-left: 0;
}

.zybook-configure-panel .ordering-info .ordering-title {
  margin-top: 32px;
}
.zybook-configure-panel .panel-content .zb-input-container {
  height: unset;
}
.zybook-configure-panel .panel-content .section-header {
  margin-top: 0;
}
.zybook-configure-panel .panel-content .panel-section:not(.first) {
  margin-top: 12px;
}
.zybook-configure-panel .panel-content .panel-section .zb-progress-circular {
  align-self: center;
}
.zybook-configure-panel .panel-content .indented-content {
  margin-left: 8px;
  width: 100%;
}
.zybook-configure-panel .panel-content .indented-content p {
  margin: 0;
}
.zybook-configure-panel .panel-content .indented-content .zb-button .title {
  margin-left: 0;
}
.zybook-configure-panel .panel-content .instructions-text {
  font-size: 18px;
  margin-top: 0;
}
.zybook-configure-panel .panel-content .zb-button:not(.raised) {
  padding: 0;
}
.zybook-configure-panel .panel-content .header-icon {
  color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
  vertical-align: bottom;
}
.zybook-configure-panel .panel-content .update-content-running {
  display: inline-flex;
  vertical-align: middle;
}
.zybook-configure-panel .panel-content .move-sections-button {
  color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  height: auto;
  padding: 4px;
  white-space: nowrap;
}
.zybook-configure-panel .panel-content .move-sections-button i {
  left: 190px;
  top: 0;
}
.zybook-configure-panel .panel-content .chapter-dropdown {
  max-height: 160px;
  max-width: 300px;
  overflow-y: auto;
}
.zybook-configure-panel .error-message {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.zybook-configure-panel .error-message ul {
  margin: 0;
}
.zybook-configure-panel .zb-toolbar .zb-actions {
  padding: 0 12px;
}
.zybook-configure-panel .zb-toolbar .zb-actions .cancel-configure-button,
.zybook-configure-panel .zb-toolbar .zb-actions .zb-progress-circular {
  margin-left: auto;
}
.zybook-configure-panel .zb-toolbar .zb-actions button:last-of-type {
  margin-right: 0;
}
.zybook-configure-panel .zb-toolbar p,
.zybook-configure-panel .zb-toolbar .zb-button,
.zybook-configure-panel .zb-toolbar .zb-progress-circular {
  margin-right: 8px;
}
.zybook-configure-panel .remove-chapters-modal .zb-modal-content {
  padding: 16px;
}

.modify-sections-modal .zb-modal-content {
  padding: 16px;
  width: 624px;
}
.modify-sections-modal table {
  margin: 16px 24px;
  width: calc(100% - 48px);
}
.modify-sections-modal table td,
.modify-sections-modal table th {
  text-align: start;
  width: 50%;
}

.zybook-configure-admin-panel .configure-panel-control-row {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  justify-content: center;
  min-height: 36px;
  padding: 8px 0;
}
.zybook-configure-admin-panel .zb-power-select-container {
  height: unset;
}
.zybook-configure-admin-panel .panel-content .config-dates {
  align-items: baseline;
  display: flex;
  justify-content: flex-end;
}
.zybook-configure-admin-panel .panel-content .config-dates .date-time-picker {
  margin-left: 8px;
  width: calc(100% - 52px);
}
.zybook-configure-admin-panel .panel-content .config-dates .zb-input-container {
  height: 29px;
  margin: 0 26px 4px 8px;
  width: 266px;
}
.zybook-configure-admin-panel .panel-content .zybook-feature-flags,
.zybook-configure-admin-panel .panel-content .metadata-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.zybook-configure-admin-panel .panel-content .zybook-feature-flags div,
.zybook-configure-admin-panel .panel-content .metadata-list div {
  width: 100%;
}
.zybook-configure-admin-panel .panel-content .zybook-feature-flags span,
.zybook-configure-admin-panel .panel-content .metadata-list span {
  margin: 3px 0;
  width: 50%;
}
.zybook-configure-admin-panel .panel-content .zybook-feature-flags {
  margin-top: 12px;
}
.zybook-configure-admin-panel .panel-content .metadata-list {
  margin-bottom: 12px;
}
.zybook-configure-admin-panel .panel-content .subject-labels {
  display: flex;
  flex-wrap: wrap;
}
.zybook-configure-admin-panel .panel-content .subject-labels .subject-label {
  align-items: center;
  background-color: hsl(calc(var(--zb-semantic-color-blue-grey-800-h) + 0deg), calc(var(--zb-semantic-color-blue-grey-800-s) + 0%), calc(var(--zb-semantic-color-blue-grey-800-l) + 0%), calc(var(--zb-semantic-color-blue-grey-800-a) + 0));
  border-radius: 2px;
  box-sizing: border-box;
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
  display: flex;
  font-size: 12px;
  font-weight: 300;
  height: 22px;
  margin: 2px;
  padding: 4px;
  white-space: nowrap;
}
.zybook-configure-admin-panel .panel-content .subject-labels .labs {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-lab-h) + 0deg), calc(var(--zb-semantic-color-zybook-lab-s) + 0%), calc(var(--zb-semantic-color-zybook-lab-l) + 0%), calc(var(--zb-semantic-color-zybook-lab-a) + 0));
}
.zybook-configure-admin-panel .panel-content .controls {
  align-items: center;
  flex-wrap: wrap;
  margin-top: 12px;
}
.zybook-configure-admin-panel .panel-content .controls p,
.zybook-configure-admin-panel .panel-content .controls .zb-button,
.zybook-configure-admin-panel .panel-content .controls .zb-progress-circular {
  margin-right: 8px;
}
.zybook-configure-admin-panel .panel-content .selected-anchor-options,
.zybook-configure-admin-panel .panel-content .selected-content-type-options {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}
.zybook-configure-admin-panel .panel-content .selected-anchor-options .ember-power-select-trigger,
.zybook-configure-admin-panel .panel-content .selected-content-type-options .ember-power-select-trigger {
  margin: 0 8px;
}
.zybook-configure-admin-panel .zb-toolbar .admin-mode-button {
  margin-left: auto;
}

.zybook-evaluator-panel .initial {
  margin-bottom: 16px;
  margin-top: 0;
}

.extend-evaluation .zb-modal-content .message.body-text span.chapter-label-new {
  align-items: center;
  background-color: hsl(calc(var(--zb-semantic-color-zybook-new-h) + 0deg), calc(var(--zb-semantic-color-zybook-new-s) + 0%), calc(var(--zb-semantic-color-zybook-new-l) + 0%), calc(var(--zb-semantic-color-zybook-new-a) + 0));
  border-radius: 2px;
  box-sizing: border-box;
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
  font-size: 12px;
  font-weight: 300;
  height: 22px;
  margin-left: 4px;
  margin-right: 4px;
  max-width: 32px;
  padding: 4px;
  white-space: nowrap;
}

.schedule-demo-modal .zb-modal-content .zb-button {
  margin-bottom: 8px;
  margin-left: 8px;
  margin-top: 8px;
}

.about-page-modal h2 {
  height: 36px;
}
.about-page-modal td {
  vertical-align: top;
}
.about-page-modal td:first-of-type {
  color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
  font-size: 14px;
  line-height: 1.6;
  padding-right: 24px;
  white-space: nowrap;
}
.about-page-modal .ember-basic-dropdown {
  max-width: 500px;
}
.about-page-modal .zybook-summary {
  background-color: hsl(calc(var(--zb-semantic-color-background-h) + 0deg), calc(var(--zb-semantic-color-background-s) + 0%), calc(var(--zb-semantic-color-background-l) + 0%), calc(var(--zb-semantic-color-background-a) + 0));
  border: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  border-radius: 2px;
  padding: 5px;
}
.about-page-modal .new-section-label {
  background-color: hsl(calc(var(--zb-semantic-color-zybook-new-h) + 0deg), calc(var(--zb-semantic-color-zybook-new-s) + 0%), calc(var(--zb-semantic-color-zybook-new-l) + 0%), calc(var(--zb-semantic-color-zybook-new-a) + 0));
  border-radius: 2px;
  box-sizing: border-box;
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
  font-size: 12px;
  font-weight: 300;
  height: 22px;
  padding: 4px;
}
.about-page-modal .new-sections-table {
  margin: 0 15px;
}
.about-page-modal .new-sections-table td {
  padding: 0 15px;
}

.assignment-due-date-help-modal .zb-modal-content {
  padding: 16px;
  width: 624px;
}
.assignment-due-date-help-modal .section-content {
  padding: 0 16px;
}
.assignment-due-date-help-modal .section-content .section-text {
  margin-bottom: 16px;
}
.assignment-due-date-help-modal .section-content .graphic-row {
  padding-left: 36px;
}
.assignment-due-date-help-modal .section-content .graphic-row.second {
  margin-top: 8px;
}
.assignment-due-date-help-modal .section-content .graphic-row .graphic-container {
  justify-content: center;
  width: 100px;
}
.assignment-due-date-help-modal .section-content .graphic-row .graphic-container .zb-icon {
  margin: auto;
}
.assignment-due-date-help-modal .section-content .graphic-row .graphic-container .blue-text {
  color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  text-align: center;
}
.assignment-due-date-help-modal .section-content .graphic-row .arrow-date-container {
  justify-content: center;
  margin-left: 8px;
}
.assignment-due-date-help-modal .section-content .graphic-row .arrow-date-container .arrow-date-row {
  align-items: center;
}
.assignment-due-date-help-modal .section-content .graphic-row .arrow-date-container .arrow-date-row i,
.assignment-due-date-help-modal .section-content .graphic-row .arrow-date-container .arrow-date-row span {
  margin-left: 4px;
}
.assignment-due-date-help-modal .section-content .graphic-row .arrow-date-container .arrow-date-row.second {
  margin-top: auto;
}
.assignment-due-date-help-modal .section-content .graphic-row .arrow-date-container .arrow-date-row .due-date-extension {
  font-size: 12px;
}
.assignment-due-date-help-modal .zb-button {
  margin-top: 16px;
}

.assignment-past-due {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  line-height: 1.4;
}
.assignment-past-due .zb-modal-content {
  padding: 16px;
  width: 432px;
}
.assignment-past-due h1 {
  font-size: 28px;
}
.assignment-past-due .flex-row {
  align-items: center;
}
.assignment-past-due .error {
  margin-top: 8px;
}

.assignment-reporting-modal {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
}
.assignment-reporting-modal .zb-modal-content {
  height: 258px;
  padding: 16px;
}
.assignment-reporting-modal p {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  font-size: 15px;
}
.assignment-reporting-modal .ember-power-select-trigger {
  margin-bottom: 24px;
  margin-top: 8px;
  width: 85%;
}
.assignment-reporting-modal .zb-power-select-container {
  display: block;
}

.catalog-item-info-modal .zb-modal-card-container {
  display: flex;
  padding: 24px;
}
.catalog-item-info-modal .left-side {
  max-width: 320px;
}
.catalog-item-info-modal .right-side {
  flex-grow: 1;
  margin-left: 24px;
}
.catalog-item-info-modal h1 {
  font-size: 24px;
  margin-top: 20px;
}
.catalog-item-info-modal ul {
  padding-left: 20px;
}
.catalog-item-info-modal .authors-list {
  list-style-type: none;
  margin-top: 0;
  padding: 0;
}
.catalog-item-info-modal .authors-list li:not(:first-child) {
  margin-top: 8px;
}
.catalog-item-info-modal .authors-list .name {
  font-weight: bold;
}
.catalog-item-info-modal .authors-list .credentials {
  font-style: italic;
}
@media (max-width: 415px) {
  .catalog-item-info-modal .left-side,
  .catalog-item-info-modal .right-side {
    max-width: 100%;
    width: 100%;
  }
  .catalog-item-info-modal .zybook.medium {
    height: 216px;
    width: 180px;
  }
  .catalog-item-info-modal .zybook.medium h3,
  .catalog-item-info-modal .zybook.medium .heading {
    font-size: 18px;
  }
  .catalog-item-info-modal .zybook.medium header {
    height: 20px;
  }
  .catalog-item-info-modal .zybook.medium header .zybook-header-img {
    display: none;
    width: 30px;
  }
  .catalog-item-info-modal .zybook.medium .subheading {
    font-size: 14px;
    margin-bottom: 4px;
  }
  .catalog-item-info-modal .zybook.medium .primary-info {
    margin: 0 20px;
    overflow: hidden;
  }
  .catalog-item-info-modal .zybook.medium .secondary-info {
    padding: 8px 20px;
  }
  .catalog-item-info-modal .zybook.medium .secondary-info.selectable {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  .catalog-item-info-modal .zybook.medium .secondary-info.selectable .subheading {
    font-size: 18px;
    margin-bottom: 0;
  }
  .catalog-item-info-modal .zybook.medium .snippet {
    font-size: 13px;
    margin-top: 6px;
  }
  .catalog-item-info-modal .zybook.medium .status-message {
    display: none;
  }
  .catalog-item-info-modal .zybook.medium .academic-term {
    font-size: 12px;
    margin-bottom: 4px;
  }
  .catalog-item-info-modal .zybook.medium .zb-code {
    font-size: 10px;
  }
  .catalog-item-info-modal .right-side {
    margin-left: 0;
  }
  .catalog-item-info-modal .zb-modal-card-container {
    flex-wrap: wrap;
  }
  .catalog-item-info-modal .authors {
    display: none;
  }
}

.catalog-take-class-modal .zb-modal-content {
  padding: 16px;
}
.catalog-take-class-modal h1 {
  margin: 0;
}
.catalog-take-class-modal .find-zybook-section {
  height: auto;
  margin-left: 0;
  width: 100%;
}
.catalog-take-class-modal .below-find {
  min-height: 60px;
}
.catalog-take-class-modal .status-message {
  align-items: center;
  display: flex;
}
.catalog-take-class-modal .status-message span {
  margin-left: 8px;
}
.catalog-take-class-modal .invalid-code-warning {
  color: hsl(calc(var(--zb-semantic-color-warning-h) + 0deg), calc(var(--zb-semantic-color-warning-s) + 0%), calc(var(--zb-semantic-color-warning-l) + 0%), calc(var(--zb-semantic-color-warning-a) + 0));
}
.catalog-take-class-modal .button-container .message {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 14px;
  font-style: italic;
  margin-left: 8px;
}

.catalog-extension-modal img {
  align-self: center;
  height: 100%;
  margin-left: 16px;
  width: 100%;
}

.manage-class-modal h3 {
  color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
}
.manage-class-modal .zb-modal-card {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}
.manage-class-modal .warning-message {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
  flex: 2;
  min-width: 250px;
  padding-bottom: 8px;
  padding-top: 8px;
}
.manage-class-modal .cancel-ta-delete,
.manage-class-modal .delete-ta {
  min-width: 84px;
}
.manage-class-modal .form-row .domain-input,
.manage-class-modal .form-row .section-input {
  flex: 0 auto;
  height: 40px;
  margin-top: 12px;
  min-width: 380px;
}
.manage-class-modal .form-row .zb-button i {
  top: 2px;
}
.manage-class-modal .indented-section {
  margin-left: 16px;
}
.manage-class-modal .indented-section .zb-button {
  align-self: center;
  margin-right: auto;
}
.manage-class-modal .indented-section .zb-progress-circular {
  align-self: center;
}
.manage-class-modal .timezone-container {
  align-items: center;
  display: flex;
}
.manage-class-modal .timezone-container .ember-basic-dropdown {
  font-size: 14px;
  margin-bottom: 0;
  min-width: 120px;
}
.manage-class-modal .timezone-container .ember-basic-dropdown .ember-power-select-trigger {
  padding: 0 16px 0 8px;
}
.manage-class-modal .timezone-container .ember-power-select-dropdown.ember-basic-dropdown-content--in-place.timezone-select-list {
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  width: 264px;
}
.manage-class-modal .timezone-container span {
  margin-left: 16px;
}
.manage-class-modal .dropped-students-card {
  min-height: 500px;
}
.manage-class-modal .dropped-students-card .subtext {
  padding: 0;
}
.manage-class-modal .dropped-students-card .active-students-container {
  flex: 1;
  margin-right: 24px;
}
.manage-class-modal .dropped-students-card .active-students-container .active-student-info {
  margin-top: 16px;
}
.manage-class-modal .dropped-students-card .active-students-container .student-actions-container {
  align-items: center;
  flex-wrap: wrap;
}
.manage-class-modal .dropped-students-card .dropped-students-container {
  flex: 1;
}
.manage-class-modal .dropped-students-card .dropped-students-container .dropped-student-info {
  font-size: 18px;
  margin-bottom: 8px;
}
.manage-class-modal .dropped-students-card .student-descriptions-container {
  margin-bottom: 16px;
}
.manage-class-modal .ember-basic-dropdown {
  margin-bottom: 16px;
}
.manage-class-modal .zb-progress-circular {
  margin-left: 16px;
  margin-right: 16px;
}
.manage-class-modal .zb-checkbox {
  margin-bottom: 16px;
}
.manage-class-modal .zb-button {
  margin-right: 8px;
}
.manage-class-modal .confirmation-message {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}
.manage-class-modal .updated-message {
  color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
}
.manage-class-modal .zb-toolbar .zb-actions.end {
  justify-content: flex-end;
}
.manage-class-modal .zb-toolbar .zb-actions .confirmation-message {
  flex: 1;
  max-height: 48px;
  overflow: hidden;
}
@media (max-width: 769px) {
  .manage-class-modal .zb-modal-content {
    left: 0;
    width: 100%;
  }
  .manage-class-modal .user-info-table td {
    display: inline-block;
  }
}

.python-course-modal .zb-modal-content {
  padding: 16px;
  width: 650px;
}
.python-course-modal .zb-modal-content h1 {
  font-size: 26px;
}
.python-course-modal .zb-modal-content .flex-row {
  justify-content: space-between;
}
.python-course-modal .zb-modal-content .flex-row .left-content {
  width: 350px;
}
.python-course-modal .zb-modal-content .flex-row .left-content p {
  font-size: 14px;
  margin-top: 0;
}
.python-course-modal .zb-modal-content .flex-row .left-content .zb-button {
  margin: 32px auto 0;
}
.python-course-modal .zb-modal-content .flex-row .left-content .zb-button.primary {
  line-height: 0;
  padding: 32px;
}
.python-course-modal .zb-modal-content .flex-row .left-content .zb-button.reject-button {
  margin-top: 16px;
}
.python-course-modal .zb-modal-content .flex-row .right-content {
  width: 270px;
}
.python-course-modal .zb-modal-content .flex-row .right-content .bullet-list {
  padding-left: 16px;
}
.python-course-modal .zb-modal-content .flex-row .right-content .bullet-list .bullet {
  line-height: 1.2;
  margin: 4px 0;
}
.python-course-modal .zb-modal-content .flex-row .right-content img {
  margin: 4px 0;
}
.python-course-modal .zb-modal-content .flex-row .right-content .caption {
  font-size: 13px;
  font-style: italic;
}

.request-refund-modal .zb-modal-content,
.accessibility-modal .zb-modal-content {
  padding: 16px;
  width: 600px;
}
.request-refund-modal h1,
.accessibility-modal h1 {
  margin-bottom: 0;
}
.request-refund-modal .reason-container,
.accessibility-modal .reason-container {
  margin-bottom: 16px;
}
.request-refund-modal .reason-container textarea,
.accessibility-modal .reason-container textarea {
  width: 90%;
}
.request-refund-modal .reason-container .zb-input-label,
.accessibility-modal .reason-container .zb-input-label {
  font-size: 14px;
  margin-bottom: 6px;
}
.request-refund-modal .refund-action-container,
.accessibility-modal .refund-action-container {
  align-items: center;
}
.request-refund-modal .refund-action-container .info-text,
.accessibility-modal .refund-action-container .info-text {
  color: hsl(calc(var(--zb-semantic-color-info-h) + 0deg), calc(var(--zb-semantic-color-info-s) + 0%), calc(var(--zb-semantic-color-info-l) + 0%), calc(var(--zb-semantic-color-info-a) + 0));
}
.request-refund-modal .refund-action-container .refund-error,
.accessibility-modal .refund-action-container .refund-error {
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
}
.request-refund-modal .zb-button,
.accessibility-modal .zb-button {
  margin-right: 16px;
}

.section-preview-modal {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
}
.section-preview-modal .zb-modal-content {
  height: 90%;
  max-width: 100%;
  width: 1140px;
}
.section-preview-modal .zb-modal-card {
  max-width: 90%;
}
.section-preview-modal .preview-loading-container {
  height: 100%;
  width: 100%;
}
.section-preview-modal .preview-loading-container .zb-progress-circular {
  margin: 48px auto;
}
@media (max-width: 1140px) {
  .section-preview-modal .zb-modal-card {
    margin-left: 16px;
    max-width: 100%;
    min-width: 1000px;
  }
}

.student-instructions-modal .zb-modal-content {
  padding: 16px;
  width: 750px;
}
.student-instructions-modal h1 {
  margin-bottom: 0;
}
.student-instructions-modal hr {
  opacity: 0.5;
}
.student-instructions-modal .instructions-text {
  margin-right: 16px;
}
.student-instructions-modal .instructions-container {
  align-items: center;
  margin-left: 32px;
}
.student-instructions-modal .instructions-container .message {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 14px;
  font-style: italic;
  margin-left: auto;
}
.student-instructions-modal .instructions-container ol {
  border-left: 7px solid hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
  font-size: 17px;
  margin-bottom: 0;
  margin-top: 0;
  width: 60%;
}
.student-instructions-modal .instructions-container ol li {
  padding-top: 8px;
}
.student-instructions-modal .zybook-code {
  background-color: hsl(calc(var(--zb-semantic-color-background-h) + 0deg), calc(var(--zb-semantic-color-background-s) + 0%), calc(var(--zb-semantic-color-background-l) + 0%), calc(var(--zb-semantic-color-background-a) + 0));
  border: 1px solid hsl(calc(var(--zb-semantic-color-light-blue-grey-border-h) + 0deg), calc(var(--zb-semantic-color-light-blue-grey-border-s) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-l) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-a) + 0));
  color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  font-size: 20px;
  font-weight: bold;
  padding: 6px;
  white-space: pre-line;
}
.student-instructions-modal .subscription-info {
  margin-bottom: 16px;
  margin-top: 8px;
}
.student-instructions-modal .done-button {
  margin-top: 16px;
}
.student-instructions-modal .zb-control-row .zb-radio-button {
  margin-bottom: 0;
  margin-top: 0;
}

.student-submit-assignment-modal .zb-modal-content,
.unauthorized-access-modal .zb-modal-content,
.modern-authoring-book-modal .zb-modal-content {
  color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  padding: 16px;
  width: 600px;
}
.student-submit-assignment-modal .zb-modal-content h1,
.unauthorized-access-modal .zb-modal-content h1,
.modern-authoring-book-modal .zb-modal-content h1 {
  color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
  margin-top: 0;
}
.student-submit-assignment-modal .zb-modal-content .action-row,
.unauthorized-access-modal .zb-modal-content .action-row,
.modern-authoring-book-modal .zb-modal-content .action-row {
  align-items: center;
  display: flex;
}
.student-submit-assignment-modal .zb-modal-content .action-row .zb-checkbox,
.unauthorized-access-modal .zb-modal-content .action-row .zb-checkbox,
.modern-authoring-book-modal .zb-modal-content .action-row .zb-checkbox {
  margin-left: auto;
}

.terminal-info-modal .zb-modal-content {
  max-width: 900px;
  padding: 16px;
  width: 80%;
}
.terminal-info-modal .zb-modal-content img {
  border: 1px solid hsl(calc(var(--zb-semantic-color-blue-grey-400-h) + 0deg), calc(var(--zb-semantic-color-blue-grey-400-s) + 0%), calc(var(--zb-semantic-color-blue-grey-400-l) + 0%), calc(var(--zb-semantic-color-blue-grey-400-a) + 0));
  width: 100%;
}
@media (max-width: 769px) {
  .terminal-info-modal .zb-modal-content img {
    display: none;
  }
}

.mathworks-tos-modal address {
  margin-left: 25px;
  white-space: pre-line;
}
.mathworks-tos-modal li {
  margin-bottom: 12px;
}
.mathworks-tos-modal li b {
  text-decoration: underline;
}
.mathworks-tos-modal .alpha-ordered-list {
  list-style-type: lower-alpha;
  margin: 30px 0;
}
.mathworks-tos-modal .message {
  margin-left: 16px;
}
.mathworks-tos-modal .tos-checkbox {
  color: hsl(calc(var(--zb-semantic-color-secondary-h) + 0deg), calc(var(--zb-semantic-color-secondary-s) + 0%), calc(var(--zb-semantic-color-secondary-l) + 0%), calc(var(--zb-semantic-color-secondary-a) + 0));
}

.view-receipt-modal .zb-modal-content {
  max-width: 1000px;
  width: 90%;
}
.view-receipt-modal .view-receipt-content {
  box-sizing: border-box;
  padding: 32px;
  width: 100%;
}
.view-receipt-modal .view-receipt-content input {
  max-width: 300px;
}
.view-receipt-modal .view-receipt-content.zb-modal-card-container {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
}
.view-receipt-modal .stripe-logo {
  background-color: hsl(calc(var(--zb-semantic-color-body-h) + 0deg), calc(var(--zb-semantic-color-body-s) + 0%), calc(var(--zb-semantic-color-body-l) + 0%), calc(var(--zb-semantic-color-body-a) + 0));
  -webkit-mask: url("/assets/img/vendor/powered_by_stripe.svg") no-repeat center;
  mask: url("/assets/img/vendor/powered_by_stripe.svg") no-repeat center;
  opacity: 0.7;
  width: 119px;
}
.view-receipt-modal .row-border-top {
  border-top: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
}
.view-receipt-modal .table-label {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
}
.view-receipt-modal .no-wrap,
.view-receipt-modal .transactions-table th {
  white-space: nowrap;
}
.view-receipt-modal .transactions-table {
  width: 100%;
}
.view-receipt-modal .transactions-table th,
.view-receipt-modal .transactions-table td {
  padding-bottom: 8px;
  padding-right: 24px;
  padding-top: 8px;
  text-align: left;
}
.view-receipt-modal .transactions-table th.purchase-column,
.view-receipt-modal .transactions-table td.purchase-column {
  min-width: 160px;
}
.view-receipt-modal .transactions-table th.prior-sub-cell,
.view-receipt-modal .transactions-table td.prior-sub-cell {
  min-width: 200px;
}
.view-receipt-modal .transactions-table th.total-logo-container,
.view-receipt-modal .transactions-table td.total-logo-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.view-receipt-modal .transactions-table td:last-child {
  width: 100%;
}
.view-receipt-modal .support-link-container {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}
@media (max-width: 1025px) {
  .view-receipt-modal .zb-modal-content {
    width: 100%;
  }
}

.add-zylab-options .zb-modal-content {
  padding: 16px;
}
.add-zylab-options h1 {
  margin-bottom: 0;
}
.add-zylab-options h3 {
  margin-bottom: 0;
}
.add-zylab-options .description-container {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.add-zylab-options .description-container p {
  margin: 0;
  max-width: 70%;
}
.add-zylab-options .description-container .zb-button {
  justify-content: center;
  min-width: 128px;
}
.add-zylab-options .button-container {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}
.add-zylab-options .button-container .cancel-button {
  padding-left: 0;
}

.clone-zylab .zb-modal-content {
  padding: 16px;
}
.clone-zylab h1 {
  margin-bottom: 0;
}

.zybook-ordering-preview .zybook-modal-content {
  width: 950px;
}
.zybook-ordering-preview .info-list {
  margin-left: 16px;
}
.zybook-ordering-preview .table-of-contents-list {
  flex: 1;
  list-style: none;
  margin-bottom: 0;
  margin-top: 0;
  overflow: hidden auto;
  padding: 0;
}
.zybook-ordering-preview .loader {
  justify-content: center;
  margin-bottom: 16px;
  margin-top: 24px;
}

.webinar-info-modal .zb-modal-content {
  max-width: 750px;
  padding: 16px;
  width: 60%;
}
.webinar-info-modal h1 {
  margin-bottom: 0;
}
.webinar-info-modal .button-container {
  margin-top: 16px;
}
.webinar-info-modal .button-container .message {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-size: 14px;
  font-style: italic;
  margin: auto 8px auto auto;
}

.zybook-analytics .zb-modal-content {
  height: 80%;
  overflow-y: hidden;
  padding: 16px;
  width: 80%;
}
.zybook-analytics .header-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.zybook-analytics .header-container .zb-checkbox.transparent {
  opacity: 0.5;
}
.zybook-analytics .loader-container {
  align-items: center;
  display: flex;
  height: 300px;
  justify-content: center;
}
.zybook-analytics .title-detail-item span {
  align-self: flex-start;
}

.feedback-modal .zb-modal-content {
  padding: 16px;
  width: 750px;
}
.feedback-modal .zb-text-area {
  margin-bottom: 16px;
  width: 100%;
}
.feedback-modal .actions {
  align-items: center;
}

.analytics-filters {
  border-bottom: 1px solid hsl(calc(var(--zb-semantic-color-light-blue-grey-border-h) + 0deg), calc(var(--zb-semantic-color-light-blue-grey-border-s) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-l) + 0%), calc(var(--zb-semantic-color-light-blue-grey-border-a) + 0));
}
.analytics-filters .ember-basic-dropdown,
.analytics-filters .zb-power-select-container {
  width: 300px;
}
.analytics-filters .content-select ul:first-of-type {
  max-height: 150px;
}
.analytics-filters .content-select ul:first-of-type ul {
  max-height: inherit;
}

.zybook-extension-modal .zb-modal-content {
  max-width: 900px;
  width: 90%;
}
.zybook-extension-modal .extension-modal-body {
  flex: 1;
  overflow-y: auto;
  padding: 24px 16px;
}
.zybook-extension-modal .extension-modal-body p {
  margin: 8px 16px;
}
.zybook-extension-modal .extension-modal-body button {
  min-height: 36px;
}
.zybook-extension-modal .extension-modal-body .extend-controls-container {
  margin: 0 24px;
}
.zybook-extension-modal .extension-modal-body .extend-controls-container .price-info-row {
  align-items: center;
}
.zybook-extension-modal .extension-modal-body .extend-controls-container .price-info-row .currency-text {
  color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  font-size: 32px;
  margin-right: 8px;
}
.zybook-extension-modal .extension-modal-body .extend-controls-container .price-info-row .tax-text {
  color: hsl(calc(var(--zb-semantic-color-primary-h) + 0deg), calc(var(--zb-semantic-color-primary-s) + 0%), calc(var(--zb-semantic-color-primary-l) + 0%), calc(var(--zb-semantic-color-primary-a) + 0));
  width: 50px;
}
.zybook-extension-modal .extension-modal-body .extend-controls-container .acknowledge-row {
  align-items: center;
  margin: 8px 0;
  width: 75%;
}
.zybook-extension-modal .extension-modal-body .extend-controls-container .acknowledge-row .zb-checkbox {
  margin-right: 16px;
}
.zybook-extension-modal .extension-modal-body .extend-controls-container .acknowledge-request-text {
  color: hsl(calc(var(--zb-semantic-color-subtext-h) + 0deg), calc(var(--zb-semantic-color-subtext-s) + 0%), calc(var(--zb-semantic-color-subtext-l) + 0%), calc(var(--zb-semantic-color-subtext-a) + 0));
  font-style: italic;
}
.zybook-extension-modal .extension-modal-body .extend-controls-container .stripe-payment-container {
  width: 50%;
}
.zybook-extension-modal .extension-modal-body .extend-controls-container .extend-button-row {
  align-items: center;
}
.zybook-extension-modal .extension-modal-body .extend-controls-container .extend-button-row .zb-progress-circular {
  margin-left: 8px;
}

.zybook-analytics-dashboard {
  overflow-y: scroll;
}
.zybook-analytics-dashboard .control-row {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  min-height: 60px;
  padding-bottom: 8px;
  padding-top: 8px;
  width: 100%;
}
.zybook-analytics-dashboard .control-row .buttons {
  align-items: flex-start;
  display: flex;
}
.zybook-analytics-dashboard .control-row .buttons .zb-button {
  margin: 0;
}
.zybook-analytics-dashboard .control-row .legend {
  align-items: flex-start;
  display: flex;
}
.zybook-analytics-dashboard .control-row .legend .activity-filter {
  margin-right: 12px;
}
.zybook-analytics-dashboard .charts-container {
  display: grid;
  grid-gap: 8px;
  grid-template-columns: repeat(auto-fill, minmax(700px, 1fr));
}
.zybook-analytics-dashboard .charts-container.zoom {
  grid-template-columns: 1fr;
}
.zybook-analytics-dashboard .highcharts-title {
  color: hsl(calc(var(--zb-semantic-color-heading-h) + 0deg), calc(var(--zb-semantic-color-heading-s) + 0%), calc(var(--zb-semantic-color-heading-l) + 0%), calc(var(--zb-semantic-color-heading-a) + 0));
}
.zybook-analytics-dashboard .highcharts-title .subtitle {
  font-size: 12px;
}
.zybook-analytics-dashboard .highcharts-drillup-button {
  visibility: hidden;
}
.zybook-analytics-dashboard .tooltip-container {
  padding: 6px;
}
.zybook-analytics-dashboard .tooltip-container table {
  width: 100%;
}
.zybook-analytics-dashboard .tooltip-container table td {
  padding-bottom: 0;
}
.zybook-analytics-dashboard .tooltip-container table .label {
  text-align: right;
}
.zybook-analytics-dashboard .tooltip-container table .value {
  padding-left: 6px;
}
.zybook-analytics-dashboard .tooltip-container .bold-label {
  font-weight: bold;
}
.zybook-analytics-dashboard .dashboard-error-message {
  align-items: center;
  color: hsl(calc(var(--zb-semantic-color-error-h) + 0deg), calc(var(--zb-semantic-color-error-s) + 0%), calc(var(--zb-semantic-color-error-l) + 0%), calc(var(--zb-semantic-color-error-a) + 0));
  display: flex;
  height: 300px;
  justify-content: center;
}

.activity-filter {
  position: relative;
}
.activity-filter .header-container {
  align-items: center;
  display: flex;
  height: 32px;
  justify-content: start;
}
.activity-filter .header-container .expand-button {
  margin-left: 8px;
}
.activity-filter .header-container .expand-button .title {
  font-size: 15px;
  font-weight: 300;
}
.activity-filter .header-container .filter-title {
  margin-left: 16px;
}
.activity-filter .expandable-content {
  background-color: hsl(calc(var(--zb-semantic-color-light-background-h) + 0deg), calc(var(--zb-semantic-color-light-background-s) + 0%), calc(var(--zb-semantic-color-light-background-l) + 0%), calc(var(--zb-semantic-color-light-background-a) + 0));
  border: 1px solid hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  font-size: 14px;
  left: 0;
  padding: 8px;
  position: absolute;
  right: 0;
  top: 42px;
  z-index: 10;
}
.activity-filter .expandable-content .zb-checkbox {
  margin-bottom: 4px;
}
.activity-filter .expandable-content .zb-checkbox label {
  margin-top: 1px;
}
.activity-filter .leader-triangle::after, .activity-filter .leader-triangle::before {
  border-style: solid;
  content: "";
  display: block;
  height: 0;
  left: 48%;
  position: absolute;
  width: 0;
}
.activity-filter .leader-triangle::before {
  border-color: transparent transparent hsl(calc(var(--zb-semantic-color-border-h) + 0deg), calc(var(--zb-semantic-color-border-s) + 0%), calc(var(--zb-semantic-color-border-l) + 0%), calc(var(--zb-semantic-color-border-a) + 0));
  border-width: 0 8px 8px;
  top: 34px;
}
.activity-filter .leader-triangle::after {
  border-color: transparent transparent hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
  border-width: 0 8px 8px;
  top: 35px;
  z-index: 100;
}

.hide-toolbar {
  display: none;
}

.print-this.remove-links a {
  display: none !important;
}

@media print {
  body {
    display: block;
    -webkit-print-color-adjust: exact;
  }
  body .zybook-chapter-print-page {
    display: block;
  }
  body .zybook-chapter-print-page .section-container {
    display: block;
  }
  body .zybook-chapter-print-page .section-container .zybook-section {
    display: block;
  }
  body &gt; div {
    bottom: initial;
  }
  main {
    height: 100%;
  }
  .zybook-index-page .centered-content {
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: 100%;
  }
  .zybook-index-page .centered-content .right-panel-section {
    display: none;
  }
  .zybook-index-page .centered-content .toc-container {
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: 100%;
  }
  .zybook-index-page .centered-content .toc-container .outline-input {
    display: none;
  }
  .zybook-index-page .centered-content .toc-container .table-of-contents-list {
    max-height: none;
  }
  .zybook-index-page .centered-content .toc-container .table-of-contents-list .chapter-actions,
  .zybook-index-page .centered-content .toc-container .table-of-contents-list .toc-header {
    display: none;
  }
  .zybook-index-page .centered-content .toc-container .table-of-contents-list .chapter-item.expanded {
    margin: 0 auto;
  }
  .zybook-index-page .centered-content .toc-container .disabled-toc-header {
    display: none;
  }
  .zybook-chapter-print-page .zb-nav-menu,
  .zybook-chapter-section-loading-page .zb-nav-menu,
  .zybook-chapter-section-page .zb-nav-menu {
    display: none;
  }
  .zybook-chapter-print-page .section-container .pre-print-watermark,
  .zybook-chapter-print-page .section-container .shield,
  .zybook-chapter-section-loading-page .section-container .pre-print-watermark,
  .zybook-chapter-section-loading-page .section-container .shield,
  .zybook-chapter-section-page .section-container .pre-print-watermark,
  .zybook-chapter-section-page .section-container .shield {
    display: none;
  }
  .zybook-chapter-print-page .section-container .zb-card-content,
  .zybook-chapter-section-loading-page .section-container .zb-card-content,
  .zybook-chapter-section-page .section-container .zb-card-content {
    margin: 0 auto;
    max-width: 96%;
  }
  .zybook-chapter-print-page .section-container .zb-card-content .section-header-row,
  .zybook-chapter-section-loading-page .section-container .zb-card-content .section-header-row,
  .zybook-chapter-section-page .section-container .zb-card-content .section-header-row {
    max-width: 100%;
  }
  .zybook-chapter-print-page .section-container .section-header-row .section-action-container,
  .zybook-chapter-section-loading-page .section-container .section-header-row .section-action-container,
  .zybook-chapter-section-page .section-container .section-header-row .section-action-container {
    display: none;
  }
  .zybook-chapter-print-page .section-container .interactive-activity,
  .zybook-chapter-section-loading-page .section-container .interactive-activity,
  .zybook-chapter-section-page .section-container .interactive-activity {
    margin: none;
    min-width: initial;
  }
  .zybook-chapter-print-page .section-container .interactive-activity .mark-resource-complete-container,
  .zybook-chapter-section-loading-page .section-container .interactive-activity .mark-resource-complete-container,
  .zybook-chapter-section-page .section-container .interactive-activity .mark-resource-complete-container {
    margin: none;
  }
  .zybook-chapter-print-page .section-container .provide-feedback-row,
  .zybook-chapter-section-loading-page .section-container .provide-feedback-row,
  .zybook-chapter-section-page .section-container .provide-feedback-row {
    display: none;
  }
  .zybook-chapter-print-page .section-container .interactive-activity-container,
  .zybook-chapter-print-page .section-container .static-container,
  .zybook-chapter-section-loading-page .section-container .interactive-activity-container,
  .zybook-chapter-section-loading-page .section-container .static-container,
  .zybook-chapter-section-page .section-container .interactive-activity-container,
  .zybook-chapter-section-page .section-container .static-container {
    margin: 16px auto;
    max-width: 100%;
  }
  .zybook-chapter-print-page .section-container .interactive-activity-container.large,
  .zybook-chapter-print-page .section-container .static-container.large,
  .zybook-chapter-section-loading-page .section-container .interactive-activity-container.large,
  .zybook-chapter-section-loading-page .section-container .static-container.large,
  .zybook-chapter-section-page .section-container .interactive-activity-container.large,
  .zybook-chapter-section-page .section-container .static-container.large {
    width: 720px;
  }
  .zybook-chapter-print-page .section-container .interactive-activity-container.large .static-container-payload,
  .zybook-chapter-print-page .section-container .static-container.large .static-container-payload,
  .zybook-chapter-section-loading-page .section-container .interactive-activity-container.large .static-container-payload,
  .zybook-chapter-section-loading-page .section-container .static-container.large .static-container-payload,
  .zybook-chapter-section-page .section-container .interactive-activity-container.large .static-container-payload,
  .zybook-chapter-section-page .section-container .static-container.large .static-container-payload {
    justify-content: flex-start;
  }
  .zybook-chapter-print-page .section-container .interactive-activity-container.large .centered-image,
  .zybook-chapter-print-page .section-container .interactive-activity-container.large .custom-resource-payload .custom-tool,
  .zybook-chapter-print-page .section-container .static-container.large .centered-image,
  .zybook-chapter-print-page .section-container .static-container.large .custom-resource-payload .custom-tool,
  .zybook-chapter-section-loading-page .section-container .interactive-activity-container.large .centered-image,
  .zybook-chapter-section-loading-page .section-container .interactive-activity-container.large .custom-resource-payload .custom-tool,
  .zybook-chapter-section-loading-page .section-container .static-container.large .centered-image,
  .zybook-chapter-section-loading-page .section-container .static-container.large .custom-resource-payload .custom-tool,
  .zybook-chapter-section-page .section-container .interactive-activity-container.large .centered-image,
  .zybook-chapter-section-page .section-container .interactive-activity-container.large .custom-resource-payload .custom-tool,
  .zybook-chapter-section-page .section-container .static-container.large .centered-image,
  .zybook-chapter-section-page .section-container .static-container.large .custom-resource-payload .custom-tool {
    margin: 0 auto;
  }
  .zybook-chapter-print-page .section-container .interactive-activity-container.large .activity-payload,
  .zybook-chapter-print-page .section-container .static-container.large .activity-payload,
  .zybook-chapter-section-loading-page .section-container .interactive-activity-container.large .activity-payload,
  .zybook-chapter-section-loading-page .section-container .static-container.large .activity-payload,
  .zybook-chapter-section-page .section-container .interactive-activity-container.large .activity-payload,
  .zybook-chapter-section-page .section-container .static-container.large .activity-payload {
    max-width: 98%;
  }
  .zybook-chapter-print-page .section-container .interactive-activity-container.large .activity-payload .content-resource,
  .zybook-chapter-print-page .section-container .static-container.large .activity-payload .content-resource,
  .zybook-chapter-section-loading-page .section-container .interactive-activity-container.large .activity-payload .content-resource,
  .zybook-chapter-section-loading-page .section-container .static-container.large .activity-payload .content-resource,
  .zybook-chapter-section-page .section-container .interactive-activity-container.large .activity-payload .content-resource,
  .zybook-chapter-section-page .section-container .static-container.large .activity-payload .content-resource {
    max-width: 100%;
  }
  .zybook-chapter-print-page .section-container .interactive-activity-container.large .activity-payload .content-resource .ace-editor-container,
  .zybook-chapter-print-page .section-container .static-container.large .activity-payload .content-resource .ace-editor-container,
  .zybook-chapter-section-loading-page .section-container .interactive-activity-container.large .activity-payload .content-resource .ace-editor-container,
  .zybook-chapter-section-loading-page .section-container .static-container.large .activity-payload .content-resource .ace-editor-container,
  .zybook-chapter-section-page .section-container .interactive-activity-container.large .activity-payload .content-resource .ace-editor-container,
  .zybook-chapter-section-page .section-container .static-container.large .activity-payload .content-resource .ace-editor-container {
    max-width: 100%;
  }
  .zybook-chapter-print-page .section-container .interactive-activity-container.large .activity-payload .content-resource .ace-editor-container .code-editor,
  .zybook-chapter-print-page .section-container .static-container.large .activity-payload .content-resource .ace-editor-container .code-editor,
  .zybook-chapter-section-loading-page .section-container .interactive-activity-container.large .activity-payload .content-resource .ace-editor-container .code-editor,
  .zybook-chapter-section-loading-page .section-container .static-container.large .activity-payload .content-resource .ace-editor-container .code-editor,
  .zybook-chapter-section-page .section-container .interactive-activity-container.large .activity-payload .content-resource .ace-editor-container .code-editor,
  .zybook-chapter-section-page .section-container .static-container.large .activity-payload .content-resource .ace-editor-container .code-editor {
    max-width: 98%;
  }
  .zybook-chapter-print-page .section-container .interactive-activity-container.large .activity-payload .content-resource .ace-editor-container .chevron-container,
  .zybook-chapter-print-page .section-container .static-container.large .activity-payload .content-resource .ace-editor-container .chevron-container,
  .zybook-chapter-section-loading-page .section-container .interactive-activity-container.large .activity-payload .content-resource .ace-editor-container .chevron-container,
  .zybook-chapter-section-loading-page .section-container .static-container.large .activity-payload .content-resource .ace-editor-container .chevron-container,
  .zybook-chapter-section-page .section-container .interactive-activity-container.large .activity-payload .content-resource .ace-editor-container .chevron-container,
  .zybook-chapter-section-page .section-container .static-container.large .activity-payload .content-resource .ace-editor-container .chevron-container {
    display: none;
  }
  .zybook-chapter-print-page .section-container .interactive-activity-container.large .static-container-payload,
  .zybook-chapter-print-page .section-container .static-container.large .static-container-payload,
  .zybook-chapter-section-loading-page .section-container .interactive-activity-container.large .static-container-payload,
  .zybook-chapter-section-loading-page .section-container .static-container.large .static-container-payload,
  .zybook-chapter-section-page .section-container .interactive-activity-container.large .static-container-payload,
  .zybook-chapter-section-page .section-container .static-container.large .static-container-payload {
    max-width: 96%;
  }
  .zybook-chapter-print-page .section-container .interactive-activity-container.large .static-container-payload .activity-instructions,
  .zybook-chapter-print-page .section-container .static-container.large .static-container-payload .activity-instructions,
  .zybook-chapter-section-loading-page .section-container .interactive-activity-container.large .static-container-payload .activity-instructions,
  .zybook-chapter-section-loading-page .section-container .static-container.large .static-container-payload .activity-instructions,
  .zybook-chapter-section-page .section-container .interactive-activity-container.large .static-container-payload .activity-instructions,
  .zybook-chapter-section-page .section-container .static-container.large .static-container-payload .activity-instructions {
    max-width: 73%;
  }
  .zybook-chapter-print-page .section-container .interactive-activity-container.large .static-container-payload .content-resource,
  .zybook-chapter-print-page .section-container .static-container.large .static-container-payload .content-resource,
  .zybook-chapter-section-loading-page .section-container .interactive-activity-container.large .static-container-payload .content-resource,
  .zybook-chapter-section-loading-page .section-container .static-container.large .static-container-payload .content-resource,
  .zybook-chapter-section-page .section-container .interactive-activity-container.large .static-container-payload .content-resource,
  .zybook-chapter-section-page .section-container .static-container.large .static-container-payload .content-resource {
    max-width: 95%;
  }
  .zybook-chapter-print-page .section-container .interactive-activity-container.large .static-container-payload .content-resource .zyde-tool-container.stacked,
  .zybook-chapter-print-page .section-container .static-container.large .static-container-payload .content-resource .zyde-tool-container.stacked,
  .zybook-chapter-section-loading-page .section-container .interactive-activity-container.large .static-container-payload .content-resource .zyde-tool-container.stacked,
  .zybook-chapter-section-loading-page .section-container .static-container.large .static-container-payload .content-resource .zyde-tool-container.stacked,
  .zybook-chapter-section-page .section-container .interactive-activity-container.large .static-container-payload .content-resource .zyde-tool-container.stacked,
  .zybook-chapter-section-page .section-container .static-container.large .static-container-payload .content-resource .zyde-tool-container.stacked {
    margin-right: 0;
    max-width: 77%;
  }
  .zybook-chapter-print-page .section-nav,
  .zybook-chapter-print-page .zb-card,
  .zybook-chapter-section-loading-page .section-nav,
  .zybook-chapter-section-loading-page .zb-card,
  .zybook-chapter-section-page .section-nav,
  .zybook-chapter-section-page .zb-card {
    max-width: 900px;
    padding: 0 10px;
  }
  .zybook-chapter-print-page .section-nav,
  .zybook-chapter-section-loading-page .section-nav,
  .zybook-chapter-section-page .section-nav {
    display: none;
  }
  .zybook-chapter-print-page .top-toolbar,
  .zybook-chapter-section-loading-page .top-toolbar,
  .zybook-chapter-section-page .top-toolbar {
    display: none;
  }
  .zybook-chapter-print-page .section-container,
  .zybook-chapter-print-page .section-loading-card,
  .zybook-chapter-print-page .zybook-section,
  .zybook-chapter-section-loading-page .section-container,
  .zybook-chapter-section-loading-page .section-loading-card,
  .zybook-chapter-section-loading-page .zybook-section,
  .zybook-chapter-section-page .section-container,
  .zybook-chapter-section-page .section-loading-card,
  .zybook-chapter-section-page .zybook-section {
    margin: 0 auto;
  }
  .zb-card .zb-card-content {
    display: block;
    padding: 0;
  }
  .top-toolbar {
    display: none;
  }
  .route-container {
    height: 100%;
    margin: 0;
  }
  .zb-modal,
  .zb-scrollin-modal {
    display: block;
    height: 100%;
    overflow-y: visible;
    position: absolute;
    width: 100%;
  }
  .zb-modal .zb-toolbar,
  .zb-scrollin-modal .zb-toolbar {
    display: none;
  }
  .zb-modal .zb-actions,
  .zb-modal .zb-modal-banner,
  .zb-scrollin-modal .zb-actions,
  .zb-scrollin-modal .zb-modal-banner {
    display: none;
  }
  .zb-modal .zb-card .zb-card-content,
  .zb-scrollin-modal .zb-card .zb-card-content {
    display: block;
    padding: 0;
  }
  .zb-modal .zb-modal-content,
  .zb-scrollin-modal .zb-modal-content {
    display: block;
    height: 100%;
    max-height: 100%;
    overflow-y: visible;
    width: 100%;
  }
  .zb-modal .zb-modal-content .zb-modal-card-container,
  .zb-scrollin-modal .zb-modal-content .zb-modal-card-container {
    display: block;
  }
  .zb-modal .zb-modal-content .zb-modal-card-container .zb-modal-card,
  .zb-scrollin-modal .zb-modal-content .zb-modal-card-container .zb-modal-card {
    display: block;
    height: 100%;
    margin: 0;
    width: 100%;
  }
}
.forgot-page,
.reset-page,
.signin-page,
.signup-page,
.instructor-verify-page {
  background-color: hsl(calc(var(--zb-semantic-color-signin-page-background-h) + 0deg), calc(var(--zb-semantic-color-signin-page-background-s) + 0%), calc(var(--zb-semantic-color-signin-page-background-l) + 0%), calc(var(--zb-semantic-color-signin-page-background-a) + 0));
}
.forgot-page .zb-footer a,
.reset-page .zb-footer a,
.signin-page .zb-footer a,
.signup-page .zb-footer a,
.instructor-verify-page .zb-footer a {
  color: hsl(calc(var(--zb-semantic-color-white-h) + 0deg), calc(var(--zb-semantic-color-white-s) + 0%), calc(var(--zb-semantic-color-white-l) + 0%), calc(var(--zb-semantic-color-white-a) + 0));
}
.hover\:h-5:hover{
  height: 1.25rem;
}</pre></body></html>