@import "https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wdth,wght@0,62.5..100,100..900;1,62.5..100,100..900&family=Noto+Serif:ital,wdth,wght@0,62.5..100,100..900;1,62.5..100,100..900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght@100..700&display=block";
@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=block";
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;200;300;400;500;600;700;800;900&display=swap");
/**
 * tom-select.css (v2.4.3)
 * Copyright (c) contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 */
.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  box-sizing: border-box;
  touch-action: manipulation;
  background: #fff;
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}
.flatpickr-calendar.animate.open {
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px;
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}
.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}
.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}
.flatpickr-calendar:focus {
  outline: 0;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-months {
  display: flex;
}
.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0,0,0,0.9);
  fill: rgba(0,0,0,0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden;
  flex: 1;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0,0,0,0.9);
  fill: rgba(0,0,0,0.9);
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
/*
      /*rtl:begin:ignore*/
/*
      */
  left: 0;
/*
      /*rtl:end:ignore*/
/*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
/*
      /*rtl:begin:ignore*/
/*
      */
  right: 0;
/*
      /*rtl:end:ignore*/
/*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  transition: fill 0.1s;
  fill: inherit;
}
.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57,57,57,0.15);
  box-sizing: border-box;
}
.numInputWrapper span:hover {
  background: rgba(0,0,0,0.1);
}
.numInputWrapper span:active {
  background: rgba(0,0,0,0.2);
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57,57,57,0.6);
  top: 26%;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57,57,57,0.6);
  top: 40%;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(0,0,0,0.5);
}
.numInputWrapper:hover {
  background: rgba(0,0,0,0.05);
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  transform: translate3d(0px, 0px, 0px);
}
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
  background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0,0,0,0.5);
  background: transparent;
  pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}
.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
  height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: flex;
  flex: 1;
}
span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0,0,0,0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  flex: 1;
  font-weight: bolder;
}
.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}
.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  width: 307.875px;
}
.flatpickr-days:focus {
  outline: 0;
}
.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  box-sizing: border-box;
  display: inline-block;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: space-around;
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}
.dayContainer + .dayContainer {
  box-shadow: -1px 0 0 #e6e6e6;
}
.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  justify-content: center;
  text-align: center;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.flatpickr-day.today {
  border-color: #959ea9;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  box-shadow: -10px 0 0 #569ff7;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-day.inRange {
  border-radius: 0;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57,57,57,0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57,57,57,0.1);
}
.flatpickr-day.week.selected {
  border-radius: 0;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}
.flatpickr-day.hidden {
  visibility: hidden;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
.flatpickr-weekwrapper {
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57,57,57,0.3);
  background: transparent;
  cursor: default;
  border: none;
}
.flatpickr-innerContainer {
  display: block;
  display: flex;
  box-sizing: border-box;
  overflow: hidden;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  box-sizing: border-box;
}
.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: transparent;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.ts-control {
  border: 1px solid #d0d0d0;
  padding: 8px 8px;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 3px;
  display: flex;
  flex-wrap: wrap;
}
.ts-wrapper.multi.has-items .ts-control {
  padding: 6px 8px 3px;
}
.full .ts-control {
  background-color: #fff;
}
.disabled .ts-control, .disabled .ts-control * {
  cursor: default !important;
}
.focus .ts-control {
  box-shadow: none;
}
.ts-control > * {
  vertical-align: baseline;
  display: inline-block;
}
.ts-wrapper.multi .ts-control > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #f2f2f2;
  color: #303030;
  border: 0 solid #d0d0d0;
}
.ts-wrapper.multi .ts-control > div.active {
  background: #e8e8e8;
  color: #303030;
  border: 0 solid #cacaca;
}
.ts-wrapper.multi.disabled .ts-control > div, .ts-wrapper.multi.disabled .ts-control > div.active {
  color: rgb(124.5, 124.5, 124.5);
  background: white;
  border: 0 solid white;
}
.ts-control > input {
  flex: 1 1 auto;
  min-width: 7rem;
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
          user-select: auto !important;
  box-shadow: none !important;
}
.ts-control > input::-ms-clear {
  display: none;
}
.ts-control > input:focus {
  outline: none !important;
}
.has-items .ts-control > input {
  margin: 0 4px !important;
}
.ts-control.rtl {
  text-align: right;
}
.ts-control.rtl.single .ts-control:after {
  left: 15px;
  right: auto;
}
.ts-control.rtl .ts-control > input {
  margin: 0 4px 0 -2px !important;
}
.disabled .ts-control {
  opacity: 0.5;
  background-color: #fafafa;
}
.input-hidden .ts-control > input {
  opacity: 0;
  position: absolute;
  left: -10000px;
}
.ts-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #fff;
  margin: 0.25rem 0 0;
  border-top: 0 none;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 3px 3px;
}
.ts-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}
.ts-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  border-radius: 1px;
}
.ts-dropdown .option,
.ts-dropdown .optgroup-header,
.ts-dropdown .no-results,
.ts-dropdown .create {
  padding: 5px 8px;
}
.ts-dropdown .option, .ts-dropdown [data-disabled], .ts-dropdown [data-disabled] [data-selectable].option {
  cursor: inherit;
  opacity: 0.5;
}
.ts-dropdown [data-selectable].option {
  opacity: 1;
  cursor: pointer;
}
.ts-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.ts-dropdown .optgroup-header {
  color: #303030;
  background: #fff;
  cursor: default;
}
.ts-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}
.ts-dropdown .active.create {
  color: #495c68;
}
.ts-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}
.ts-dropdown .spinner {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 5px 8px;
}
.ts-dropdown .spinner::after {
  content: " ";
  display: block;
  width: 24px;
  height: 24px;
  margin: 3px;
  border-radius: 50%;
  border: 5px solid #d0d0d0;
  border-color: #d0d0d0 transparent #d0d0d0 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ts-dropdown-content {
  overflow: hidden auto;
  max-height: 200px;
  scroll-behavior: smooth;
}
.ts-wrapper.plugin-drag_drop .ts-dragging {
  color: transparent !important;
}
.ts-wrapper.plugin-drag_drop .ts-dragging > * {
  visibility: hidden !important;
}
.plugin-checkbox_options:not(.rtl) .option input {
  margin-right: 0.5rem;
}
.plugin-checkbox_options.rtl .option input {
  margin-left: 0.5rem;
}
/* stylelint-disable function-name-case */
.plugin-clear_button {
  --ts-pr-clear-button: 1em;
}
.plugin-clear_button .clear-button {
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 2px;
  margin-right: 0 !important;
  background: transparent !important;
  transition: opacity 0.5s;
  cursor: pointer;
}
.plugin-clear_button.form-select .clear-button, .plugin-clear_button.single .clear-button {
  right: max(var(--ts-pr-caret), 8px);
}
.plugin-clear_button.focus.has-items .clear-button, .plugin-clear_button:not(.disabled):hover.has-items .clear-button {
  opacity: 1;
}
.ts-wrapper .dropdown-header {
  position: relative;
  padding: 10px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: color-mix(#fff, #d0d0d0, 85%);
  border-radius: 3px 3px 0 0;
}
.ts-wrapper .dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}
.ts-wrapper .dropdown-header-close:hover {
  color: black;
}
.plugin-dropdown_input.focus.dropdown-active .ts-control {
  box-shadow: none;
  border: 1px solid #d0d0d0;
}
.plugin-dropdown_input .dropdown-input {
  border: 1px solid #d0d0d0;
  border-width: 0 0 1px;
  display: block;
  padding: 8px 8px;
  box-shadow: none;
  width: 100%;
  background: transparent;
}
.plugin-dropdown_input .items-placeholder {
  border: 0 none !important;
  box-shadow: none !important;
  width: 100%;
}
.plugin-dropdown_input.has-items .items-placeholder, .plugin-dropdown_input.dropdown-active .items-placeholder {
  display: none !important;
}
.ts-wrapper.plugin-input_autogrow.has-items .ts-control > input {
  min-width: 0;
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input {
  flex: none;
  min-width: 4px;
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-moz-placeholder {
  color: transparent;
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::placeholder {
  color: transparent;
}
.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content {
  display: flex;
}
.ts-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
}
.ts-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.ts-dropdown.plugin-optgroup_columns .optgroup::before {
  display: none;
}
.ts-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}
.ts-wrapper.plugin-remove_button .item {
  display: inline-flex;
  align-items: center;
}
.ts-wrapper.plugin-remove_button .item .remove {
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 0 6px;
  border-radius: 0 2px 2px 0;
  box-sizing: border-box;
}
.ts-wrapper.plugin-remove_button .item .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}
.ts-wrapper.plugin-remove_button.disabled .item .remove:hover {
  background: none;
}
.ts-wrapper.plugin-remove_button .remove-single {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 23px;
}
.ts-wrapper.plugin-remove_button:not(.rtl) .item {
  padding-right: 0 !important;
}
.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
  border-left: 1px solid #d0d0d0;
  margin-left: 6px;
}
.ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove {
  border-left-color: #cacaca;
}
.ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove {
  border-left-color: white;
}
.ts-wrapper.plugin-remove_button.rtl .item {
  padding-left: 0 !important;
}
.ts-wrapper.plugin-remove_button.rtl .item .remove {
  border-right: 1px solid #d0d0d0;
  margin-right: 6px;
}
.ts-wrapper.plugin-remove_button.rtl .item.active .remove {
  border-right-color: #cacaca;
}
.ts-wrapper.plugin-remove_button.rtl.disabled .item .remove {
  border-right-color: white;
}
:root {
  --ts-pr-clear-button: 0px;
  --ts-pr-caret: 0px;
  --ts-pr-min: .75rem;
}
.ts-wrapper.single .ts-control, .ts-wrapper.single .ts-control input {
  cursor: pointer;
}
.ts-control:not(.rtl) {
  padding-right: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important;
}
.ts-control.rtl {
  padding-left: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important;
}
.ts-wrapper {
  position: relative;
}
.ts-dropdown,
.ts-control,
.ts-control input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
}
.ts-control,
.ts-wrapper.single.input-active .ts-control {
  background: #fff;
  cursor: text;
}
.ts-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}
/* Third party Vendors */
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}
/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}
/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role=list],
ol[role=list] {
  list-style: none;
}
/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}
/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}
/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}
/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}
/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}
/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/* Fonts */
/*
  Instead of hosting the font files locally which requires a compiler to handle them, we pull fonts
  from Google's CDN. For more information on the variable font, see:
  https://developers.google.com/fonts/docs/material_symbols#variable_font_with_google_fonts
*/
/*
Noto Sans supports:
  font-weight: {anything between 100 and 900}
  font-stretch: {anything between 62.5% and 100%}
  font-style: {normal or italic}
*/
/*
  Noto Serif supports:
  font-weight: {anything between 100 and 900}
  font-stretch: {anything between 62.5% and 100%}
  font-style: {normal or italic}
*/
/* Noto Sans and Noto Serif */
/*
  See all icons at: https://fonts.google.com/icons?icon.set=Material+Symbols
  This import of Material Symbols supports:
  font weight set through: font-variation-settings: 'wght' {100..700}
*/
/* Material Symbols */
/* Tokens */
:root {
  /* Color HSLs
    A theme comprised of a primary, neutral, warning, danger, info, and notice colors.
  */
  /* Basic Colors */
  /**
  * @tokens Basic Colors
  * @presenter Color
  */
  --op-color-white: hsl(0deg 100% 100%);
  --op-color-black: hsl(0deg 0% 0%);
  /**
  * @tokens Primary Colors
  * @presenter Color
  */
  --op-color-primary-h: 216;
  --op-color-primary-s: 58%;
  --op-color-primary-l: 48%;
  /**
  * @tokens Neutral Colors
  * @presenter Color
  */
  --op-color-neutral-h: var(--op-color-primary-h);
  --op-color-neutral-s: 4%;
  --op-color-neutral-l: var(--op-color-primary-l);
  /**
  * @tokens Alerts Warning Colors
  * @presenter Color
  */
  --op-color-alerts-warning-h: 47;
  --op-color-alerts-warning-s: 100%;
  --op-color-alerts-warning-l: 61%;
  /**
  * @tokens Alerts Danger Colors
  * @presenter Color
  */
  --op-color-alerts-danger-h: 0;
  --op-color-alerts-danger-s: 99%;
  --op-color-alerts-danger-l: 76%;
  /**
  * @tokens Alerts Info Colors
  * @presenter Color
  */
  --op-color-alerts-info-h: 216;
  --op-color-alerts-info-s: 58%;
  --op-color-alerts-info-l: 48%;
  /**
  * @tokens Alerts Notice Colors
  * @presenter Color
  */
  --op-color-alerts-notice-h: 130;
  --op-color-alerts-notice-s: 61%;
  --op-color-alerts-notice-l: 64%;
  /**
  * @tokens Opacities
  * @presenter Opacity
  */
  --op-opacity-none: 0;
  --op-opacity-overlay: 0.2;
  --op-opacity-disabled: 0.4;
  --op-opacity-half: 0.5;
  --op-opacity-full: 1;
  /*
    Breakpoints
    CSS does not support using variables within @media or @container queries. Environment variables are drafted but likely to not be implemented soon.
    https://drafts.csswg.org/css-env-1/
    https://bholmes.dev/blog/alternative-to-css-variable-media-queries/

    Here is a list of breakpoints used throughout Optics:
  */
  /**
  * @tokens Breakpoints
  * @presenter Spacing
  */
  --op-breakpoint-x-small: 512px; /* vertical phone */
  --op-breakpoint-small: 768px; /* vertical ipad */
  --op-breakpoint-medium: 1024px; /* landscape ipad */
  --op-breakpoint-large: 1280px; /* small laptop */
  --op-breakpoint-x-large: 1440px; /* medium laptop */
  /* Border */
  /**
  * @tokens Border Radius
  * @presenter BorderRadius
  */
  --op-radius-small: 2px;
  --op-radius-medium: 4px;
  --op-radius-large: 8px;
  --op-radius-x-large: 12px;
  --op-radius-2x-large: 16px;
  --op-radius-circle: 50%;
  --op-radius-pill: 9999px;
  /**
  * @tokens Border Width
  * @presenter Spacing
  */
  --op-border-width: 1px;
  --op-border-width-large: 2px;
  --op-border-width-x-large: 4px;
  /**
  * @tokens Border Color
  * @presenter Color
  */
  --op-color-border: var(--op-color-neutral-plus-five);
  /* E.G. box-shadow: var(--op-border-top) var(--op-color-border); */
  /**
  * @tokens Border Shadow
  * @presenter Shadow
  */
  --op-border-none: 0 0 0 0;
  --op-border-all: 0 0 0 var(--op-border-width);
  --op-border-top: 0 calc(var(--op-border-width)*-1) 0 0;
  --op-border-right: var(--op-border-width) 0 0 0;
  --op-border-bottom: 0 var(--op-border-width) 0 0;
  --op-border-left: calc(var(--op-border-width)*-1) 0 0 0;
  --op-border-y: var(--op-border-top) var(--op-color-border), var(--op-border-bottom) var(--op-color-border);
  --op-border-x: var(--op-border-left) var(--op-color-border), var(--op-border-right) var(--op-color-border);
  /* Font */
  /**
  * @tokens Font Scale
  * @presenter FontSize
  */
  --op-font-scale-unit: 1rem; /* 10px; */
  --op-font-2x-small: calc(var(--op-font-scale-unit)*1); /* 10px */
  --op-font-x-small: calc(var(--op-font-scale-unit)*1.2); /* 12px */
  --op-font-small: calc(var(--op-font-scale-unit)*1.4); /* 14px */
  --op-font-medium: calc(var(--op-font-scale-unit)*1.6); /* 16px */
  --op-font-large: calc(var(--op-font-scale-unit)*1.8); /* 18px */
  --op-font-x-large: calc(var(--op-font-scale-unit)*2); /* 20px */
  --op-font-2x-large: calc(var(--op-font-scale-unit)*2.4); /* 24px */
  --op-font-3x-large: calc(var(--op-font-scale-unit)*2.8); /* 28px */
  --op-font-4x-large: calc(var(--op-font-scale-unit)*3.2); /* 32px */
  --op-font-5x-large: calc(var(--op-font-scale-unit)*3.6); /* 36px */
  --op-font-6x-large: calc(var(--op-font-scale-unit)*4.8); /* 48px */
  /**
  * @tokens Font Weight
  * @presenter FontWeight
  */
  --op-font-weight-thin: 100;
  --op-font-weight-extra-light: 200;
  --op-font-weight-light: 300;
  --op-font-weight-normal: 400;
  --op-font-weight-medium: 500;
  --op-font-weight-semi-bold: 600;
  --op-font-weight-bold: 700;
  --op-font-weight-extra-bold: 800;
  --op-font-weight-black: 900;
  /**
  * @tokens Font Family
  * @presenter FontFamily
  */
  --op-font-family: "Noto Sans", sans-serif;
  --op-font-family-alt: "Noto Serif", serif;
  /* Text */
  /**
  * @tokens Line Height
  * @presenter LineHeight
  */
  --op-line-height-none: 0;
  --op-line-height-densest: 1;
  --op-line-height-denser: 1.15;
  --op-line-height-dense: 1.3;
  --op-line-height-base: 1.5;
  --op-line-height-loose: 1.6;
  --op-line-height-looser: 1.7;
  --op-line-height-loosest: 1.8;
  /**
  * @tokens Letter Spacing
  * @presenter LetterSpacing
  */
  --op-letter-spacing-navigation: 0.01rem;
  --op-letter-spacing-label: 0.04rem;
  /* Transitions and Animations */
  /**
  * @tokens Transition
  */
  --op-transition-accordion: rotate 120ms ease-in;
  --op-transition-accordion-content: height 300ms ease, content-visibility 300ms ease allow-discrete;
  --op-transition-input: all 120ms ease-in;
  --op-transition-sidebar: all 200ms ease-in-out;
  --op-transition-modal: all 300ms ease-in;
  --op-transition-panel: right 400ms ease-in;
  --op-transition-tooltip: all 300ms ease-in 300ms;
  /**
  * @tokens Animation
  * @presenter Animation
  */
  --op-animation-flash: rm-slide-in-out-flash 5s normal forwards;
  /* Encoded Images */
  /**
  * @tokens Encoded Images
  */
  --op-encoded-images-dropdown-arrow-width: calc(var(--op-space-scale-unit)*1.2); /* 12px No way to string interpolate */
  --op-encoded-images-dropdown-arrow: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02IDguMzc1MDFMMCAyLjM3NTAxTDEuNCAwLjk3NTAwNkw2IDUuNTc1MDFMMTAuNiAwLjk3NTAwNkwxMiAyLjM3NTAxTDYgOC4zNzUwMVoiIGZpbGw9IiMwQTBBMEIiLz4KPC9zdmc+Cg==");
  /* Spacing */
  /**
  * @tokens Size Scale
  * @presenter Spacing
  */
  --op-size-unit: 0.4rem; /* 4px */
  /**
  * @tokens Space Scale
  * @presenter Spacing
  */
  --op-space-scale-unit: 1rem; /* 10px; */
  --op-space-3x-small: calc(var(--op-space-scale-unit)*0.2); /* 2px */
  --op-space-2x-small: calc(var(--op-space-scale-unit)*0.4); /* 4px */
  --op-space-x-small: calc(var(--op-space-scale-unit)*0.8); /* 8px */
  --op-space-small: calc(var(--op-space-scale-unit)*1.2); /* 12px */
  --op-space-medium: calc(var(--op-space-scale-unit)*1.6); /* 16px */
  --op-space-large: calc(var(--op-space-scale-unit)*2); /* 20px */
  --op-space-x-large: calc(var(--op-space-scale-unit)*2.4); /* 24px */
  --op-space-2x-large: calc(var(--op-space-scale-unit)*2.8); /* 28px */
  --op-space-3x-large: calc(var(--op-space-scale-unit)*4); /* 40px */
  --op-space-4x-large: calc(var(--op-space-scale-unit)*8); /* 80px */
  /* Shadows */
  /**
  * @tokens Shadows
  * @presenter Shadow
  */
  --op-shadow-x-small: 0 1px 2px hsl(0deg 0% 0% / 3%), 0 1px 3px hsl(0deg 0% 0% / 15%);
  --op-shadow-small: 0 1px 2px hsl(0deg 0% 0% / 3%), 0 2px 6px hsl(0deg 0% 0% / 15%);
  --op-shadow-medium: 0 4px 8px hsl(0deg 0% 0% / 15%), 0 1px 3px hsl(0deg 0% 0% / 3%);
  --op-shadow-large: 0 6px 10px hsl(0deg 0% 0% / 15%), 0 2px 3px hsl(0deg 0% 0% / 3%);
  --op-shadow-x-large: 0 8px 12px hsl(0deg 0% 0% / 15%), 0 4px 4px hsl(0deg 0% 0% / 3%);
  /* Z Index */
  /**
  * @tokens Z-Index
  */
  --op-z-index-header: 500;
  --op-z-index-footer: 500;
  --op-z-index-sidebar: 700;
  --op-z-index-dialog: 800;
  --op-z-index-dialog-backdrop: 801;
  --op-z-index-dialog-content: 802;
  --op-z-index-dropdown: 900;
  --op-z-index-alert-group: 950;
  --op-z-index-tooltip: 1000;
  /* Inputs */
  /*
    This should follow multiples of 4
    https: //uxdesign.cc/baseline-grids-design-systems-ae23b5af8cec See example 8
  */
  /**
  * @tokens Input Heights
  * @presenter Spacing
  */
  --op-input-height-small: 2.8rem; /* 28px */
  --op-input-height-medium: 3.6rem; /* 36px */
  --op-input-height-large: 4rem; /* 40px */
  --op-input-height-x-large: 8.4rem; /* 84px */
  /**
  * @tokens Input Focus
  * @presenter Shadow
  */
  --op-input-inner-focus: inset 0 0 0 var(--op-border-width-large);
  --op-input-outer-focus: 0 0 0 var(--op-border-width-x-large);
  --op-input-focus-primary: var(--op-input-inner-focus) var(--op-color-primary-plus-two),
    var(--op-input-outer-focus) var(--op-color-primary-plus-five);
  --op-input-focus-neutral: var(--op-input-inner-focus) var(--op-color-neutral-plus-two),
    var(--op-input-outer-focus) var(--op-color-neutral-plus-five);
  --op-input-focus-danger: var(--op-input-inner-focus) var(--op-color-alerts-danger-plus-two),
    var(--op-input-outer-focus) var(--op-color-alerts-danger-plus-five);
  --op-input-focus-warning: var(--op-input-inner-focus) var(--op-color-alerts-warning-plus-two),
    var(--op-input-outer-focus) var(--op-color-alerts-warning-plus-five);
  --op-input-focus-info: var(--op-input-inner-focus) var(--op-color-alerts-info-plus-two),
    var(--op-input-outer-focus) var(--op-color-alerts-info-plus-five);
  --op-input-focus-notice: var(--op-input-inner-focus) var(--op-color-alerts-notice-plus-two),
    var(--op-input-outer-focus) var(--op-color-alerts-notice-plus-five);
}
/* Animations */
@keyframes rm-slide-in-out-flash {
  /*
    If an duration of 5s is set:
    Start off the Screen
  */
  0% {
    right: -100%;
  }
  /* Animate onto the screen for 0.5s */
  10% {
    right: var(--op-space-large);
  }
  /* Stay on the screen for 3s */
  70% {
    right: var(--op-space-large);
  }
  /* Animate off the screen for 1.5s */
  100% {
    right: -100%;
  }
}
:root {
  /* Enable light and dark mode switching */
  color-scheme: light dark;
  /*
    Semantic Scales: plus adds luminosity, minus removes luminosity
    This borrows from the photography concept of Aperture f-stops.
    https://www.adobe.com/creativecloud/photography/discover/f-stop.html
  */
  /**
  * @tokens Primary Colors
  * @presenter Color
  */
  --op-color-primary-original: hsl(var(--op-color-primary-h) var(--op-color-primary-s) var(--op-color-primary-l));
  /* Main Scale */
  --op-color-primary-plus-max: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 100%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 12%)
  );
  --op-color-primary-plus-eight: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 98%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 14%)
  );
  --op-color-primary-plus-seven: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 96%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 16%)
  );
  --op-color-primary-plus-six: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 94%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 20%)
  );
  --op-color-primary-plus-five: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 90%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 24%)
  );
  --op-color-primary-plus-four: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 84%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 26%)
  );
  --op-color-primary-plus-three: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 70%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 29%)
  );
  --op-color-primary-plus-two: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 64%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 32%)
  );
  --op-color-primary-plus-one: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 45%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 35%)
  );
  --op-color-primary-base: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 40%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 38%)
  );
  --op-color-primary-minus-one: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 36%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 40%)
  );
  --op-color-primary-minus-two: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 32%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 45%)
  );
  --op-color-primary-minus-three: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 28%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 48%)
  );
  --op-color-primary-minus-four: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 24%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 52%)
  );
  --op-color-primary-minus-five: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 20%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 64%)
  );
  --op-color-primary-minus-six: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 16%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 72%)
  );
  --op-color-primary-minus-seven: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 8%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 80%)
  );
  --op-color-primary-minus-eight: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 4%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 88%)
  );
  --op-color-primary-minus-max: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 0%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 100%)
  );
  /* On Scale */
  --op-color-primary-on-plus-max: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 0%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 100%)
  );
  --op-color-primary-on-plus-max-alt: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 20%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 78%)
  );
  --op-color-primary-on-plus-eight: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 4%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 88%)
  );
  --op-color-primary-on-plus-eight-alt: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 24%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 70%)
  );
  --op-color-primary-on-plus-seven: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 8%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 80%)
  );
  --op-color-primary-on-plus-seven-alt: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 28%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 64%)
  );
  --op-color-primary-on-plus-six: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 16%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 72%)
  );
  --op-color-primary-on-plus-six-alt: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 26%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 96%)
  );
  --op-color-primary-on-plus-five: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 20%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 72%)
  );
  --op-color-primary-on-plus-five-alt: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 40%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 86%)
  );
  --op-color-primary-on-plus-four: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 24%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 80%)
  );
  --op-color-primary-on-plus-four-alt: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 4%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 92%)
  );
  --op-color-primary-on-plus-three: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 20%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 78%)
  );
  --op-color-primary-on-plus-three-alt: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 10%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 98%)
  );
  --op-color-primary-on-plus-two: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 16%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 80%)
  );
  --op-color-primary-on-plus-two-alt: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 6%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 92%)
  );
  --op-color-primary-on-plus-one: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 100%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 80%)
  );
  --op-color-primary-on-plus-one-alt: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 95%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 98%)
  );
  --op-color-primary-on-base: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 100%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 100%)
  );
  --op-color-primary-on-base-alt: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 88%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 84%)
  );
  --op-color-primary-on-minus-one: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 94%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 98%)
  );
  --op-color-primary-on-minus-one-alt: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 82%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 90%)
  );
  --op-color-primary-on-minus-two: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 90%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 98%)
  );
  --op-color-primary-on-minus-two-alt: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 78%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 92%)
  );
  --op-color-primary-on-minus-three: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 86%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 98%)
  );
  --op-color-primary-on-minus-three-alt: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 74%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 96%)
  );
  --op-color-primary-on-minus-four: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 84%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 2%)
  );
  --op-color-primary-on-minus-four-alt: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 72%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 2%)
  );
  --op-color-primary-on-minus-five: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 88%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 2%)
  );
  --op-color-primary-on-minus-five-alt: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 78%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 20%)
  );
  --op-color-primary-on-minus-six: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 94%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 8%)
  );
  --op-color-primary-on-minus-six-alt: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 82%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 26%)
  );
  --op-color-primary-on-minus-seven: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 96%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 8%)
  );
  --op-color-primary-on-minus-seven-alt: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 84%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 34%)
  );
  --op-color-primary-on-minus-eight: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 98%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 4%)
  );
  --op-color-primary-on-minus-eight-alt: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 86%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 38%)
  );
  --op-color-primary-on-minus-max: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 100%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 0%)
  );
  --op-color-primary-on-minus-max-alt: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 88%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 38%)
  );
  /**
  * @tokens Neutral Colors
  * @presenter Color
  */
  --op-color-neutral-original: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) var(--op-color-neutral-l));
  /* Main Scale */
  --op-color-neutral-plus-max: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 100%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 8%)
  );
  --op-color-neutral-plus-eight: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 98%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 10%)
  );
  --op-color-neutral-plus-seven: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 96%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 14%)
  );
  --op-color-neutral-plus-six: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 94%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 16%)
  );
  --op-color-neutral-plus-five: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 90%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 18%)
  );
  --op-color-neutral-plus-four: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 84%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 20%)
  );
  --op-color-neutral-plus-three: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 70%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 24%)
  );
  --op-color-neutral-plus-two: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 64%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 26%)
  );
  --op-color-neutral-plus-one: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 44%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 30%)
  );
  --op-color-neutral-base: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 40%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 32%)
  );
  --op-color-neutral-minus-one: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 36%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 36%)
  );
  --op-color-neutral-minus-two: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 32%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 40%)
  );
  --op-color-neutral-minus-three: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 28%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 44%)
  );
  --op-color-neutral-minus-four: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 24%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 52%)
  );
  --op-color-neutral-minus-five: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 20%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 64%)
  );
  --op-color-neutral-minus-six: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 16%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 72%)
  );
  --op-color-neutral-minus-seven: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 8%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 80%)
  );
  --op-color-neutral-minus-eight: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 4%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 88%)
  );
  --op-color-neutral-minus-max: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 0%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 100%)
  );
  /* On Scale */
  --op-color-neutral-on-plus-max: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 0%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 100%)
  );
  --op-color-neutral-on-plus-max-alt: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 40%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 54%)
  );
  --op-color-neutral-on-plus-eight: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 4%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 88%)
  );
  --op-color-neutral-on-plus-eight-alt: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 34%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 54%)
  );
  --op-color-neutral-on-plus-seven: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 8%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 80%)
  );
  --op-color-neutral-on-plus-seven-alt: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 28%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 58%)
  );
  --op-color-neutral-on-plus-six: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 16%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 72%)
  );
  --op-color-neutral-on-plus-six-alt: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 36%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 90%)
  );
  --op-color-neutral-on-plus-five: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 20%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 80%)
  );
  --op-color-neutral-on-plus-five-alt: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 40%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 94%)
  );
  --op-color-neutral-on-plus-four: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 24%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 88%)
  );
  --op-color-neutral-on-plus-four-alt: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 4%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 68%)
  );
  --op-color-neutral-on-plus-three: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 20%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 88%)
  );
  --op-color-neutral-on-plus-three-alt: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 10%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 68%)
  );
  --op-color-neutral-on-plus-two: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 16%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 88%)
  );
  --op-color-neutral-on-plus-two-alt: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 6%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 72%)
  );
  --op-color-neutral-on-plus-one: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 100%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 100%)
  );
  --op-color-neutral-on-plus-one-alt: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 95%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 75%)
  );
  --op-color-neutral-on-base: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 100%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 100%)
  );
  --op-color-neutral-on-base-alt: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 90%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 78%)
  );
  --op-color-neutral-on-minus-one: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 94%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 90%)
  );
  --op-color-neutral-on-minus-one-alt: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 84%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 98%)
  );
  --op-color-neutral-on-minus-two: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 90%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 90%)
  );
  --op-color-neutral-on-minus-two-alt: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 78%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 98%)
  );
  --op-color-neutral-on-minus-three: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 86%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 99%)
  );
  --op-color-neutral-on-minus-three-alt: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 74%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 95%)
  );
  --op-color-neutral-on-minus-four: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 84%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 11%)
  );
  --op-color-neutral-on-minus-four-alt: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 76%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 2%)
  );
  --op-color-neutral-on-minus-five: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 88%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 20%)
  );
  --op-color-neutral-on-minus-five-alt: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 76%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 2%)
  );
  --op-color-neutral-on-minus-six: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 94%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 4%)
  );
  --op-color-neutral-on-minus-six-alt: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 82%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 26%)
  );
  --op-color-neutral-on-minus-seven: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 96%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 8%)
  );
  --op-color-neutral-on-minus-seven-alt: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 84%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 32%)
  );
  --op-color-neutral-on-minus-eight: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 98%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 4%)
  );
  --op-color-neutral-on-minus-eight-alt: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 86%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 36%)
  );
  --op-color-neutral-on-minus-max: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 100%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 4%)
  );
  --op-color-neutral-on-minus-max-alt: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 88%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 48%)
  );
  /**
  * @tokens Alerts Warning Colors
  * @presenter Color
  */
  /* prettier-ignore */
  --op-color-alerts-warning-original: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) var(--op-color-alerts-warning-l));
  /* Main Scale */
  --op-color-alerts-warning-plus-max: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 100%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 0%)
  );
  --op-color-alerts-warning-plus-eight: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 98%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 4%)
  );
  --op-color-alerts-warning-plus-seven: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 96%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 8%)
  );
  --op-color-alerts-warning-plus-six: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 94%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 12%)
  );
  --op-color-alerts-warning-plus-five: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 90%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 14%)
  );
  --op-color-alerts-warning-plus-four: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 80%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 16%)
  );
  --op-color-alerts-warning-plus-three: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 70%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 20%)
  );
  --op-color-alerts-warning-plus-two: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 64%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 24%)
  );
  --op-color-alerts-warning-plus-one: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 50%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 28%)
  );
  --op-color-alerts-warning-base: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 40%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 32%)
  );
  --op-color-alerts-warning-minus-one: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 26%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 36%)
  );
  --op-color-alerts-warning-minus-two: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 22%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 40%)
  );
  --op-color-alerts-warning-minus-three: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 18%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 48%)
  );
  --op-color-alerts-warning-minus-four: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 14%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 52%)
  );
  --op-color-alerts-warning-minus-five: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 12%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 64%)
  );
  --op-color-alerts-warning-minus-six: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 10%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 72%)
  );
  --op-color-alerts-warning-minus-seven: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 4%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 80%)
  );
  --op-color-alerts-warning-minus-eight: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 2%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 88%)
  );
  --op-color-alerts-warning-minus-max: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 0%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 100%)
  );
  /* On Scale */
  --op-color-alerts-warning-on-plus-max: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 0%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 70%)
  );
  --op-color-alerts-warning-on-plus-max-alt: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 20%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 42%)
  );
  --op-color-alerts-warning-on-plus-eight: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 4%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 88%)
  );
  --op-color-alerts-warning-on-plus-eight-alt: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 24%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 70%)
  );
  --op-color-alerts-warning-on-plus-seven: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 8%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 80%)
  );
  --op-color-alerts-warning-on-plus-seven-alt: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 28%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 60%)
  );
  --op-color-alerts-warning-on-plus-six: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 16%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 72%)
  );
  --op-color-alerts-warning-on-plus-six-alt: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 26%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 50%)
  );
  --op-color-alerts-warning-on-plus-five: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 20%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 72%)
  );
  --op-color-alerts-warning-on-plus-five-alt: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 25%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 50%)
  );
  --op-color-alerts-warning-on-plus-four: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 20%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 80%)
  );
  --op-color-alerts-warning-on-plus-four-alt: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 0%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 60%)
  );
  --op-color-alerts-warning-on-plus-three: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 20%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 88%)
  );
  --op-color-alerts-warning-on-plus-three-alt: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 10%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 70%)
  );
  --op-color-alerts-warning-on-plus-two: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 16%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 88%)
  );
  --op-color-alerts-warning-on-plus-two-alt: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 6%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 70%)
  );
  --op-color-alerts-warning-on-plus-one: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 20%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 96%)
  );
  --op-color-alerts-warning-on-plus-one-alt: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 15%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 10%)
  );
  --op-color-alerts-warning-on-base: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 12%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 2%)
  );
  --op-color-alerts-warning-on-base-alt: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 0%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 6%)
  );
  --op-color-alerts-warning-on-minus-one: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 100%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 2%)
  );
  --op-color-alerts-warning-on-minus-one-alt: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 88%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 70%)
  );
  --op-color-alerts-warning-on-minus-two: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 96%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 2%)
  );
  --op-color-alerts-warning-on-minus-two-alt: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 84%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 14%)
  );
  --op-color-alerts-warning-on-minus-three: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 92%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 2%)
  );
  --op-color-alerts-warning-on-minus-three-alt: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 80%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 20%)
  );
  --op-color-alerts-warning-on-minus-four: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 88%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 4%)
  );
  --op-color-alerts-warning-on-minus-four-alt: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 76%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 20%)
  );
  --op-color-alerts-warning-on-minus-five: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 88%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 8%)
  );
  --op-color-alerts-warning-on-minus-five-alt: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 76%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 21%)
  );
  --op-color-alerts-warning-on-minus-six: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 94%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 10%)
  );
  --op-color-alerts-warning-on-minus-six-alt: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 82%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 22%)
  );
  --op-color-alerts-warning-on-minus-seven: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 96%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 8%)
  );
  --op-color-alerts-warning-on-minus-seven-alt: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 84%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 24%)
  );
  --op-color-alerts-warning-on-minus-eight: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 98%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 12%)
  );
  --op-color-alerts-warning-on-minus-eight-alt: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 86%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 26%)
  );
  --op-color-alerts-warning-on-minus-max: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 100%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 0%)
  );
  --op-color-alerts-warning-on-minus-max-alt: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 88%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 24%)
  );
  /**
  * @tokens Alerts Danger Colors
  * @presenter Color
  */
  /* prettier-ignore */
  --op-color-alerts-danger-original: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) var(--op-color-alerts-danger-l));
  /* Main Scale */
  --op-color-alerts-danger-plus-max: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 100%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 0%)
  );
  --op-color-alerts-danger-plus-eight: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 98%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 4%)
  );
  --op-color-alerts-danger-plus-seven: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 96%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 8%)
  );
  --op-color-alerts-danger-plus-six: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 94%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 12%)
  );
  --op-color-alerts-danger-plus-five: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 90%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 14%)
  );
  --op-color-alerts-danger-plus-four: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 84%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 16%)
  );
  --op-color-alerts-danger-plus-three: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 70%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 20%)
  );
  --op-color-alerts-danger-plus-two: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 64%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 24%)
  );
  --op-color-alerts-danger-plus-one: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 50%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 28%)
  );
  --op-color-alerts-danger-base: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 40%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 32%)
  );
  --op-color-alerts-danger-minus-one: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 36%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 36%)
  );
  --op-color-alerts-danger-minus-two: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 32%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 40%)
  );
  --op-color-alerts-danger-minus-three: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 28%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 48%)
  );
  --op-color-alerts-danger-minus-four: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 24%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 52%)
  );
  --op-color-alerts-danger-minus-five: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 20%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 64%)
  );
  --op-color-alerts-danger-minus-six: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 16%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 72%)
  );
  --op-color-alerts-danger-minus-seven: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 8%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 80%)
  );
  --op-color-alerts-danger-minus-eight: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 4%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 88%)
  );
  --op-color-alerts-danger-minus-max: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 0%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 100%)
  );
  /* On Scale */
  --op-color-alerts-danger-on-plus-max: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 0%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 100%)
  );
  --op-color-alerts-danger-on-plus-max-alt: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 20%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 88%)
  );
  --op-color-alerts-danger-on-plus-eight: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 4%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 88%)
  );
  --op-color-alerts-danger-on-plus-eight-alt: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 24%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 78%)
  );
  --op-color-alerts-danger-on-plus-seven: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 8%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 80%)
  );
  --op-color-alerts-danger-on-plus-seven-alt: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 28%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 70%)
  );
  --op-color-alerts-danger-on-plus-six: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 16%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 78%)
  );
  --op-color-alerts-danger-on-plus-six-alt: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 36%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 68%)
  );
  --op-color-alerts-danger-on-plus-five: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 20%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 76%)
  );
  --op-color-alerts-danger-on-plus-five-alt: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 30%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 70%)
  );
  --op-color-alerts-danger-on-plus-four: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 24%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 80%)
  );
  --op-color-alerts-danger-on-plus-four-alt: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 4%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 72%)
  );
  --op-color-alerts-danger-on-plus-three: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 20%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 88%)
  );
  --op-color-alerts-danger-on-plus-three-alt: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 10%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 76%)
  );
  --op-color-alerts-danger-on-plus-two: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 16%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 88%)
  );
  --op-color-alerts-danger-on-plus-two-alt: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 6%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 76%)
  );
  --op-color-alerts-danger-on-plus-one: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 8%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 96%)
  );
  --op-color-alerts-danger-on-plus-one-alt: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 3%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 84%)
  );
  --op-color-alerts-danger-on-base: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 100%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 98%)
  );
  --op-color-alerts-danger-on-base-alt: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 93%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 90%)
  );
  --op-color-alerts-danger-on-minus-one: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 94%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 96%)
  );
  --op-color-alerts-danger-on-minus-one-alt: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 89%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 88%)
  );
  --op-color-alerts-danger-on-minus-two: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 90%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 98%)
  );
  --op-color-alerts-danger-on-minus-two-alt: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 83%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 93%)
  );
  --op-color-alerts-danger-on-minus-three: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 86%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 6%)
  );
  --op-color-alerts-danger-on-minus-three-alt: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 79%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 2%)
  );
  --op-color-alerts-danger-on-minus-four: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 84%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 4%)
  );
  --op-color-alerts-danger-on-minus-four-alt: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 77%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 10%)
  );
  --op-color-alerts-danger-on-minus-five: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 88%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 2%)
  );
  --op-color-alerts-danger-on-minus-five-alt: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 81%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 10%)
  );
  --op-color-alerts-danger-on-minus-six: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 94%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 8%)
  );
  --op-color-alerts-danger-on-minus-six-alt: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 87%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 22%)
  );
  --op-color-alerts-danger-on-minus-seven: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 96%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 8%)
  );
  --op-color-alerts-danger-on-minus-seven-alt: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 89%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 28%)
  );
  --op-color-alerts-danger-on-minus-eight: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 98%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 4%)
  );
  --op-color-alerts-danger-on-minus-eight-alt: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 91%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 24%)
  );
  --op-color-alerts-danger-on-minus-max: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 100%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 0%)
  );
  --op-color-alerts-danger-on-minus-max-alt: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 93%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 24%)
  );
  /**
  * @tokens Alerts Info Colors
  * @presenter Color
  */
  /* prettier-ignore */
  --op-color-alerts-info-original: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) var(--op-color-alerts-info-l));
  /* Main Scale */
  --op-color-alerts-info-plus-max: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 100%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 0%)
  );
  --op-color-alerts-info-plus-eight: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 98%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 4%)
  );
  --op-color-alerts-info-plus-seven: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 96%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 8%)
  );
  --op-color-alerts-info-plus-six: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 94%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 12%)
  );
  --op-color-alerts-info-plus-five: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 90%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 14%)
  );
  --op-color-alerts-info-plus-four: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 84%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 16%)
  );
  --op-color-alerts-info-plus-three: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 70%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 20%)
  );
  --op-color-alerts-info-plus-two: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 64%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 24%)
  );
  --op-color-alerts-info-plus-one: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 56%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 28%)
  );
  --op-color-alerts-info-base: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 40%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 32%)
  );
  --op-color-alerts-info-minus-one: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 36%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 36%)
  );
  --op-color-alerts-info-minus-two: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 32%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 40%)
  );
  --op-color-alerts-info-minus-three: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 28%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 48%)
  );
  --op-color-alerts-info-minus-four: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 24%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 52%)
  );
  --op-color-alerts-info-minus-five: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 20%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 64%)
  );
  --op-color-alerts-info-minus-six: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 16%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 72%)
  );
  --op-color-alerts-info-minus-seven: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 8%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 80%)
  );
  --op-color-alerts-info-minus-eight: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 4%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 88%)
  );
  --op-color-alerts-info-minus-max: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 0%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 100%)
  );
  /* On Scale */
  --op-color-alerts-info-on-plus-max: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 0%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 100%)
  );
  --op-color-alerts-info-on-plus-max-alt: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 20%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 88%)
  );
  --op-color-alerts-info-on-plus-eight: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 4%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 88%)
  );
  --op-color-alerts-info-on-plus-eight-alt: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 24%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 78%)
  );
  --op-color-alerts-info-on-plus-seven: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 8%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 80%)
  );
  --op-color-alerts-info-on-plus-seven-alt: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 28%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 70%)
  );
  --op-color-alerts-info-on-plus-six: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 16%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 78%)
  );
  --op-color-alerts-info-on-plus-six-alt: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 36%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 62%)
  );
  --op-color-alerts-info-on-plus-five: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 20%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 76%)
  );
  --op-color-alerts-info-on-plus-five-alt: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 40%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 62%)
  );
  --op-color-alerts-info-on-plus-four: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 24%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 80%)
  );
  --op-color-alerts-info-on-plus-four-alt: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 4%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 66%)
  );
  --op-color-alerts-info-on-plus-three: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 20%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 88%)
  );
  --op-color-alerts-info-on-plus-three-alt: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 10%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 72%)
  );
  --op-color-alerts-info-on-plus-two: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 16%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 88%)
  );
  --op-color-alerts-info-on-plus-two-alt: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 6%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 74%)
  );
  --op-color-alerts-info-on-plus-one: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 8%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 96%)
  );
  --op-color-alerts-info-on-plus-one-alt: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 3%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 80%)
  );
  --op-color-alerts-info-on-base: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 100%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 98%)
  );
  --op-color-alerts-info-on-base-alt: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 88%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 78%)
  );
  --op-color-alerts-info-on-minus-one: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 94%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 94%)
  );
  --op-color-alerts-info-on-minus-one-alt: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 82%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 80%)
  );
  --op-color-alerts-info-on-minus-two: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 90%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 94%)
  );
  --op-color-alerts-info-on-minus-two-alt: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 78%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 86%)
  );
  --op-color-alerts-info-on-minus-three: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 86%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 98%)
  );
  --op-color-alerts-info-on-minus-three-alt: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 74%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 96%)
  );
  --op-color-alerts-info-on-minus-four: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 84%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 2%)
  );
  --op-color-alerts-info-on-minus-four-alt: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 72%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 2%)
  );
  --op-color-alerts-info-on-minus-five: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 88%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 8%)
  );
  --op-color-alerts-info-on-minus-five-alt: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 76%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 20%)
  );
  --op-color-alerts-info-on-minus-six: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 94%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 4%)
  );
  --op-color-alerts-info-on-minus-six-alt: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 82%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 28%)
  );
  --op-color-alerts-info-on-minus-seven: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 96%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 4%)
  );
  --op-color-alerts-info-on-minus-seven-alt: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 84%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 28%)
  );
  --op-color-alerts-info-on-minus-eight: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 98%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 4%)
  );
  --op-color-alerts-info-on-minus-eight-alt: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 86%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 34%)
  );
  --op-color-alerts-info-on-minus-max: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 100%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 0%)
  );
  --op-color-alerts-info-on-minus-max-alt: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 88%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 32%)
  );
  /**
  * @tokens Alerts Notice Colors
  * @presenter Color
  */
  /* prettier-ignore */
  --op-color-alerts-notice-original: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) var(--op-color-alerts-notice-l));
  /* Main Scale */
  --op-color-alerts-notice-plus-max: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 100%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 0%)
  );
  --op-color-alerts-notice-plus-eight: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 98%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 4%)
  );
  --op-color-alerts-notice-plus-seven: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 96%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 8%)
  );
  --op-color-alerts-notice-plus-six: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 94%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 12%)
  );
  --op-color-alerts-notice-plus-five: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 90%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 14%)
  );
  --op-color-alerts-notice-plus-four: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 84%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 16%)
  );
  --op-color-alerts-notice-plus-three: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 70%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 20%)
  );
  --op-color-alerts-notice-plus-two: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 64%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 24%)
  );
  --op-color-alerts-notice-plus-one: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 47%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 28%)
  );
  --op-color-alerts-notice-base: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 40%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 32%)
  );
  --op-color-alerts-notice-minus-one: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 32%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 36%)
  );
  --op-color-alerts-notice-minus-two: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 28%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 40%)
  );
  --op-color-alerts-notice-minus-three: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 26%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 48%)
  );
  --op-color-alerts-notice-minus-four: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 22%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 52%)
  );
  --op-color-alerts-notice-minus-five: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 18%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 64%)
  );
  --op-color-alerts-notice-minus-six: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 16%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 72%)
  );
  --op-color-alerts-notice-minus-seven: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 8%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 80%)
  );
  --op-color-alerts-notice-minus-eight: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 4%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 88%)
  );
  --op-color-alerts-notice-minus-max: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 0%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 100%)
  );
  /* On Scale */
  --op-color-alerts-notice-on-plus-max: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 0%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 100%)
  );
  --op-color-alerts-notice-on-plus-max-alt: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 20%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 88%)
  );
  --op-color-alerts-notice-on-plus-eight: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 4%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 94%)
  );
  --op-color-alerts-notice-on-plus-eight-alt: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 24%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 82%)
  );
  --op-color-alerts-notice-on-plus-seven: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 8%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 90%)
  );
  --op-color-alerts-notice-on-plus-seven-alt: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 28%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 80%)
  );
  --op-color-alerts-notice-on-plus-six: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 16%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 92%)
  );
  --op-color-alerts-notice-on-plus-six-alt: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 26%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 72%)
  );
  --op-color-alerts-notice-on-plus-five: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 20%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 92%)
  );
  --op-color-alerts-notice-on-plus-five-alt: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 30%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 72%)
  );
  --op-color-alerts-notice-on-plus-four: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 24%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 94%)
  );
  --op-color-alerts-notice-on-plus-four-alt: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 4%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 80%)
  );
  --op-color-alerts-notice-on-plus-three: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 20%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 98%)
  );
  --op-color-alerts-notice-on-plus-three-alt: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 10%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 78%)
  );
  --op-color-alerts-notice-on-plus-two: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 16%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 98%)
  );
  --op-color-alerts-notice-on-plus-two-alt: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 6%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 88%)
  );
  --op-color-alerts-notice-on-plus-one: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 8%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 98%)
  );
  --op-color-alerts-notice-on-plus-one-alt: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 3%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 84%)
  );
  --op-color-alerts-notice-on-base: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 8%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 99%)
  );
  --op-color-alerts-notice-on-base-alt: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 0%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 96%)
  );
  --op-color-alerts-notice-on-minus-one: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 100%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 2%)
  );
  --op-color-alerts-notice-on-minus-one-alt: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 96%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 7%)
  );
  --op-color-alerts-notice-on-minus-two: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 96%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 2%)
  );
  --op-color-alerts-notice-on-minus-two-alt: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 89%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 10%)
  );
  --op-color-alerts-notice-on-minus-three: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 92%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 2%)
  );
  --op-color-alerts-notice-on-minus-three-alt: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 85%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 18%)
  );
  --op-color-alerts-notice-on-minus-four: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 88%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 2%)
  );
  --op-color-alerts-notice-on-minus-four-alt: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 81%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 20%)
  );
  --op-color-alerts-notice-on-minus-five: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 88%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 6%)
  );
  --op-color-alerts-notice-on-minus-five-alt: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 76%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 20%)
  );
  --op-color-alerts-notice-on-minus-six: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 94%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 2%)
  );
  --op-color-alerts-notice-on-minus-six-alt: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 82%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 16%)
  );
  --op-color-alerts-notice-on-minus-seven: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 96%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 2%)
  );
  --op-color-alerts-notice-on-minus-seven-alt: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 84%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 26%)
  );
  --op-color-alerts-notice-on-minus-eight: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 98%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 2%)
  );
  --op-color-alerts-notice-on-minus-eight-alt: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 86%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 24%)
  );
  --op-color-alerts-notice-on-minus-max: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 100%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 0%)
  );
  --op-color-alerts-notice-on-minus-max-alt: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 88%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 28%)
  );
  /**
  * @tokens Dark Shadows
  * @presenter Shadow
  */
  --op-color-background: var(--op-color-neutral-plus-eight);
  --op-color-on-background: var(--op-color-neutral-on-plus-eight);
  --op-color-on-background-alt: var(--op-color-neutral-on-plus-eight-alt);
}
/* Force Light Mode */
:root[data-theme-mode=light] {
  color-scheme: only light;
}
/* Force Dark Mode */
:root[data-theme-mode=dark] {
  color-scheme: only dark;
  /**
  * @tokens Dark Shadows
  * @presenter Shadow
  */
  --op-shadow-x-small: 0 1px 3px hsl(0deg 0% 0% / 15%), 0 1px 2px hsl(0deg 0% 0% / 30%);
  --op-shadow-small: 0 2px 6px hsl(0deg 0% 0% / 15%), 0 1px 2px hsl(0deg 0% 0% / 30%);
  --op-shadow-medium: 0 4px 8px hsl(0deg 0% 0% / 15%), 0 1px 3px hsl(0deg 0% 0% / 30%);
  --op-shadow-large: 0 6px 10px hsl(0deg 0% 0% / 15%), 0 2px 3px hsl(0deg 0% 0% / 30%);
  --op-shadow-x-large: 0 8px 12px hsl(0deg 0% 0% / 15%), 0 4px 4px hsl(0deg 0% 0% / 30%);
  /**
  * @tokens Encoded Images
  */
  --op-encoded-images-dropdown-arrow: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9IiNmZmYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02IDguMzc1MDFMMCAyLjM3NTAxTDEuNCAwLjk3NTAwNkw2IDUuNTc1MDFMMTAuNiAwLjk3NTAwNkwxMiAyLjM3NTAxTDYgOC4zNzUwMVoiIGZpbGw9IiNmZmYiLz4KPC9zdmc+Cg==");
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme-mode=light]) {
    /**
    * @tokens Dark Shadows
    * @presenter Shadow
    */
    --op-shadow-x-small: 0 1px 3px hsl(0deg 0% 0% / 15%), 0 1px 2px hsl(0deg 0% 0% / 30%);
    --op-shadow-small: 0 2px 6px hsl(0deg 0% 0% / 15%), 0 1px 2px hsl(0deg 0% 0% / 30%);
    --op-shadow-medium: 0 4px 8px hsl(0deg 0% 0% / 15%), 0 1px 3px hsl(0deg 0% 0% / 30%);
    --op-shadow-large: 0 6px 10px hsl(0deg 0% 0% / 15%), 0 2px 3px hsl(0deg 0% 0% / 30%);
    --op-shadow-x-large: 0 8px 12px hsl(0deg 0% 0% / 15%), 0 4px 4px hsl(0deg 0% 0% / 30%);
    /**
    * @tokens Encoded Images
    */
    --op-encoded-images-dropdown-arrow: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9IiNmZmYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02IDguMzc1MDFMMCAyLjM3NTAxTDEuNCAwLjk3NTAwNkw2IDUuNTc1MDFMMTAuNiAwLjk3NTAwNkwxMiAyLjM3NTAxTDYgOC4zNzUwMVoiIGZpbGw9IiNmZmYiLz4KPC9zdmc+Cg==");
  }
}
/* Base styles and utilities */
/* After a reset, introduce base element styles specific to this system */
html {
  overflow: hidden; /* Needed to prevent flash messages and panels from causing overflow */
  font-family: var(--op-font-family);
  font-size: 62.5%; /* 1rem = 10px */
}
body {
  overflow: auto;
  height: 100vh;
  background: var(--op-color-background);
  color: var(--op-color-on-background);
  font-size: var(--op-font-medium);
}
button {
  background: none;
  cursor: pointer;
}
button,
input[type=submit] {
  border: 0;
}
label {
  display: inline-block;
  &:hover {
    cursor: pointer;
  }
}
a {
  color: var(--op-color-primary-original);
}
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
figure,
pre {
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: var(--op-space-small);
  font-weight: var(--op-font-weight-normal);
}
h1 {
  font-size: var(--op-font-3x-large);
}
h2 {
  font-size: var(--op-font-2x-large);
}
h3 {
  font-size: var(--op-font-large);
}
h4 {
  font-size: var(--op-font-medium);
}
h5 {
  font-size: var(--op-font-small);
}
h6 {
  font-size: var(--op-font-x-small);
}
p {
  margin-bottom: var(--op-space-small);
  font-size: var(--op-font-medium);
}
small {
  font-size: var(--op-font-small);
}
.app-with-sidebar {
  display: grid;
  width: 100%;
  height: 100vh;
  grid-template-columns: auto 1fr auto;
}
.app-body {
  display: flex;
  overflow: auto;
  flex-direction: column;
}
.app__header {
  position: sticky;
  z-index: var(--op-z-index-header);
  top: 0;
  flex-grow: 0;
  flex-shrink: 0;
}
.app__content {
  width: 100%;
  max-width: var(--op-breakpoint-medium);
  flex-grow: 1;
  padding: 0 var(--op-space-large);
  margin: 0 auto;
}
.app__content-no-margin {
  width: 100%;
  flex-grow: 1;
  padding: 0 var(--op-space-large);
  overflow-y: auto;
}
.app__footer {
  position: sticky;
  z-index: var(--op-z-index-footer);
  bottom: 0;
  flex-grow: 0;
  flex-shrink: 0;
}
/* Container Properties */
.container {
  width: 100%;
  max-width: var(--op-breakpoint-medium);
  padding: 0 var(--op-space-large);
  margin: 0 auto;
}
.container--sm {
  max-width: var(--op-breakpoint-small);
}
.container--md-padding {
  padding: 0 var(--op-space-medium);
}
.container--sm-padding {
  padding: 0 var(--op-space-small);
}
.container--xs {
  max-width: var(--op-breakpoint-x-small);
}
/* Width Properties */
.full-width {
  width: 100%;
}
.half-width {
  width: 50%;
}
.four-fifths-width {
  width: 80%;
}
.three-fifths-width {
  width: 60%;
}
.two-fifths-width {
  width: 40%;
}
.one-fifth-width {
  width: 20%;
}
.three-quarters-width {
  width: 75%;
}
.one-quarter-width {
  width: 25%;
}
.two-thirds-width {
  width: 66.6666666667%;
}
.one-third-width {
  width: 33.3333333333%;
}
/* Flex Properties */
.flex {
  display: flex;
}
.flex-col {
  flex-direction: column;
}
.flex-row {
  flex-direction: row;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-no-wrap {
  flex-wrap: nowrap;
}
.flex-grow-1 {
  flex-grow: 1;
}
/* Gap Properties */
.gap-xxs {
  gap: var(--op-space-2x-small);
  --op-gap: var(--op-space-2x-small);
}
.gap-xs {
  gap: var(--op-space-x-small);
  --op-gap: var(--op-space-x-small);
}
.gap-sm {
  gap: var(--op-space-small);
  --op-gap: var(--op-space-small);
}
.gap-md {
  gap: var(--op-space-medium);
  --op-gap: var(--op-space-medium);
}
.gap-lg {
  gap: var(--op-space-large);
  --op-gap: var(--op-space-large);
}
.gap-xl {
  gap: var(--op-space-x-large);
  --op-gap: var(--op-space-x-large);
}
/* Justify Content */
.justify-start {
  justify-content: flex-start;
}
.justify-center {
  justify-content: center;
}
.justify-end {
  justify-content: flex-end;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
/* Align Items */
.items-stretch {
  align-items: stretch;
}
.items-start {
  align-items: flex-start;
}
.items-center {
  align-items: center;
}
.items-end {
  align-items: flex-end;
}
.items-baseline {
  align-items: baseline;
}
/* Align Self */
.self-auto {
  align-self: auto;
}
.self-start {
  align-self: flex-start;
}
.self-center {
  align-self: center;
}
.self-end {
  align-self: flex-end;
}
.self-stretch {
  align-self: stretch;
}
.self-baseline {
  align-self: baseline;
}
/* Text Alignment */
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
}
/* Box Margin */
.margin-xl {
  margin: var(--op-space-x-large);
}
.margin-lg {
  margin: var(--op-space-large);
}
.margin-md {
  margin: var(--op-space-medium);
}
.margin-sm {
  margin: var(--op-space-small);
}
.margin-xs {
  margin: var(--op-space-x-small);
}
.margin-none {
  margin: 0;
}
.margin-auto {
  margin: auto;
}
/* Vertical Margin */
.margin-y-xl {
  margin-top: var(--op-space-x-large);
  margin-bottom: var(--op-space-x-large);
}
.margin-y-lg {
  margin-top: var(--op-space-large);
  margin-bottom: var(--op-space-large);
}
.margin-y-md {
  margin-top: var(--op-space-medium);
  margin-bottom: var(--op-space-medium);
}
.margin-y-sm {
  margin-top: var(--op-space-small);
  margin-bottom: var(--op-space-small);
}
.margin-y-xs {
  margin-top: var(--op-space-x-small);
  margin-bottom: var(--op-space-x-small);
}
.margin-y-none {
  margin-top: 0;
  margin-bottom: 0;
}
/* Horizontal Margin */
.margin-x-xl {
  margin-right: var(--op-space-x-large);
  margin-left: var(--op-space-x-large);
}
.margin-x-lg {
  margin-right: var(--op-space-large);
  margin-left: var(--op-space-large);
}
.margin-x-md {
  margin-right: var(--op-space-medium);
  margin-left: var(--op-space-medium);
}
.margin-x-sm {
  margin-right: var(--op-space-small);
  margin-left: var(--op-space-small);
}
.margin-x-xs {
  margin-right: var(--op-space-x-small);
  margin-left: var(--op-space-x-small);
}
.margin-x-none {
  margin-right: 0;
  margin-left: 0;
}
/* Top Margin */
.margin-top-xl {
  margin-top: var(--op-space-x-large);
}
.margin-top-lg {
  margin-top: var(--op-space-large);
}
.margin-top-md {
  margin-top: var(--op-space-medium);
}
.margin-top-sm {
  margin-top: var(--op-space-small);
}
.margin-top-xs {
  margin-top: var(--op-space-x-small);
}
.margin-top-none {
  margin-top: 0;
}
/* Bottom Margin */
.margin-bottom-xl {
  margin-bottom: var(--op-space-x-large);
}
.margin-bottom-lg {
  margin-bottom: var(--op-space-large);
}
.margin-bottom-md {
  margin-bottom: var(--op-space-medium);
}
.margin-bottom-sm {
  margin-bottom: var(--op-space-small);
}
.margin-bottom-xs {
  margin-bottom: var(--op-space-x-small);
}
.margin-bottom-none {
  margin-bottom: 0;
}
/* Right Margin */
.margin-right-xl {
  margin-right: var(--op-space-x-large);
}
.margin-right-lg {
  margin-right: var(--op-space-large);
}
.margin-right-md {
  margin-right: var(--op-space-medium);
}
.margin-right-sm {
  margin-right: var(--op-space-small);
}
.margin-right-xs {
  margin-right: var(--op-space-x-small);
}
.margin-right-none {
  margin-left: 0;
}
/* Left Margin */
.margin-left-xl {
  margin-left: var(--op-space-x-large);
}
.margin-left-lg {
  margin-left: var(--op-space-large);
}
.margin-left-md {
  margin-left: var(--op-space-medium);
}
.margin-left-sm {
  margin-left: var(--op-space-small);
}
.margin-left-xs {
  margin-left: var(--op-space-x-small);
}
.margin-left-none {
  margin-left: 0;
}
/*
  Accessibility
  Use the following class to hide accessibility text that is needed for screen readers but needs to be hidden from regular users.
  https: //snook.ca/archives/html_and_css/hiding-content-for-accessibility
*/
.sr-only {
  position: absolute !important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}
/* Components */
.accordion {
  /* Public API (customizable component options) */
  --_op-accordion-summary-min-height: calc(var(--op-size-unit)*8); /* 32px */
  overflow: hidden;
  interpolate-size: allow-keywords;
  /* Elements */
  summary {
    display: grid;
    min-height: var(--_op-accordion-summary-min-height);
    align-items: center;
    cursor: pointer;
    gap: var(--op-space-2x-small);
    grid-template-columns: auto 1fr auto;
    &::marker,
    &::-webkit-details-marker {
      display: none;
      content: "";
    }
    .accordion__label {
      color: var(--op-color-neutral-on-plus-max);
      font-size: var(--op-font-x-small);
      font-weight: var(--op-font-weight-semi-bold);
    }
    .accordion__marker {
      --__op-icon-font-size: var(--_op-icon-font-size-x-large);
      --__op-icon-optical-size: var(--_op-icon-optical-size-x-large);
      justify-self: flex-end;
      transition: var(--op-transition-accordion);
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
    }
  }
  &::details-content {
    height: 0;
    transition: var(--op-transition-accordion-content);
  }
  &[open] {
    summary .accordion__marker {
      rotate: 0.25turn;
    }
    &::details-content {
      height: auto;
    }
  }
  /* Modifiers */
  &.accordion--disable-animation {
    summary .accordion__marker {
      transition: none;
    }
    &::details-content {
      transition: none;
    }
  }
}
.alert {
  display: flex;
  align-items: center;
  padding: var(--op-space-x-small) var(--op-space-medium);
  border-radius: var(--op-radius-medium);
  gap: var(--op-space-small);
  /* Elements */
  .alert__icon {
    --__op-icon-font-size: var(--_op-icon-font-size-large);
    --__op-icon-optical-size: var(--_op-icon-optical-size-large);
    --__op-icon-weight: var(--_op-icon-weight-bold);
    line-height: var(--op-line-height-dense);
  }
  .alert__messages {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: var(--op-space-2x-small);
  }
  .alert__title {
    font-size: var(--op-font-medium);
    font-weight: var(--op-font-weight-medium);
  }
  .alert__description {
    font-size: var(--op-font-small);
  }
  /* Modifiers */
  &.alert--flash {
    position: fixed;
    z-index: var(--op-z-index-alert-group);
    top: var(--op-space-large);
    right: var(--op-space-large);
    animation: var(--op-animation-flash);
  }
  &.alert--warning {
    background-color: var(--op-color-alerts-warning-plus-eight);
    box-shadow: var(--op-border-all) var(--op-color-alerts-warning-base);
    color: var(--op-color-alerts-warning-on-plus-eight);
    .alert__title {
      color: var(--op-color-alerts-warning-on-plus-eight-alt);
    }
    &.alert--muted {
      background-color: var(--op-color-alerts-warning-plus-five);
      box-shadow: none;
      color: var(--op-color-alerts-warning-on-plus-five);
      .alert__title {
        color: var(--op-color-alerts-warning-on-plus-five-alt);
      }
    }
    &.alert--filled {
      background-color: var(--op-color-alerts-warning-base);
      box-shadow: none;
      color: var(--op-color-alerts-warning-on-base);
      .alert__title {
        color: var(--op-color-alerts-warning-on-base-alt);
      }
    }
  }
  /* alert--alert is an alias for alert--danger. See Alert.mdx for reasoning. */
  &.alert--danger,
  &.alert--alert {
    background-color: var(--op-color-alerts-danger-plus-eight);
    box-shadow: var(--op-border-all) var(--op-color-alerts-danger-base);
    color: var(--op-color-alerts-danger-on-plus-eight);
    /* stylelint-disable no-descending-specificity */
    .alert__title {
      color: var(--op-color-alerts-danger-on-plus-eight-alt);
    }
    /* stylelint-enable no-descending-specificity */
    &.alert--muted {
      background-color: var(--op-color-alerts-danger-plus-five);
      box-shadow: none;
      color: var(--op-color-alerts-danger-on-plus-five);
      .alert__title {
        color: var(--op-color-alerts-danger-on-plus-five-alt);
      }
    }
    &.alert--filled {
      background-color: var(--op-color-alerts-danger-base);
      box-shadow: none;
      color: var(--op-color-alerts-danger-on-base);
      .alert__title {
        color: var(--op-color-alerts-danger-on-base-alt);
      }
    }
  }
  &.alert--info {
    background-color: var(--op-color-alerts-info-plus-eight);
    box-shadow: var(--op-border-all) var(--op-color-alerts-info-base);
    color: var(--op-color-alerts-info-on-plus-eight);
    /* stylelint-disable no-descending-specificity */
    .alert__title {
      color: var(--op-color-alerts-info-on-plus-eight-alt);
    }
    /* stylelint-enable no-descending-specificity */
    &.alert--muted {
      background-color: var(--op-color-alerts-info-plus-five);
      box-shadow: none;
      color: var(--op-color-alerts-info-on-plus-five);
      .alert__title {
        color: var(--op-color-alerts-info-on-plus-five-alt);
      }
    }
    &.alert--filled {
      background-color: var(--op-color-alerts-info-base);
      box-shadow: none;
      color: var(--op-color-alerts-info-on-base);
      .alert__title {
        color: var(--op-color-alerts-info-on-base-alt);
      }
    }
  }
  &.alert--notice {
    background-color: var(--op-color-alerts-notice-plus-eight);
    box-shadow: var(--op-border-all) var(--op-color-alerts-notice-base);
    color: var(--op-color-alerts-notice-on-plus-eight);
    /* stylelint-disable no-descending-specificity */
    .alert__title {
      color: var(--op-color-alerts-notice-on-plus-eight-alt);
    }
    /* stylelint-enable no-descending-specificity */
    &.alert--muted {
      background-color: var(--op-color-alerts-notice-plus-five);
      box-shadow: none;
      color: var(--op-color-alerts-notice-on-plus-five);
      .alert__title {
        color: var(--op-color-alerts-notice-on-plus-five-alt);
      }
    }
    &.alert--filled {
      background-color: var(--op-color-alerts-notice-base);
      box-shadow: none;
      color: var(--op-color-alerts-notice-on-base);
      .alert__title {
        color: var(--op-color-alerts-notice-on-base-alt);
      }
    }
  }
}
.avatar {
  /* Public API (customizable component options) */
  --_op-avatar-border-radius: var(--op-radius-circle);
  --_op-avatar-inner-border-color: var(--op-color-neutral-minus-max);
  --_op-avatar-outer-border-color: var(--op-color-neutral-base);
  --_op-avatar-inner-border-width: calc(var(--op-border-width) + var(--op-border-width-large));
  --_op-avatar-outer-border-width: var(--op-border-width-large);
  --_op-avatar-disabled-opacity: var(--op-opacity-disabled);
  --_op-avatar-hover-opacity: var(--op-opacity-overlay);
  --_op-avatar-size-small: calc(var(--op-size-unit)*8); /* 32px */
  --_op-avatar-size-medium: calc(var(--op-size-unit)*10); /* 40px */
  --_op-avatar-size-large: calc(var(--op-size-unit)*14); /* 56px */
  /* Private API (component option defaults) */
  --__op-avatar-size: var(--_op-avatar-size-large);
  position: relative;
  z-index: 1;
  display: block;
  overflow: hidden;
  width: var(--__op-avatar-size);
  min-width: var(--__op-avatar-size);
  height: var(--__op-avatar-size);
  min-height: var(--__op-avatar-size);
  border-radius: var(--_op-avatar-border-radius);
  &::before {
    position: absolute;
    z-index: 2;
    content: "";
    inset: 0;
  }
  &::after {
    position: absolute;
    z-index: 3;
    border-radius: var(--_op-avatar-border-radius);
    box-shadow: inset 0 0 0 var(--_op-avatar-outer-border-width) var(--_op-avatar-outer-border-color), inset 0 0 0 var(--_op-avatar-inner-border-width) var(--_op-avatar-inner-border-color);
    content: "";
    inset: 0;
  }
  img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  /* Disabled State */
  &.avatar--disabled {
    opacity: var(--_op-avatar-disabled-opacity);
    pointer-events: none;
  }
  /* Focus State */
  &:focus,
  &:focus-visible,
  &:focus-within {
    outline: none;
  }
  /* Hover State */
  &:hover:not(div, .avatar--disabled) {
    --_op-avatar-inner-border-color: var(--op-color-primary-base);
    --_op-avatar-outer-border-color: var(--op-color-primary-plus-one);
    cursor: pointer;
    &::before {
      background-color: var(--op-color-primary-base);
      opacity: var(--_op-avatar-hover-opacity);
    }
  }
  &:focus-visible:not(.avatar--disabled) {
    --_op-avatar-outer-border-color: var(--op-color-primary-base);
    cursor: pointer;
  }
  /* Size Modifiers */
  &.avatar--small {
    --__op-avatar-size: var(--_op-avatar-size-small);
  }
  &.avatar--medium {
    --__op-avatar-size: var(--_op-avatar-size-medium);
  }
  &.avatar--large {
    --__op-avatar-size: var(--_op-avatar-size-large);
  }
}
.badge, .purchase-order__status--ordered, .purchase-order__status--in-progress, .review-status-badge--review_rejected, .review-status-badge--ignored, .review-status-badge--approved, .review-status-badge--change_requested, .review-status-badge--in_review, .review-status-badge--not_ready, .ad-status-badge--canceled, .ad-status-badge--completed, .ad-status-badge--booked, .ad-status-badge--started, .ad-status-badge--ready, .ad-status-badge--delinquent, .ad-status-badge--pending, .ad-status-badge--rejected, .ad-status-badge--unbookable, .ad-status-badge--bookable, .ad-status-badge--eligible {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--op-radius-medium);
  background-color: var(--op-color-neutral-base);
  color: var(--op-color-neutral-on-base);
  cursor: inherit;
  font-size: var(--op-font-x-small);
  font-weight: var(--op-font-weight-bold);
  gap: var(--op-space-x-small);
  letter-spacing: var(--op-letter-spacing-label);
  line-height: var(--op-line-height-dense);
  padding-block: var(--op-space-2x-small);
  padding-inline: var(--op-space-x-small);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  /* Elements */
  .material-symbols-outlined {
    font-size: var(--op-font-small);
  }
  /* Modifiers */
  &.badge--primary {
    background-color: var(--op-color-primary-base);
    color: var(--op-color-primary-on-base);
  }
  &.badge--warning {
    background-color: var(--op-color-alerts-warning-base);
    color: var(--op-color-alerts-warning-on-base);
  }
  &.badge--danger {
    background-color: var(--op-color-alerts-danger-base);
    color: var(--op-color-alerts-danger-on-base);
  }
  &.badge--info {
    background-color: var(--op-color-alerts-info-base);
    color: var(--op-color-alerts-info-on-base);
  }
  &.badge--notice {
    background-color: var(--op-color-alerts-notice-base);
    color: var(--op-color-alerts-notice-on-base);
  }
  &.badge--pill, &.purchase-order__status--ordered, &.purchase-order__status--in-progress {
    border-radius: var(--op-radius-pill);
  }
  &.badge--notification-right {
    position: absolute;
    box-shadow: 0 0 0 var(--op-border-width-large) var(--op-color-neutral-plus-max);
    inset-block-start: 0;
    inset-inline-end: 0;
    pointer-events: none;
    transform: translateY(-50%) translateX(50%);
  }
  &.badge--notification-left {
    position: absolute;
    box-shadow: 0 0 0 var(--op-border-width-large) var(--op-color-neutral-plus-max);
    inset-block-start: 0;
    inset-inline-start: 0;
    pointer-events: none;
    transform: translateY(-50%) translateX(-50%);
  }
}
.breadcrumbs {
  /* Public API (customizable component options) */
  --_op-breadcrumbs-font-size-small: var(--op-font-x-small);
  --_op-breadcrumbs-font-size-large: var(--op-font-small);
  /* Private API (component option defaults) */
  --__op-breadcrumbs-font-size: var(--_op-breadcrumbs-font-size-small);
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--op-space-x-small);
  /* Elements */
  .breadcrumbs__link {
    font-size: var(--__op-breadcrumbs-font-size);
    text-decoration: none;
    &:hover {
      text-decoration: underline;
    }
  }
  .breadcrumbs__text {
    font-size: var(--__op-breadcrumbs-font-size);
    font-weight: var(--op-font-weight-bold);
  }
  /* Modifiers */
  &.breadcrumbs--small {
    --__op-breadcrumbs-font-size: var(--_op-breadcrumbs-font-size-small);
  }
  &.breadcrumbs--large {
    --__op-breadcrumbs-font-size: var(--_op-breadcrumbs-font-size-large);
  }
}
.btn {
  /* Public API (customizable component options) */
  --_op-btn-height-small: var(--op-input-height-small);
  --_op-btn-height-medium: var(--op-input-height-medium);
  --_op-btn-height-large: var(--op-input-height-large);
  --_op-btn-font-small: var(--op-font-x-small);
  --_op-btn-font-medium: var(--op-font-small);
  --_op-btn-font-large: var(--op-font-small);
  --_op-btn-padding-small: 0 var(--op-space-x-small);
  --_op-btn-padding-medium: 0 var(--op-space-small);
  --_op-btn-padding-large: 0 var(--op-space-small);
  /* Private API (component option defaults) */
  --__op-btn-height: var(--_op-btn-height-large);
  --__op-btn-font-size: var(--_op-btn-font-large);
  --__op-btn-padding: var(--_op-btn-padding-large);
  display: inline-flex;
  min-height: var(--__op-btn-height);
  align-items: center;
  justify-content: center;
  padding: var(--__op-btn-padding);
  border-radius: var(--op-radius-medium);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--op-color-neutral-plus-eight);
  box-shadow: inset var(--op-border-all) var(--op-color-neutral-plus-four);
  color: var(--op-color-neutral-on-plus-eight);
  cursor: pointer;
  font-size: var(--__op-btn-font-size);
  font-weight: var(--op-font-weight-normal);
  gap: var(--op-space-x-small);
  text-align: center;
  text-decoration: none;
  transition: var(--op-transition-input);
  white-space: nowrap;
  /* Modifiers */
  /* Default Active State */
  &.btn--active {
    background-color: var(--op-color-primary-plus-five);
    box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-three);
    color: var(--op-color-primary-on-plus-five);
  }
  /* Default Hover State */
  &:hover {
    background-color: var(--op-color-primary-plus-eight);
    box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-three);
    color: var(--op-color-primary-on-plus-eight);
  }
  /* Default Focus State */
  &:focus-visible {
    background-color: var(--op-color-neutral-plus-eight);
    box-shadow: var(--op-input-focus-primary);
    color: var(--op-color-neutral-on-plus-eight);
  }
  /* Default Borderless State */
  &.btn--no-border {
    background-color: transparent;
    box-shadow: none;
    color: var(--op-color-primary-on-plus-max);
    /* Default Borderless + Active State. */
    &.btn--active {
      background-color: var(--op-color-primary-plus-five);
      box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-three);
      color: var(--op-color-primary-on-plus-five);
    }
    /* Default Borderless + Hover State */
    &:hover {
      background-color: var(--op-color-primary-plus-eight);
      box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-five);
      color: var(--op-color-primary-on-plus-eight);
    }
    /* Default Borderless + Focus State */
    &:focus-visible {
      background-color: var(--op-color-primary-plus-eight);
      box-shadow: var(--op-input-focus-primary);
      color: var(--op-color-primary-on-plus-eight);
    }
  }
  /* Pill Modifier */
  &.btn--pill {
    border-radius: var(--op-radius-pill);
  }
  /* Icon Modifier */
  &.btn--icon {
    width: var(--__op-btn-height);
    min-width: var(--__op-btn-height);
    padding: 0;
  }
  /* Icon With Label Modifier */
  &.btn--icon-with-label {
    flex-direction: column;
    padding: var(--op-space-small);
    gap: var(--op-space-3x-small);
  }
  /* Size Modifiers */
  &.btn--small {
    --__op-btn-height: var(--_op-btn-height-small);
    --__op-btn-font-size: var(--_op-btn-font-small);
    --__op-btn-padding: var(--_op-btn-padding-small);
  }
  &.btn--medium {
    --__op-btn-height: var(--_op-btn-height-medium);
    --__op-btn-font-size: var(--_op-btn-font-medium);
    --__op-btn-padding: var(--_op-btn-padding-medium);
  }
  &.btn--large {
    --__op-btn-height: var(--_op-btn-height-large);
    --__op-btn-font-size: var(--_op-btn-font-large);
    --__op-btn-padding: var(--_op-btn-padding-large);
  }
  /* Disabled Modifier */
  &.btn--disabled,
  &:disabled {
    opacity: var(--op-opacity-disabled);
    pointer-events: none;
    -webkit-user-select: none; /* stylelint-disable property-no-vendor-prefix */
    -moz-user-select: none;
         user-select: none;
  }
  /* Button with notification style badge */
  &.btn--with-badge {
    position: relative;
  }
  /* Focus State */
  &:focus,
  &:focus-within,
  &:focus-visible {
    outline: none;
  }
  /* https:/*uxmovement.com/mobile/optimal-size-and-spacing-for-mobile-buttons/ */
  /* --op-breakpoint-small */
  /* Variant Modifiers */
  &.btn--primary {
    background-color: var(--op-color-primary-base);
    box-shadow: inset var(--op-border-all) var(--op-color-primary-base);
    color: var(--op-color-primary-on-base);
    /* Active State */
    &.btn--active {
      background-color: var(--op-color-primary-minus-five);
      box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-two);
      color: var(--op-color-primary-on-minus-five);
    }
    /* Hover State */
    &:hover {
      background-color: var(--op-color-primary-plus-one);
      box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-one);
      color: var(--op-color-primary-on-plus-one);
    }
    /* Focus State */
    &:focus-visible {
      background-color: var(--op-color-primary-base);
      box-shadow: var(--op-input-focus-primary);
      color: var(--op-color-primary-on-base);
    }
    /* Borderless State */
    &.btn--no-border {
      background-color: transparent;
      box-shadow: none;
      color: var(--op-color-primary-base);
      /* Borderless + Active State */
      &.btn--active {
        background-color: var(--op-color-primary-plus-five);
        box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-three);
        color: var(--op-color-primary-on-plus-five);
      }
      /* Borderless + Hover State */
      &:hover {
        background-color: var(--op-color-primary-plus-eight);
        box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-five);
        color: var(--op-color-primary-on-plus-eight);
      }
      /* Borderless + Focus State */
      &:focus-visible {
        background-color: var(--op-color-primary-plus-eight);
        box-shadow: var(--op-input-focus-primary);
        color: var(--op-color-primary-on-plus-eight);
      }
    }
  }
  &.btn--destructive,
  &.btn--delete {
    background-color: var(--op-color-alerts-danger-base);
    box-shadow: inset var(--op-border-all) var(--op-color-alerts-danger-base);
    color: var(--op-color-alerts-danger-on-base);
    /* Active State */
    &.btn--active {
      background-color: var(--op-color-alerts-danger-plus-five);
      box-shadow: inset var(--op-border-all) var(--op-color-alerts-danger-plus-three);
      color: var(--op-color-alerts-danger-on-plus-five);
    }
    /* Hover State */
    &:hover {
      background-color: var(--op-color-alerts-danger-minus-two);
      box-shadow: inset var(--op-border-all) var(--op-color-alerts-danger-minus-two);
      color: var(--op-color-alerts-danger-on-minus-two);
    }
    /* Focus State */
    &:focus-visible {
      background-color: var(--op-color-alerts-danger-base);
      box-shadow: var(--op-input-focus-danger);
      color: var(--op-color-alerts-danger-on-base);
    }
  }
  &.btn--warning {
    background-color: var(--op-color-alerts-warning-base);
    box-shadow: inset var(--op-border-all) var(--op-color-alerts-warning-base);
    color: var(--op-color-alerts-warning-on-base);
    /* Active State */
    &.btn--active {
      background-color: var(--op-color-alerts-warning-plus-five);
      box-shadow: inset var(--op-border-all) var(--op-color-alerts-warning-plus-three);
      color: var(--op-color-alerts-warning-on-plus-five);
    }
    /* Hover State */
    &:hover {
      background-color: var(--op-color-alerts-warning-minus-two);
      box-shadow: inset var(--op-border-all) var(--op-color-alerts-warning-minus-two);
      color: var(--op-color-alerts-warning-on-minus-two);
    }
    /* Focus State */
    &:focus-visible {
      background-color: var(--op-color-alerts-warning-base);
      box-shadow: var(--op-input-focus-warning);
      color: var(--op-color-alerts-warning-on-base);
    }
  }
}
@media (width <= 768px) {
  .btn {
    --__op-btn-height: var(--_op-btn-height-large);
    --__op-btn-font-size: var(--_op-btn-font-large);
    &.btn--small,
    &.btn--medium,
    &.btn--large {
      --__op-btn-height: var(--_op-btn-height-large);
      --__op-btn-font-size: var(--_op-btn-font-large);
      --__op-btn-padding: var(--_op-btn-padding-large);
    }
  }
}
.btn-group {
  --op-btn-group-hover-z-index: 1;
  --op-btn-group-active-z-index: 2;
  --op-btn-group-focus-z-index: 3;
  display: inline-flex;
  align-items: center;
  .btn {
    + .btn {
      margin-inline-start: calc(var(--op-border-width)*-1);
    }
    &:hover {
      z-index: var(--op-btn-group-hover-z-index);
    }
    &.btn--active {
      z-index: var(--op-btn-group-active-z-index);
    }
    &:focus,
    &:focus-within,
    &:focus-visible {
      z-index: var(--op-btn-group-focus-z-index);
    }
    &:not(:first-child, :last-child) {
      border-radius: 0;
    }
    &:first-child:not(:last-child) {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0;
    }
    &:last-child:not(:first-child) {
      border-bottom-left-radius: 0;
      border-top-left-radius: 0;
    }
  }
}
.btn-group-toolbar {
  display: flex;
  flex-wrap: wrap;
}
.card, .ad-review-card, .card-styleguide, .ad-activity-card, .card-list-item {
  /* Public API (customizable component options) */
  --_op-card-padding: var(--op-space-medium);
  --_op-card-box-shadow: var(--op-border-all) var(--op-color-border);
  position: relative;
  border-radius: var(--op-radius-medium);
  background-color: var(--op-color-background);
  box-shadow: var(--_op-card-box-shadow);
  color: var(--op-color-on-background);
  contain: paint;
  font-size: var(--op-font-medium);
  line-height: var(--op-line-height-base);
  /* Modifiers */
  &.card--condensed {
    --_op-card-padding: var(--op-space-x-small);
  }
  &.card--padded {
    padding: var(--_op-card-padding);
  }
  &.card--shadow-x-small {
    box-shadow: var(--_op-card-box-shadow), var(--op-shadow-x-small);
  }
  &.card--shadow-small {
    box-shadow: var(--_op-card-box-shadow), var(--op-shadow-small);
  }
  &.card--shadow-medium {
    box-shadow: var(--_op-card-box-shadow), var(--op-shadow-medium);
  }
  &.card--shadow-large {
    box-shadow: var(--_op-card-box-shadow), var(--op-shadow-large);
  }
  &.card--shadow-x-large {
    box-shadow: var(--_op-card-box-shadow), var(--op-shadow-x-large);
  }
  /* Elements */
  .card__header, .ad-review-card__header,
  .card__body,
  .ad-review-card__body,
  .ad-review-card__body--gap-small,
  .card__footer,
  .ad-review-card__footer {
    padding: var(--_op-card-padding);
  }
  .card__header, .ad-review-card__header {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      margin: 0;
    }
  }
}
.confirm-dialog-wrapper {
  position: fixed;
  z-index: var(--op-z-index-dialog);
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  inset: 0;
  outline: 0;
  visibility: hidden;
  /* Elements */
  .confirm-dialog-wrapper__backdrop {
    position: fixed;
    z-index: var(--op-z-index-dialog-backdrop);
    background: var(--op-color-black);
    inset: 0;
    opacity: var(--op-opacity-none);
    transition: var(--op-transition-modal);
    visibility: hidden;
  }
  /* Modifiers */
  &.confirm-dialog-wrapper--active {
    visibility: visible;
    .confirm-dialog {
      opacity: var(--op-opacity-full);
      transform: scale(1);
    }
    .confirm-dialog-wrapper__backdrop {
      opacity: var(--op-opacity-half);
      visibility: visible;
    }
  }
}
/* stylelint-disable no-descending-specificity */
.confirm-dialog {
  /* Public API (customizable component options) */
  --_op-confirm-dialog-width: calc(var(--op-size-unit)*100); /* 400px */
  z-index: var(--op-z-index-dialog-content);
  width: var(--_op-confirm-dialog-width);
  border-radius: var(--op-radius-medium);
  background-color: var(--op-color-background);
  box-shadow: var(--op-border-all) var(--op-color-border);
  color: var(--op-color-on-background);
  contain: paint;
  font-size: var(--op-font-medium);
  line-height: var(--op-line-height-base);
  opacity: var(--op-opacity-none);
  transform: scale(0.7);
  transition: var(--op-transition-modal);
  .confirm-dialog__header,
  .confirm-dialog__body,
  .confirm-dialog__footer {
    padding: var(--op-space-medium);
  }
  .confirm-dialog__header {
    font-size: var(--op-font-large);
    font-weight: var(--op-font-weight-semi-bold);
  }
  .confirm-dialog__body {
    box-shadow: var(--op-border-all) var(--op-color-border);
  }
  .confirm-dialog__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
/* stylelint-enable no-descending-specificity */
.divider {
  /* Public API (customizable component options) */
  --_op-divider-vertical-min-height: var(--op-space-large);
  --_op-divider-height-small: var(--op-border-width);
  --_op-divider-height-medium: var(--op-border-width-large);
  --_op-divider-height-large: var(--op-border-width-x-large);
  --_op-divider-padding-small: var(--op-space-2x-small);
  --_op-divider-padding-medium: var(--op-space-x-small);
  --_op-divider-padding-large: var(--op-space-medium);
  /* Private API (component option defaults) */
  --__op-divider-height: var(--_op-divider-height-small);
  --__op-divider-padding: 0;
  width: 100%;
  height: var(--__op-divider-height);
  background-color: var(--op-color-border);
  margin-block: var(--__op-divider-padding);
  margin-inline: 0;
  /* Size Modifiers */
  &.divider--small {
    --__op-divider-height: var(--_op-divider-height-small);
  }
  &.divider--medium {
    --__op-divider-height: var(--_op-divider-height-medium);
  }
  &.divider--large {
    --__op-divider-height: var(--_op-divider-height-large);
  }
  /* Spacing Modifiers */
  &.divider--spacing-small {
    --__op-divider-padding: var(--_op-divider-padding-small);
  }
  &.divider--spacing-medium {
    --__op-divider-padding: var(--_op-divider-padding-medium);
  }
  &.divider--spacing-large {
    --__op-divider-padding: var(--_op-divider-padding-large);
  }
  /* Direction Modifier */
  &.divider--vertical {
    width: var(--__op-divider-height);
    height: 100%;
    min-height: var(--_op-divider-vertical-min-height);
    margin-block: 0;
    margin-inline: var(--__op-divider-padding);
  }
}
.form-control, .ts-wrapper .ts-control {
  /* Public API (customizable component options) */
  --_op-form-control-height-small: var(--op-input-height-small);
  --_op-form-control-height-medium: var(--op-input-height-medium);
  --_op-form-control-height-large: var(--op-input-height-large);
  --_op-form-control-font-small: var(--op-font-x-small);
  --_op-form-control-font-medium: var(--op-font-small);
  --_op-form-control-font-large: var(--op-font-small);
  /* Private API (component option defaults) */
  --__op-form-control-height: var(--_op-form-control-height-large);
  --__op-form-control-font-size: var(--_op-form-control-font-large);
  min-width: var(--__op-form-control-height);
  height: var(--__op-form-control-height);
  /* Size Modifiers */
  &.form-control--small {
    --__op-form-control-height: var(--_op-form-control-height-small);
    --__op-form-control-font-size: var(--_op-form-control-font-small);
  }
  &.form-control--medium {
    --__op-form-control-height: var(--_op-form-control-height-medium);
    --__op-form-control-font-size: var(--_op-form-control-font-medium);
  }
  &.form-control--large {
    --__op-form-control-height: var(--_op-form-control-height-large);
    --__op-form-control-font-size: var(--_op-form-control-font-large);
  }
  /* Disabled State */
  &:disabled {
    cursor: not-allowed;
    opacity: var(--_op-form-control-opacity-disabled);
  }
  /* Readonly State */
  &[readonly] {
    padding: 0;
    background: transparent;
    box-shadow: none;
    color: var(--op-color-on-background);
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    /* stylelint-disable selector-no-vendor-prefix */
    &::-webkit-input-placeholder {
      color: var(--op-color-on-background);
    }
    /* stylelint-enable selector-no-vendor-prefix */
  }
}
/* Radio or Checkbox Form Control */
.form-control:is([type=radio], [type=checkbox]), .ts-wrapper .ts-control:is([type=radio], [type=checkbox]) {
  /* Public API (customizable component options) */
  --_op-form-control-height-small: var(--op-space-medium);
  --_op-form-control-height-medium: var(--op-space-large);
  --_op-form-control-height-large: var(--op-space-x-large);
  width: var(--__op-form-control-height);
  height: var(--__op-form-control-height);
  align-self: center;
  margin: 0;
  accent-color: var(--op-color-primary-base);
  cursor: pointer;
  & + label {
    align-self: center;
  }
}
/* Any Form Control that is not a radio or checkbox */
.form-control:not([type=radio], [type=checkbox]), .ts-wrapper .ts-control:not([type=radio], [type=checkbox]) {
  /* Public API (customizable component options) */
  --_op-form-control-opacity-disabled: var(--op-opacity-disabled);
  /* Private API (component option defaults) */
  --__op-form-control-border-color: var(--op-color-neutral-plus-four);
  display: block;
  width: 100%;
  min-width: var(--__op-form-control-height);
  height: var(--__op-form-control-height);
  border: none;
  border-radius: var(--op-radius-medium);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--op-color-neutral-plus-eight);
  box-shadow: var(--op-border-all) var(--__op-form-control-border-color);
  color: var(--op-color-neutral-on-plus-eight);
  cursor: text;
  font-size: var(--__op-form-control-font-size);
  line-height: var(--op-line-height-base);
  padding-block: var(--op-space-2x-small);
  padding-inline: var(--op-space-small) var(--op-space-x-small);
  /* Focus State */
  &:focus,
  &:focus-within,
  &:focus-visible {
    outline: none;
  }
  /* Hover State */
  &:hover:not(:disabled, [readonly]) {
    box-shadow: var(--op-border-all) var(--op-color-primary-plus-three);
  }
  &:focus-visible:not([readonly]) {
    background-color: var(--op-color-primary-plus-seven);
    box-shadow: var(--op-input-focus-primary);
    color: var(--op-color-primary-on-plus-seven);
  }
  /* Borderless State */
  &.form-control--no-border {
    background-color: transparent;
    box-shadow: none;
    color: var(--op-color-primary-on-plus-max);
    &:focus-visible:not([readonly]) {
      background-color: var(--op-color-primary-plus-seven);
      box-shadow: var(--op-input-focus-primary);
      color: var(--op-color-primary-on-plus-seven);
    }
    /* Borderless + Hover State */
    &:hover:not(:disabled, [readonly]) {
      background-color: var(--op-color-primary-plus-eight);
      box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-two);
      color: var(--op-color-primary-on-plus-eight);
    }
  }
}
/* Color Form Control */
.form-control[type=color], .ts-wrapper [type=color].ts-control {
  padding: var(--op-space-2x-small);
  cursor: pointer;
  &::-webkit-color-swatch-wrapper {
    padding: 0;
  }
  &::-webkit-color-swatch {
    border: none;
    border-radius: var(--op-radius-medium);
  }
}
/* File Form Control */
.form-control[type=file], .ts-wrapper [type=file].ts-control {
  padding-block: 0;
  &::file-selector-button {
    --__op-btn-base-height: var(--op-input-height-small);
    --__op-btn-height: var(--__op-btn-base-height);
    display: inline-flex;
    min-height: var(--__op-btn-height);
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: var(--op-radius-medium);
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: var(--op-color-neutral-plus-eight);
    box-shadow: inset var(--op-border-all) var(--op-color-neutral-plus-four);
    color: var(--op-color-neutral-on-plus-eight);
    cursor: pointer;
    font-size: var(--op-font-x-small);
    font-weight: var(--op-font-weight-normal);
    gap: var(--op-space-x-small);
    margin-block: calc(var(--__op-form-control-height)/2 - var(--__op-btn-height)/2);
    padding-block: 0;
    padding-inline: var(--op-space-x-small);
    text-align: center;
    text-decoration: none;
    transition: var(--op-transition-input);
    white-space: nowrap;
  }
  &.form-control--small::file-selector-button {
    --__op-btn-height: calc(var(--__op-btn-base-height) - var(--op-space-x-small));
  }
}
select.form-control:not([multiple], [type=radio], [type=checkbox]), .ts-wrapper select.ts-control:not([multiple], [type=radio], [type=checkbox]) {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: var(--op-encoded-images-dropdown-arrow);
  background-position: center right;
  background-position-x: calc(100% - var(--op-space-3x-large)/2 + var(--op-encoded-images-dropdown-arrow-width)/2);
  background-repeat: no-repeat;
  cursor: pointer;
  padding-inline-end: var(--op-space-3x-large);
}
select.form-control[multiple], .ts-wrapper select[multiple].ts-control {
  min-height: calc(var(--__op-form-control-height)*2);
}
textarea.form-control:not([type=radio], [type=checkbox]), .ts-wrapper textarea.ts-control:not([type=radio], [type=checkbox]) {
  max-width: 100%;
  height: calc(var(--__op-form-control-height)*2);
  min-height: var(--__op-form-control-height);
}
.form-label {
  color: var(--op-color-on-background);
  font-size: var(--op-font-x-small);
  font-weight: var(--op-font-weight-normal);
  letter-spacing: var(--op-letter-spacing-label);
  line-height: var(--op-line-height-base);
}
.form-error, .live-input__display-error {
  width: -moz-fit-content;
  width: fit-content;
  color: var(--op-color-alerts-danger-base);
  font-size: var(--op-font-x-small);
}
.form-hint {
  display: block;
  font-size: var(--op-font-small);
  font-style: italic;
}
.form-error-summary {
  padding: var(--op-space-large);
  border-radius: var(--op-radius-large);
  background-color: var(--op-color-alerts-danger-plus-seven);
  box-shadow: var(--op-border-all) var(--op-color-alerts-danger-on-plus-seven);
  color: var(--op-color-alerts-danger-on-plus-seven);
  margin-block-end: var(--op-space-large);
  h2 {
    font-size: var(--op-font-medium);
  }
  ul {
    margin-block-end: 0;
  }
}
.form-group {
  display: grid;
  align-content: baseline;
  gap: var(--op-space-x-small);
  grid-auto-rows: auto;
  grid-template-columns: auto 1fr;
  padding-block: var(--op-space-small);
  padding-inline: 0;
  /* Group Alignment */
  /* stylelint-disable no-descending-specificity */
  .form-label,
  .form-error,
  .live-input__display-error,
  .form-hint,
  .form-control:not([type=radio], [type=checkbox]),
  .ts-wrapper .ts-control:not([type=radio], [type=checkbox]) {
    grid-column: 1/3;
  }
  /* stylelint-enable no-descending-specificity */
  .form-control[type=radio], .ts-wrapper [type=radio].ts-control,
  .form-control[type=checkbox],
  .ts-wrapper [type=checkbox].ts-control {
    grid-column: 1/1;
    & + .form-label {
      grid-column: 2/3;
      grid-row: 1;
    }
  }
}
.form-group--inline {
  align-items: center;
  /* Group Alignment */
  /* stylelint-disable no-descending-specificity */
  .form-label {
    grid-column: unset;
  }
  .form-error, .live-input__display-error,
  .form-hint {
    grid-column: 1/3;
  }
  .form-control:not([type=radio], [type=checkbox]), .ts-wrapper .ts-control:not([type=radio], [type=checkbox]),
  .switch {
    grid-column: unset;
  }
  /* stylelint-enable no-descending-specificity */
}
.form-group--error {
  /* stylelint-disable no-descending-specificity */
  .form-control, .ts-wrapper .ts-control {
    box-shadow: var(--op-border-all) var(--op-color-alerts-danger-base);
    &[type=radio],
    &[type=checkbox] {
      box-shadow: none;
      & + label {
        color: var(--op-color-alerts-danger-minus-three);
        font-weight: var(--op-font-weight-bold);
      }
    }
    /* Error + Hover State */
    &:hover:not(:disabled, [readonly]) {
      background-color: var(--op-color-alerts-danger-plus-seven);
      box-shadow: var(--op-border-all) var(--op-color-alerts-danger-minus-two);
      color: var(--op-color-alerts-danger-on-plus-seven);
    }
    /* Readonly State */
    &[readonly] {
      box-shadow: none;
    }
    /* Error + Focus State */
    &:focus-visible:not([readonly]) {
      background-color: var(--op-color-alerts-danger-plus-seven);
      box-shadow: var(--op-input-focus-danger);
      color: var(--op-color-alerts-danger-on-plus-seven);
    }
    /* Borderless State */
    &.form-control--no-border {
      border-radius: 0;
      box-shadow: var(--op-border-bottom) var(--op-color-alerts-danger-base);
      /* Readonly State */
      &[readonly] {
        box-shadow: none;
      }
      /* Borderless + Focus State */
      &:focus-visible:not([readonly]) {
        background-color: var(--op-color-alerts-danger-plus-seven);
        box-shadow: var(--op-border-bottom) var(--op-color-alerts-danger-base);
        color: var(--op-color-alerts-danger-on-plus-seven);
      }
      /* Borderless + Hover State */
      &:hover:not(:disabled, [readonly]) {
        background-color: var(--op-color-alerts-danger-plus-eight);
        box-shadow: var(--op-border-bottom) var(--op-color-alerts-danger-base);
        color: var(--op-color-alerts-danger-on-plus-eight);
      }
    }
  }
  /* stylelint-enable no-descending-specificity */
}
.icon {
  /* Public API (customizable component options) */
  /* Weight */
  --_op-icon-weight-light: var(--op-font-weight-light);
  --_op-icon-weight-normal: var(--op-font-weight-normal);
  --_op-icon-weight-semi-bold: var(--op-font-weight-semi-bold);
  --_op-icon-weight-bold: var(--op-font-weight-bold);
  /* Fill */
  --_op-icon-fill-outlined: 0;
  --_op-icon-fill-filled: 1;
  /* Emphasis */
  --_op-icon-emphasis-low: -20;
  --_op-icon-emphasis-normal: 0;
  --_op-icon-emphasis-high: 200;
  /* Size */
  --_op-icon-font-size-small: var(--op-font-small);
  --_op-icon-font-size-medium: var(--op-font-medium);
  --_op-icon-font-size-large: var(--op-font-large);
  --_op-icon-font-size-x-large: var(--op-font-2x-large);
  --_op-icon-optical-size-small: 20;
  --_op-icon-optical-size-medium: 20;
  --_op-icon-optical-size-large: 40;
  --_op-icon-optical-size-x-large: 48;
  /* Private API (component option defaults) */
  --__op-icon-weight: var(--_op-icon-weight-normal);
  --__op-icon-fill: var(--_op-icon-fill-outlined);
  --__op-icon-emphasis: var(--_op-icon-emphasis-normal);
  --__op-icon-font-size: var(--_op-icon-font-size-medium);
  --__op-icon-optical-size: var(--_op-icon-optical-size-medium);
  display: inline-block;
  width: var(--__op-icon-font-size);
  height: var(--__op-icon-font-size);
  font-size: var(--__op-icon-font-size);
  font-weight: var(--__op-icon-weight);
  line-height: var(--op-line-height-densest);
  vertical-align: middle;
  /* Fill Modifiers */
  &.icon--outlined {
    --__op-icon-fill: var(--_op-icon-fill-outlined);
  }
  &.icon--filled {
    --__op-icon-fill: var(--_op-icon-fill-filled);
  }
  /* Weight Modifiers */
  &.icon--weight-light {
    --__op-icon-weight: var(--_op-icon-weight-light);
  }
  &.icon--weight-normal {
    --__op-icon-weight: var(--_op-icon-weight-normal);
  }
  &.icon--weight-semi-bold {
    --__op-icon-weight: var(--_op-icon-weight-semi-bold);
  }
  &.icon--weight-bold {
    --__op-icon-weight: var(--_op-icon-weight-bold);
  }
  /* Emphasis */
  &.icon--low-emphasis {
    --__op-icon-emphasis: var(--_op-icon-emphasis-low);
  }
  &.icon--normal-emphasis {
    --__op-icon-emphasis: var(--_op-icon-emphasis-normal);
  }
  &.icon--high-emphasis {
    --__op-icon-emphasis: var(--_op-icon-emphasis-high);
  }
  /* Size Modifiers */
  &.icon--small {
    --__op-icon-font-size: var(--_op-icon-font-size-small);
    --__op-icon-optical-size: var(--_op-icon-optical-size-small);
  }
  &.icon--medium {
    --__op-icon-font-size: var(--_op-icon-font-size-medium);
    --__op-icon-optical-size: var(--_op-icon-optical-size-medium);
  }
  &.icon--large {
    --__op-icon-font-size: var(--_op-icon-font-size-large);
    --__op-icon-optical-size: var(--_op-icon-optical-size-large);
  }
  &.icon--x-large {
    --__op-icon-font-size: var(--_op-icon-font-size-x-large);
    --__op-icon-optical-size: var(--_op-icon-optical-size-x-large);
  }
}
/* Material Icons class provided by the Google Fonts CDN */
.material-symbols-outlined {
  font-variation-settings: "FILL" var(--__op-icon-fill), "wght" var(--__op-icon-weight), "GRAD" var(--__op-icon-emphasis), "opsz" var(--__op-icon-optical-size);
  font-weight: unset;
}
/* Custom SVG Icons app specific */
.custom-icons {
  svg {
    width: 100%;
    height: 100%;
  }
}
.modal-wrapper {
  /* Public API (customizable component options) */
  --_op-modal-backdrop-active-opacity: var(--op-opacity-half);
  position: fixed;
  z-index: var(--op-z-index-dialog);
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  inset: 0;
  outline: 0;
  visibility: hidden;
  /* Elements */
  .modal-wrapper__backdrop {
    position: fixed;
    z-index: var(--op-z-index-dialog-backdrop);
    background: var(--op-color-black);
    inset: 0;
    opacity: var(--op-opacity-none);
    transition: var(--op-transition-modal);
    visibility: hidden;
  }
  /* Modifiers */
  &.modal-wrapper--active {
    visibility: visible;
    .modal {
      opacity: var(--op-opacity-full);
      transform: scale(1);
    }
    .modal-wrapper__backdrop {
      opacity: var(--_op-modal-backdrop-active-opacity);
      visibility: visible;
    }
  }
}
/* stylelint-disable no-descending-specificity */
.modal {
  /* Public API (customizable component options) */
  --_op-modal-width: calc(var(--op-size-unit)*141); /* 564px */
  --_op-modal-max-height: calc(var(--op-size-unit)*125); /* 500px */
  z-index: var(--op-z-index-dialog-content);
  width: var(--_op-modal-width);
  border-radius: var(--op-radius-medium);
  background-color: var(--op-color-background);
  box-shadow: var(--op-border-all) var(--op-color-border);
  color: var(--op-color-on-background);
  contain: paint;
  font-size: var(--op-font-medium);
  line-height: var(--op-line-height-base);
  opacity: var(--op-opacity-none);
  transform: scale(0.7);
  transition: var(--op-transition-modal);
  .modal__header,
  .modal__body,
  .modal__footer {
    padding: var(--op-space-medium);
  }
  .modal__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: var(--op-font-large);
    font-weight: var(--op-font-weight-semi-bold);
  }
  .modal__body {
    max-height: var(--_op-modal-max-height);
    box-shadow: var(--op-border-all) var(--op-color-border);
    overflow-y: auto;
  }
  .modal__footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--op-space-small);
  }
}
/* stylelint-enable no-descending-specificity */
dialog.modal {
  position: fixed;
  display: block;
  padding: 0;
  border: none;
  inset: 0;
  &::backdrop {
    /* The Dialog backdrop does not inheret from :root so these need to be duplicated here. */
    --op-color-black: hsl(0deg 0% 0%);
    --_op-modal-backdrop-active-opacity: 0.5;
    --op-opacity-none: 0;
    --op-opacity-full: 1;
    animation: show-backdrop 300ms ease-in;
    background: var(--op-color-black);
    opacity: var(--_op-modal-backdrop-active-opacity);
  }
  &[open] {
    opacity: var(--op-opacity-full);
    transform: scale(1);
  }
  &.modal--closing {
    opacity: var(--op-opacity-none);
    transform: scale(0.7);
    &::backdrop {
      animation: hide-backdrop 300ms ease-in;
      opacity: var(--op-opacity-none);
    }
  }
}
/* Using the Dialog element */
/* https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog */
@keyframes show-backdrop {
  from {
    opacity: var(--op-opacity-none);
  }
  to {
    opacity: var(--_op-modal-backdrop-active-opacity);
  }
}
@keyframes hide-backdrop {
  from {
    opacity: var(--_op-modal-backdrop-active-opacity);
  }
  to {
    opacity: var(--op-opacity-none);
  }
}
.navbar {
  /* Public API (customizable component options) */
  /* Normal */
  --_op-navbar-background-color: var(--op-color-neutral-plus-eight);
  --_op-navbar-text-color: var(--op-color-neutral-on-plus-eight);
  --_op-navbar-border-color: var(--op-color-neutral-plus-four);
  --_op-navbar-brand-height: calc(var(--op-size-unit)*12); /* 48px */
  /* Spacing */
  --_op-navbar-horizontal-spacing: var(--op-space-x-large);
  --_op-navbar-content-spacing: var(--op-space-x-small);
  --_op-navbar-content-item-spacing: var(--op-space-2x-small);
  display: flex;
  align-items: center;
  padding: var(--op-space-small) var(--_op-navbar-horizontal-spacing);
  background-color: var(--_op-navbar-background-color);
  box-shadow: var(--op-border-bottom) var(--_op-navbar-border-color);
  color: var(--_op-navbar-text-color);
  gap: var(--_op-navbar-content-spacing);
  /* Elements */
  .navbar__brand {
    height: var(--_op-navbar-brand-height);
    margin-right: var(--_op-navbar-horizontal-spacing);
    img {
      height: 100%;
    }
  }
  .navbar__content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--_op-navbar-content-item-spacing);
    &.navbar__content--justify-start {
      margin-inline-end: auto;
    }
    &.navbar__content--justify-center {
      margin-inline: auto;
    }
    &.navbar__content--justify-end {
      margin-inline-start: auto;
    }
  }
  /* Modifiers */
  &.navbar--primary {
    --_op-navbar-background-color: var(--op-color-primary-plus-six);
    --_op-navbar-text-color: var(--op-color-primary-on-plus-six);
    --_op-navbar-border-color: var(--op-color-primary-plus-four);
  }
}
.pagination {
  display: flex;
  align-items: center;
  gap: 0;
  /* Showing Dropdown */
  .form-group {
    align-items: center;
    .form-label {
      grid-column: 1;
    }
    .form-control, .ts-wrapper .ts-control {
      grid-column: 2;
    }
  }
  /* ... Gap */
  .pagination__divider {
    height: 100%;
    padding-inline: var(--op-space-x-small);
  }
}
.sidebar {
  /* Public API (customizable component options) */
  /* Normal */
  --_op-sidebar-background-color: var(--op-color-neutral-plus-eight);
  --_op-sidebar-text-color: var(--op-color-neutral-on-plus-eight);
  --_op-sidebar-border-color: var(--op-color-neutral-plus-four);
  /* Width */
  --_op-sidebar-rail-width: calc(var(--op-size-unit)*22); /* 88px */
  --_op-sidebar-compact-width: calc(var(--op-size-unit)*42); /* 168px */
  --_op-sidebar-drawer-width: calc(var(--op-size-unit)*54); /* 216px */
  --_op-sidebar-rail-brand-width: calc(var(--op-size-unit)*19); /* 76px */
  --_op-sidebar-compact-brand-width: calc(var(--op-size-unit)*24); /* 96px */
  --_op-sidebar-drawer-brand-width: calc(var(--op-size-unit)*24); /* 96px */
  /* Spacing */
  --_op-sidebar-spacing: calc(var(--op-space-2x-large) + var(--op-space-2x-small));
  --_op-sidebar-brand-spacing: var(--op-space-medium);
  --_op-sidebar-content-spacing: var(--op-space-x-small);
  --_op-sidebar-content-item-spacing: var(--op-space-2x-small);
  /* Animation */
  --_op-sidebar-transition: var(--op-transition-sidebar);
  /* Private API (component option defaults) */
  --__op-sidebar-width: var(--_op-sidebar-drawer-width);
  --__op-sidebar-brand-width: var(--_op-sidebar-drawer-brand-width);
  z-index: var(--op-z-index-sidebar);
  display: flex;
  width: var(--__op-sidebar-width);
  min-width: var(--__op-sidebar-width);
  flex-direction: column;
  background-color: var(--_op-sidebar-background-color);
  box-shadow: var(--op-border-right) var(--_op-sidebar-border-color);
  color: var(--_op-sidebar-text-color);
  overflow-y: auto;
  transition: var(--_op-sidebar-transition);
  /* Elements */
  .sidebar__brand {
    height: var(--__op-sidebar-brand-width);
    padding: var(--_op-sidebar-brand-spacing);
    margin-inline: auto;
    img {
      height: 100%;
    }
  }
  .sidebar__content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: var(--_op-sidebar-content-item-spacing);
    padding-inline: var(--_op-sidebar-content-spacing);
    > * {
      justify-content: flex-start;
      .material-symbols-outlined {
        --__op-icon-font-size: var(--_op-icon-font-size-large);
        --__op-icon-optical-size: var(--_op-icon-optical-size-large);
        --__op-icon-weight: var(--_op-icon-weight-bold);
      }
    }
    &.sidebar__content--start {
      justify-content: start;
    }
    &.sidebar__content--center {
      justify-content: center;
    }
    &.sidebar__content--end {
      justify-content: end;
    }
  }
  /* Modifiers */
  &.sidebar--padded {
    padding-block: var(--_op-sidebar-spacing);
  }
  /* Drawer Modifier */
  &.sidebar--drawer {
    /* Private API */
    --__op-sidebar-width: var(--_op-sidebar-drawer-width);
    --__op-sidebar-brand-width: var(--_op-sidebar-drawer-brand-width);
  }
  /* Compact Modifier */
  &.sidebar--compact {
    /* Private API (component option defaults) */
    --__op-sidebar-width: var(--_op-sidebar-compact-width);
    --__op-sidebar-brand-width: var(--_op-sidebar-compact-brand-width);
    /* Elements */
    .sidebar__content {
      > * {
        /* Need to get icon-with-label behavior */
        flex-direction: column;
        padding: var(--op-space-small);
        gap: var(--op-space-3x-small);
      }
    }
  }
  &.sidebar--rail {
    /* Private API (component option defaults) */
    --__op-sidebar-width: var(--_op-sidebar-rail-width);
    --__op-sidebar-brand-width: var(--_op-sidebar-rail-brand-width);
    /* Elements */
    .sidebar__content {
      align-items: center;
      > * {
        /* Need to get icon behavior */
        width: var(--__op-btn-height);
        min-width: var(--__op-btn-height);
        justify-content: center;
        padding: 0;
        font-size: 0;
        gap: 0;
      }
    }
  }
  /* Primary */
  &.sidebar--primary {
    --_op-sidebar-background-color: var(--op-color-primary-plus-six);
    --_op-sidebar-text-color: var(--op-color-primary-on-plus-six);
    --_op-sidebar-border-color: var(--op-color-primary-plus-four);
  }
}
.side-panel {
  /* Public API (customizable component options) */
  --_op-side-panel-width: calc(var(--op-size-unit)*54); /* 216px */
  --_op-side-panel-header-padding: var(--op-space-medium);
  --_op-side-panel-body-padding: var(--op-space-medium);
  --_op-side-panel-footer-padding: var(--op-space-medium);
  --_op-side-panel-section-padding: var(--op-space-medium);
  display: flex;
  width: var(--_op-side-panel-width);
  min-width: var(--_op-side-panel-width);
  height: 100vh;
  max-height: 100%;
  flex-direction: column;
  background-color: var(--op-color-background);
  color: var(--op-color-on-background);
  /* Modifiers */
  &.side-panel--border-left {
    box-shadow: var(--op-border-left) var(--op-color-border);
  }
  &.side-panel--border-right {
    box-shadow: var(--op-border-right) var(--op-color-border);
  }
  &.side-panel--border-left.side-panel--border-right {
    box-shadow: var(--op-border-x);
  }
  /* Elements */
  .side-panel__header {
    &.side-panel__header--padded {
      padding: var(--_op-side-panel-header-padding);
    }
    &.side-panel__header--padded-x {
      padding-inline: var(--_op-side-panel-header-padding);
    }
    &.side-panel__header--padded-y {
      padding-block: var(--_op-side-panel-header-padding);
    }
  }
  .side-panel__body {
    flex: 1;
    overflow-y: auto;
    &.side-panel__body--padded {
      padding: var(--_op-side-panel-body-padding);
    }
    &.side-panel__body--padded-x {
      padding-inline: var(--_op-side-panel-body-padding);
    }
    &.side-panel__body--padded-y {
      padding-block: var(--_op-side-panel-body-padding);
    }
  }
  .side-panel__footer {
    &.side-panel__footer--padded {
      padding: var(--_op-side-panel-footer-padding);
    }
    &.side-panel__footer--padded-x {
      padding-inline: var(--_op-side-panel-footer-padding);
    }
    &.side-panel__footer--padded-y {
      padding-block: var(--_op-side-panel-footer-padding);
    }
  }
  .side-panel__section {
    &.side-panel__section--padded {
      padding: var(--_op-side-panel-section-padding);
    }
    &.side-panel__section--padded-x {
      padding-inline: var(--_op-side-panel-section-padding);
    }
    &.side-panel__section--padded-y {
      padding-block: var(--_op-side-panel-section-padding);
    }
  }
}
.spinner {
  /* Public API (customizable component options) */
  --_op-spinner-indicator-color: var(--op-color-primary-base);
  --_op-spinner-track-color: var(--op-color-neutral-plus-four);
  --_op-spinner-track-width-x-small: var(--op-border-width);
  --_op-spinner-track-width-small: var(--op-border-width-large);
  --_op-spinner-track-width-medium: calc(var(--op-border-width-large) + var(--op-border-width));
  --_op-spinner-track-width-large: var(--op-border-width-x-large);
  --_op-spinner-diameter-x-small: calc(var(--op-size-unit)*6); /* 24px */
  --_op-spinner-diameter-small: calc(var(--op-size-unit)*10); /* 40px */
  --_op-spinner-diameter-medium: calc(var(--op-size-unit)*15); /* 60px */
  --_op-spinner-diameter-large: calc(var(--op-size-unit)*20); /* 80px */
  --_op-spinner-animation-duration: 0.8s;
  --_op-spinner-animation-timing-function: linear;
  /* Private API (component option defaults) */
  --__op-spinner-diameter: var(--_op-spinner-diameter-large);
  --__op-spinner-track-width: var(--_op-spinner-track-width-large);
  width: var(--__op-spinner-diameter);
  height: var(--__op-spinner-diameter);
  border: var(--__op-spinner-track-width) solid var(--_op-spinner-track-color);
  border-radius: var(--__op-spinner-diameter);
  border-top-color: var(--_op-spinner-indicator-color);
  animation: spinner var(--_op-spinner-animation-duration) var(--_op-spinner-animation-timing-function) infinite;
  &.spinner--x-small {
    --__op-spinner-diameter: var(--_op-spinner-diameter-x-small);
    --__op-spinner-track-width: var(--_op-spinner-track-width-x-small);
  }
  &.spinner--small {
    --__op-spinner-diameter: var(--_op-spinner-diameter-small);
    --__op-spinner-track-width: var(--_op-spinner-track-width-small);
  }
  &.spinner--medium {
    --__op-spinner-diameter: var(--_op-spinner-diameter-medium);
    --__op-spinner-track-width: var(--_op-spinner-track-width-medium);
  }
  &.spinner--large {
    --__op-spinner-diameter: var(--_op-spinner-diameter-large);
    --__op-spinner-track-width: var(--_op-spinner-track-width-large);
  }
}
@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}
.switch {
  /* Public API (allowed to be overridden) */
  --_op-switch-height-small: calc(var(--op-size-unit)*4); /* 16px */
  --_op-switch-height-large: calc(var(--op-size-unit)*6); /* 24px */
  --_op-switch-width-small: calc(var(--op-size-unit)*7); /* 28px */
  --_op-switch-width-large: calc(var(--op-size-unit)*11); /* 44px */
  --_op-switch-opacity-disabled: var(--op-opacity-disabled);
  --_op-switch-switch-padding: var(--op-space-2x-small);
  /* Private API (don't touch these) */
  --__op-switch-width: var(--_op-switch-width-large);
  --__op-switch-height: var(--_op-switch-height-large);
  --__op-switch-switch-size: calc(var(--__op-switch-height) - var(--_op-switch-switch-padding));
  --__op-switch-half-switch-padding: calc(var(--_op-switch-switch-padding)/2);
  position: relative;
  display: flex;
  align-items: center;
  label {
    position: relative;
    display: block;
    width: var(--__op-switch-width);
    height: var(--__op-switch-height);
    border-radius: var(--op-radius-pill);
    background: var(--op-color-neutral-base);
    box-shadow: inset var(--op-border-all) var(--op-color-neutral-plus-three);
    text-indent: -9999px; /* Normally text would not be put in the label, but this hides it in case you do put text in the label */
    &::after {
      position: absolute;
      width: var(--__op-switch-switch-size);
      height: var(--__op-switch-switch-size);
      border-radius: var(--op-radius-circle);
      background-color: var(--op-color-neutral-plus-eight);
      content: "";
      inset-block-start: var(--__op-switch-half-switch-padding);
      inset-inline-start: var(--__op-switch-half-switch-padding);
      transition: var(--op-transition-input);
    }
  }
  /* Prevent labels after the toggle being full width */
  & + label {
    width: -moz-fit-content;
    width: fit-content;
  }
  input {
    width: 0;
    height: 0;
    margin-inline-end: calc(var(--op-space-x-small)*-1);
    &:disabled {
      visibility: hidden;
    }
    &:disabled + label {
      cursor: not-allowed;
      opacity: var(--_op-switch-opacity-disabled);
    }
    &:checked + label {
      background-color: var(--op-color-primary-base);
      box-shadow: none;
      &::after {
        left: calc(100% - var(--__op-switch-half-switch-padding));
        transform: translateX(-100%);
      }
    }
    &:hover + label {
      &::after {
        background-color: var(--op-color-primary-plus-five);
      }
    }
    &:focus-visible + label {
      box-shadow: 0 0 0 var(--op-border-width-large) var(--op-color-primary-plus-six), inset var(--op-border-all) var(--op-color-primary-minus-three);
      &::after {
        background-color: var(--op-color-neutral-plus-five);
        box-shadow: var(--op-border-all) var(--op-color-primary-minus-three);
      }
    }
    &:focus-visible:checked + label {
      &::after {
        background-color: var(--op-color-primary-plus-six);
        box-shadow: var(--op-border-all) var(--op-color-primary-minus-two);
      }
    }
  }
  /* Size Modifiers */
  &.switch--small {
    --__op-switch-width: var(--_op-switch-width-small);
    --__op-switch-height: var(--_op-switch-height-small);
  }
  &.switch--large {
    --__op-switch-width: var(--_op-switch-width-large);
    --__op-switch-height: var(--_op-switch-height-large);
  }
}
.tab-group {
  display: flex;
  align-items: center;
}
.tab {
  /* Public API */
  --_op-tab-font-small: var(--op-font-x-small);
  --_op-tab-font-large: var(--op-font-small);
  --_op-tab-padding-small: calc(var(--op-space-2x-small) + var(--op-space-3x-small)) var(--op-space-medium);
  --_op-tab-padding-large: var(--op-space-x-small) var(--op-space-medium) var(--op-space-small) var(--op-space-medium);
  --_op-tab-indicator-width-small: var(--op-border-width-large);
  --_op-tab-indicator-width-large: var(--op-border-width-x-large);
  --_op-tab-disabled-opacity: var(--op-opacity-disabled);
  /* Private API */
  --__op-tab-font-size: var(--_op-tab-font-large);
  --__op-tab-padding: var(--_op-tab-padding-large);
  --__op-tab-indicator-width: var(--_op-tab-indicator-width-large);
  --__op-tab-indicator: inset 0 calc(var(--__op-tab-indicator-width)*-1) 0 0;
  padding: var(--__op-tab-padding);
  background-color: var(--op-color-background);
  color: var(--op-color-on-background);
  font-size: var(--__op-tab-font-size);
  text-decoration: none;
  &.tab--active {
    box-shadow: var(--__op-tab-indicator) var(--op-color-primary-plus-one);
  }
  /* Focus State */
  &:focus,
  &:focus-within,
  &:focus-visible {
    outline: none;
  }
  /* Hover State */
  &:hover {
    background-color: var(--op-color-primary-plus-seven);
    box-shadow: var(--__op-tab-indicator) var(--op-color-primary-base);
    color: var(--op-color-primary-on-plus-seven);
  }
  /* Focus State */
  &:focus-visible:not(.tab--disabled) {
    z-index: 1;
    box-shadow: var(--op-input-focus-primary);
    &.tab--active {
      box-shadow: var(--__op-tab-indicator) var(--op-color-primary-plus-one), var(--op-input-focus-primary);
    }
  }
  /* Disabled State */
  &.tab--disabled {
    opacity: var(--_op-tab-disabled-opacity);
    pointer-events: none;
  }
  /* Size Modifiers */
  &.tab--small {
    --__op-tab-padding: var(--_op-tab-padding-small);
    --__op-tab-font-size: var(--_op-tab-font-small);
    --__op-tab-indicator-width: var(--_op-tab-indicator-width-small);
  }
  &.tab--large {
    --__op-tab-padding: var(--_op-tab-padding-large);
    --__op-tab-font-size: var(--_op-tab-font-large);
    --__op-tab-indicator-width: var(--_op-tab-indicator-width-large);
  }
}
.table {
  /* Public API */
  /* Cells (for height, the appropriate variable is used when using the density modifiers) */
  --_op-table-cell-height-default: calc(var(--op-size-unit)*11); /* 44px */
  --_op-table-cell-height-comfortable: calc(var(--op-size-unit)*16); /* 64px */
  --_op-table-cell-height-compact: calc(var(--op-size-unit)*8); /* 32px */
  /* Private API */
  /* These allow for overriding specific padding versions easier. */
  --__op-table-cell-height: var(--_op-table-cell-height-default);
  width: 100%;
  border-radius: var(--op-radius-medium);
  border-collapse: collapse;
  box-shadow: var(--op-border-all) var(--op-color-border);
  contain: paint;
  table-layout: auto;
  /* Elements */
  thead {
    background-color: var(--op-color-neutral-plus-eight);
    box-shadow: inset var(--op-border-top) var(--op-color-border);
    color: var(--op-color-neutral-on-plus-eight);
    &:has(th input[type=checkbox]:checked) {
      background-color: var(--op-color-primary-plus-seven);
      color: var(--op-color-primary-on-plus-seven);
    }
  }
  th {
    font-weight: var(--op-font-weight-semi-bold);
    text-align: left;
  }
  tbody,
  tfoot {
    background-color: var(--op-color-neutral-plus-max);
    color: var(--op-color-neutral-on-plus-max);
  }
  th,
  td {
    height: var(--__op-table-cell-height);
    font-size: var(--op-font-small);
    padding-block: var(--op-space-2x-small);
    padding-inline: var(--op-space-small);
  }
  tfoot tr {
    box-shadow: var(--op-border-top) var(--op-color-border);
  }
  tr:not(:last-child) {
    box-shadow: inset var(--op-border-top) var(--op-color-border);
  }
  /* Modifiers */
  /* stylelint-disable no-descending-specificity */
  &.table--primary {
    thead {
      background-color: var(--op-color-primary-plus-seven);
      color: var(--op-color-primary-on-plus-seven);
    }
  }
  &.table--danger {
    thead {
      background-color: var(--op-color-alerts-danger-plus-seven);
      color: var(--op-color-alerts-danger-on-plus-seven);
    }
  }
  /* stylelint-enable no-descending-specificity */
  &.table--container {
    overflow-y: auto;
  }
  /* Layout Modifiers */
  &.table--auto-layout {
    table-layout: auto;
  }
  &.table--fixed-layout {
    table-layout: fixed;
  }
  /* Table Density Modifiers */
  &.table--default-density {
    --__op-table-cell-height: var(--_op-table-cell-height-default);
  }
  &.table--comfortable-density {
    --__op-table-cell-height: var(--_op-table-cell-height-comfortable);
  }
  &.table--compact-density {
    --__op-table-cell-height: var(--_op-table-cell-height-compact);
  }
  /* Striped Modifiers */
  &.table--even-striped {
    tbody tr:nth-child(even) {
      background-color: var(--op-color-neutral-plus-seven);
      color: var(--op-color-neutral-on-plus-seven);
    }
  }
  &.table--odd-striped {
    tbody tr:nth-child(odd) {
      background-color: var(--op-color-neutral-plus-seven);
      color: var(--op-color-neutral-on-plus-seven);
    }
  }
  /* Sticky Header Row Modifier */
  /* stylelint-disable no-descending-specificity */
  &.table--sticky-header thead {
    position: sticky;
    inset-block-start: 0;
  }
  /* stylelint-enable no-descending-specificity */
  /* Sticky Footer Row Modifier */
  &.table--sticky-footer tfoot {
    position: sticky;
    inset-block-end: 0;
  }
}
.tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--op-space-2x-small);
  border-radius: var(--op-radius-pill);
  background-color: var(--op-color-neutral-plus-four);
  color: var(--op-color-neutral-on-plus-four);
  font-size: var(--op-font-x-small);
  font-weight: var(--op-font-weight-bold);
  letter-spacing: var(--op-letter-spacing-label);
  line-height: var(--op-line-height-dense);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  /* Elements */
  .tag__label {
    padding-inline: var(--op-space-2x-small);
  }
  .btn--icon {
    --__op-btn-height: var(--op-font-medium);
    /* Hover State */
    &:hover {
      background-color: var(--op-color-neutral-minus-three);
      box-shadow: none;
      color: var(--op-color-neutral-on-minus-three);
    }
    /* Focus State */
    &:focus-visible {
      background-color: var(--op-color-neutral-base);
      box-shadow: var(--op-input-focus-neutral);
      color: var(--op-color-neutral-on-base);
    }
  }
  /* Modifiers */
  &.tag--read-only {
    /* This is here for consistency */
  }
  &.tag--primary {
    background-color: var(--op-color-primary-base);
    color: var(--op-color-primary-on-base);
    .btn--icon {
      color: var(--op-color-primary-on-base);
      /* Hover State */
      &:hover {
        background-color: var(--op-color-primary-minus-three);
        box-shadow: none;
        color: var(--op-color-primary-on-minus-three);
      }
      /* Focus State */
      &:focus-visible {
        background-color: var(--op-color-primary-base);
        box-shadow: var(--op-input-focus-primary);
        color: var(--op-color-primary-on-base);
      }
    }
  }
  &.tag--danger {
    background-color: var(--op-color-alerts-danger-base);
    color: var(--op-color-alerts-danger-on-base);
    /* stylelint-disable no-descending-specificity */
    .btn--icon {
      color: var(--op-color-alerts-danger-on-base);
      /* Hover State */
      &:hover {
        background-color: var(--op-color-alerts-danger-minus-three);
        box-shadow: none;
        color: var(--op-color-alerts-danger-on-minus-three);
      }
      /* Focus State */
      &:focus-visible {
        background-color: var(--op-color-alerts-danger-base);
        box-shadow: var(--op-input-focus-danger);
        color: var(--op-color-alerts-danger-on-base);
      }
    }
    /* stylelint-enable no-descending-specificity */
  }
  &.tag--warning {
    background-color: var(--op-color-alerts-warning-base);
    color: var(--op-color-alerts-warning-on-base);
    /* stylelint-disable no-descending-specificity */
    .btn--icon {
      color: var(--op-color-alerts-warning-on-base);
      /* Hover State */
      &:hover {
        background-color: var(--op-color-alerts-warning-minus-three);
        box-shadow: none;
        color: var(--op-color-alerts-warning-on-minus-three);
      }
      /* Focus State */
      &:focus-visible {
        background-color: var(--op-color-alerts-warning-base);
        box-shadow: var(--op-input-focus-warning);
        color: var(--op-color-alerts-warning-on-base);
      }
    }
    /* stylelint-enable no-descending-specificity */
  }
  &.tag--info {
    background-color: var(--op-color-alerts-info-base);
    color: var(--op-color-alerts-info-on-base);
    /* stylelint-disable no-descending-specificity */
    .btn--icon {
      color: var(--op-color-alerts-info-on-base);
      /* Hover State */
      &:hover {
        background-color: var(--op-color-alerts-info-minus-three);
        box-shadow: none;
        color: var(--op-color-alerts-info-on-minus-three);
      }
      /* Focus State */
      &:focus-visible {
        background-color: var(--op-color-alerts-info-base);
        box-shadow: var(--op-input-focus-info);
        color: var(--op-color-alerts-info-on-base);
      }
    }
    /* stylelint-enable no-descending-specificity */
  }
  &.tag--notice {
    background-color: var(--op-color-alerts-notice-base);
    color: var(--op-color-alerts-notice-on-base);
    /* stylelint-disable no-descending-specificity */
    .btn--icon {
      color: var(--op-color-alerts-notice-on-base);
      /* Hover State */
      &:hover {
        background-color: var(--op-color-alerts-notice-minus-three);
        box-shadow: none;
        color: var(--op-color-alerts-notice-on-minus-three);
      }
      /* Focus State */
      &:focus-visible {
        background-color: var(--op-color-alerts-notice-base);
        box-shadow: var(--op-input-focus-notice);
        color: var(--op-color-alerts-notice-on-base);
      }
    }
    /* stylelint-enable no-descending-specificity */
  }
}
.text-pair {
  /* Public API (customizable component options) */
  --_op-text-pair-font-size-small: var(--op-font-small);
  --_op-text-pair-font-size-medium: var(--op-font-medium);
  --_op-text-pair-font-size-large: var(--op-font-large);
  /* Private API (component option defaults) */
  --__op-text-pair-title-font-size: var(--_op-text-pair-font-size-medium);
  --__op-text-pair-subtitle-font-size: var(--_op-text-pair-font-size-small);
  display: flex;
  flex-direction: column;
  gap: var(--op-space-x-small);
  &.text-pair--inline {
    flex-direction: row;
    align-items: baseline;
  }
  .text-pair__title {
    font-size: var(--__op-text-pair-title-font-size);
    font-weight: var(--op-font-weight-semi-bold);
    line-height: var(--op-line-height-dense);
    &.text-pair__title--small {
      --__op-text-pair-title-font-size: var(--_op-text-pair-font-size-small);
    }
    &.text-pair__title--medium {
      --__op-text-pair-title-font-size: var(--_op-text-pair-font-size-medium);
    }
    &.text-pair__title--large {
      --__op-text-pair-title-font-size: var(--_op-text-pair-font-size-large);
    }
  }
  .text-pair__subtitle {
    font-size: var(--__op-text-pair-subtitle-font-size);
    font-weight: var(--op-font-weight-normal);
    line-height: var(--op-line-height-dense);
    &.text-pair__subtitle--small {
      --__op-text-pair-subtitle-font-size: var(--_op-text-pair-font-size-small);
    }
    &.text-pair__subtitle--medium {
      --__op-text-pair-subtitle-font-size: var(--_op-text-pair-font-size-medium);
    }
    &.text-pair__subtitle--large {
      --__op-text-pair-subtitle-font-size: var(--_op-text-pair-font-size-large);
    }
  }
}
/* Inspired by https://blog.logrocket.com/creating-beautiful-tooltips-with-only-css/ */
[data-tooltip-text] {
  /* Public API (customizable component options) */
  --_op-tooltip-max-width: calc(var(--op-size-unit)*50); /* 200px */
  --_op-tooltip-padding: var(--op-space-x-small) var(--op-space-medium);
  --_op-tooltip-background-color: var(--op-color-neutral-minus-max);
  --_op-tooltip-text-color: var(--op-color-neutral-on-minus-max);
  --_op-tooltip-arrow-size: calc(var(--op-space-small)/2);
  --_op-tooltip-tooltip-offset: var(--op-space-x-small);
  --_op-tooltip-tooltip-radius: var(--op-radius-medium);
  --_op-tooltip-tooltip-font-size: var(--op-font-small);
  position: relative;
  &::before,
  &::after {
    opacity: var(--op-opacity-none);
    transition: var(--op-transition-tooltip);
    visibility: hidden;
  }
  &::before {
    position: absolute;
    z-index: var(--op-z-index-tooltip);
    display: block;
    width: -moz-max-content;
    width: max-content;
    max-width: var(--_op-tooltip-max-width);
    padding: var(--_op-tooltip-padding);
    border-radius: var(--_op-tooltip-tooltip-radius);
    background-color: var(--_op-tooltip-background-color);
    color: var(--_op-tooltip-text-color);
    content: attr(data-tooltip-text);
    font-family: var(--op-font-family); /* Makes tooltips on icons work */
    font-size: var(--_op-tooltip-tooltip-font-size);
    overflow-wrap: break-word;
    pointer-events: none;
    text-align: center;
    white-space: normal;
  }
  &::after {
    position: absolute;
    z-index: var(--op-z-index-tooltip);
    border: var(--_op-tooltip-arrow-size) solid var(--_op-tooltip-background-color);
    content: "";
    pointer-events: none;
  }
  &:hover {
    &::before,
    &::after {
      opacity: var(--op-opacity-full);
      visibility: visible;
    }
  }
  &[data-tooltip-position=top],
  &:not([data-tooltip-position]) {
    &::before,
    &::after {
      inset-inline-start: 50%;
      transform: translateX(-50%);
    }
    &::before {
      inset-block-end: 100%;
      margin-block-end: calc(var(--_op-tooltip-arrow-size) + var(--_op-tooltip-tooltip-offset));
    }
    &::after {
      border-color: var(--_op-tooltip-background-color) transparent transparent transparent;
      inset-block-end: 100%;
      margin-block-end: calc(var(--_op-tooltip-arrow-size)*-1 + var(--_op-tooltip-tooltip-offset));
    }
  }
  &[data-tooltip-position=left] {
    &::before,
    &::after {
      inset-block-start: 50%;
      transform: translateY(-50%);
    }
    &::before {
      inset-inline-end: 100%;
      margin-inline-end: calc(var(--_op-tooltip-arrow-size) + var(--_op-tooltip-tooltip-offset));
    }
    &::after {
      border-color: transparent transparent transparent var(--_op-tooltip-background-color);
      inset-inline-end: 100%;
      margin-inline-end: calc(var(--_op-tooltip-arrow-size)*-1 + var(--_op-tooltip-tooltip-offset));
    }
  }
  &[data-tooltip-position=bottom] {
    &::before,
    &::after {
      inset-inline-start: 50%;
      transform: translateX(-50%);
    }
    &::before {
      inset-block-start: 100%;
      margin-block-start: calc(var(--_op-tooltip-arrow-size) + var(--_op-tooltip-tooltip-offset));
    }
    &::after {
      border-color: transparent transparent var(--_op-tooltip-background-color) transparent;
      inset-block-start: 100%;
      margin-block-start: calc(var(--_op-tooltip-arrow-size)*-1 + var(--_op-tooltip-tooltip-offset));
    }
  }
  &[data-tooltip-position=right] {
    &::before,
    &::after {
      inset-block-start: 50%;
      transform: translateY(-50%);
    }
    &::before {
      inset-inline-start: 100%;
      margin-inline-start: calc(var(--_op-tooltip-arrow-size) + var(--_op-tooltip-tooltip-offset));
    }
    &::after {
      border-color: transparent var(--_op-tooltip-background-color) transparent transparent;
      inset-inline-start: 100%;
      margin-inline-start: calc(var(--_op-tooltip-arrow-size)*-1 + var(--_op-tooltip-tooltip-offset));
    }
  }
}
/* Design System Overrides */
.ts-wrapper {
  /* Control */
  .ts-control {
    min-height: var(--op-input-height-large);
    align-items: center;
    border: none;
    border-radius: var(--op-radius-large);
    background-color: var(--op-color-neutral-plus-max);
    box-shadow: var(--op-border-all) var(--op-color-border);
    color: var(--op-color-neutral-on-plus-max);
    font-size: var(--op-font-x-small);
    font-weight: var(--op-font-weight-light);
    line-height: var(--op-line-height-base);
  }
  /* Active control */
  &.dropdown-active {
    .ts-control {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
  }
  /* Dropdown */
  .ts-dropdown {
    border: none;
    margin: 0;
    border-bottom-left-radius: var(--op-radius-large);
    border-bottom-right-radius: var(--op-radius-large);
    box-shadow: var(--op-border-all) var(--op-color-border);
    contain: paint;
    .option,
    .create {
      &.active {
        background-color: var(--op-color-primary-plus-seven);
        color: var(--op-color-primary-on-plus-seven);
      }
    }
  }
  /* Item */
  &.multi {
    .ts-control > div {
      padding: var(--op-space-3x-small) var(--op-space-x-small);
      border-radius: var(--op-radius-medium);
      margin: 0 var(--op-space-3x-small) var(--op-space-3x-small) 0;
      background-color: var(--op-color-primary-base);
      color: var(--op-color-primary-on-base);
      &.active {
        background-color: var(--op-color-primary-plus-two);
        color: var(--op-color-primary-on-plus-two);
      }
    }
  }
  /* Dropdown Arrow */
  &.single,
  &.multi,
  &.single.input-active,
  &.multi.input-active {
    .ts-control {
      /* Highly specific SVG data image for the dropdown arrow. */
      background-image: var(--op-encoded-images-dropdown-arrow);
      background-position-x: calc(100% - var(--op-space-small));
      background-position-y: center;
      background-repeat: no-repeat;
    }
  }
}
/*
  See all icons at: https://fonts.google.com/icons?icon.set=Material+Symbols
  Material Symbols supports:
  optical sizing set through: font-variation-settings: 'opsz' {20|40|48}
  font weight set through: font-variation-settings: 'wght' {100..700}
  fill set through: font-variation-settings: 'FILL' {0|1}
  emphasis set through: font-variation-settings: 'GRAD' {-50|0|200}
*/
:root,
:host,
.sl-theme-light {
  color-scheme: light;
  --sl-color-gray-50: hsl(0 0% 97.5%);
  --sl-color-gray-100: hsl(240 4.8% 95.9%);
  --sl-color-gray-200: hsl(240 5.9% 90%);
  --sl-color-gray-300: hsl(240 4.9% 83.9%);
  --sl-color-gray-400: hsl(240 5% 64.9%);
  --sl-color-gray-500: hsl(240 3.8% 46.1%);
  --sl-color-gray-600: hsl(240 5.2% 33.9%);
  --sl-color-gray-700: hsl(240 5.3% 26.1%);
  --sl-color-gray-800: hsl(240 3.7% 15.9%);
  --sl-color-gray-900: hsl(240 5.9% 10%);
  --sl-color-gray-950: hsl(240 7.3% 8%);
  --sl-color-red-50: hsl(0 85.7% 97.3%);
  --sl-color-red-100: hsl(0 93.3% 94.1%);
  --sl-color-red-200: hsl(0 96.3% 89.4%);
  --sl-color-red-300: hsl(0 93.5% 81.8%);
  --sl-color-red-400: hsl(0 90.6% 70.8%);
  --sl-color-red-500: hsl(0 84.2% 60.2%);
  --sl-color-red-600: hsl(0 72.2% 50.6%);
  --sl-color-red-700: hsl(0 73.7% 41.8%);
  --sl-color-red-800: hsl(0 70% 35.3%);
  --sl-color-red-900: hsl(0 62.8% 30.6%);
  --sl-color-red-950: hsl(0 60% 19.6%);
  --sl-color-orange-50: hsl(33.3 100% 96.5%);
  --sl-color-orange-100: hsl(34.3 100% 91.8%);
  --sl-color-orange-200: hsl(32.1 97.7% 83.1%);
  --sl-color-orange-300: hsl(30.7 97.2% 72.4%);
  --sl-color-orange-400: hsl(27 96% 61%);
  --sl-color-orange-500: hsl(24.6 95% 53.1%);
  --sl-color-orange-600: hsl(20.5 90.2% 48.2%);
  --sl-color-orange-700: hsl(17.5 88.3% 40.4%);
  --sl-color-orange-800: hsl(15 79.1% 33.7%);
  --sl-color-orange-900: hsl(15.3 74.6% 27.8%);
  --sl-color-orange-950: hsl(15.2 69.1% 19%);
  --sl-color-amber-50: hsl(48 100% 96.1%);
  --sl-color-amber-100: hsl(48 96.5% 88.8%);
  --sl-color-amber-200: hsl(48 96.6% 76.7%);
  --sl-color-amber-300: hsl(45.9 96.7% 64.5%);
  --sl-color-amber-400: hsl(43.3 96.4% 56.3%);
  --sl-color-amber-500: hsl(37.7 92.1% 50.2%);
  --sl-color-amber-600: hsl(32.1 94.6% 43.7%);
  --sl-color-amber-700: hsl(26 90.5% 37.1%);
  --sl-color-amber-800: hsl(22.7 82.5% 31.4%);
  --sl-color-amber-900: hsl(21.7 77.8% 26.5%);
  --sl-color-amber-950: hsl(22.9 74.1% 16.7%);
  --sl-color-yellow-50: hsl(54.5 91.7% 95.3%);
  --sl-color-yellow-100: hsl(54.9 96.7% 88%);
  --sl-color-yellow-200: hsl(52.8 98.3% 76.9%);
  --sl-color-yellow-300: hsl(50.4 97.8% 63.5%);
  --sl-color-yellow-400: hsl(47.9 95.8% 53.1%);
  --sl-color-yellow-500: hsl(45.4 93.4% 47.5%);
  --sl-color-yellow-600: hsl(40.6 96.1% 40.4%);
  --sl-color-yellow-700: hsl(35.5 91.7% 32.9%);
  --sl-color-yellow-800: hsl(31.8 81% 28.8%);
  --sl-color-yellow-900: hsl(28.4 72.5% 25.7%);
  --sl-color-yellow-950: hsl(33.1 69% 13.9%);
  --sl-color-lime-50: hsl(78.3 92% 95.1%);
  --sl-color-lime-100: hsl(79.6 89.1% 89.2%);
  --sl-color-lime-200: hsl(80.9 88.5% 79.6%);
  --sl-color-lime-300: hsl(82 84.5% 67.1%);
  --sl-color-lime-400: hsl(82.7 78% 55.5%);
  --sl-color-lime-500: hsl(83.7 80.5% 44.3%);
  --sl-color-lime-600: hsl(84.8 85.2% 34.5%);
  --sl-color-lime-700: hsl(85.9 78.4% 27.3%);
  --sl-color-lime-800: hsl(86.3 69% 22.7%);
  --sl-color-lime-900: hsl(87.6 61.2% 20.2%);
  --sl-color-lime-950: hsl(86.5 60.6% 13.9%);
  --sl-color-green-50: hsl(138.5 76.5% 96.7%);
  --sl-color-green-100: hsl(140.6 84.2% 92.5%);
  --sl-color-green-200: hsl(141 78.9% 85.1%);
  --sl-color-green-300: hsl(141.7 76.6% 73.1%);
  --sl-color-green-400: hsl(141.9 69.2% 58%);
  --sl-color-green-500: hsl(142.1 70.6% 45.3%);
  --sl-color-green-600: hsl(142.1 76.2% 36.3%);
  --sl-color-green-700: hsl(142.4 71.8% 29.2%);
  --sl-color-green-800: hsl(142.8 64.2% 24.1%);
  --sl-color-green-900: hsl(143.8 61.2% 20.2%);
  --sl-color-green-950: hsl(144.3 60.7% 12%);
  --sl-color-emerald-50: hsl(151.8 81% 95.9%);
  --sl-color-emerald-100: hsl(149.3 80.4% 90%);
  --sl-color-emerald-200: hsl(152.4 76% 80.4%);
  --sl-color-emerald-300: hsl(156.2 71.6% 66.9%);
  --sl-color-emerald-400: hsl(158.1 64.4% 51.6%);
  --sl-color-emerald-500: hsl(160.1 84.1% 39.4%);
  --sl-color-emerald-600: hsl(161.4 93.5% 30.4%);
  --sl-color-emerald-700: hsl(162.9 93.5% 24.3%);
  --sl-color-emerald-800: hsl(163.1 88.1% 19.8%);
  --sl-color-emerald-900: hsl(164.2 85.7% 16.5%);
  --sl-color-emerald-950: hsl(164.3 87.5% 9.4%);
  --sl-color-teal-50: hsl(166.2 76.5% 96.7%);
  --sl-color-teal-100: hsl(167.2 85.5% 89.2%);
  --sl-color-teal-200: hsl(168.4 83.8% 78.2%);
  --sl-color-teal-300: hsl(170.6 76.9% 64.3%);
  --sl-color-teal-400: hsl(172.5 66% 50.4%);
  --sl-color-teal-500: hsl(173.4 80.4% 40%);
  --sl-color-teal-600: hsl(174.7 83.9% 31.6%);
  --sl-color-teal-700: hsl(175.3 77.4% 26.1%);
  --sl-color-teal-800: hsl(176.1 69.4% 21.8%);
  --sl-color-teal-900: hsl(175.9 60.8% 19%);
  --sl-color-teal-950: hsl(176.5 58.6% 11.4%);
  --sl-color-cyan-50: hsl(183.2 100% 96.3%);
  --sl-color-cyan-100: hsl(185.1 95.9% 90.4%);
  --sl-color-cyan-200: hsl(186.2 93.5% 81.8%);
  --sl-color-cyan-300: hsl(187 92.4% 69%);
  --sl-color-cyan-400: hsl(187.9 85.7% 53.3%);
  --sl-color-cyan-500: hsl(188.7 94.5% 42.7%);
  --sl-color-cyan-600: hsl(191.6 91.4% 36.5%);
  --sl-color-cyan-700: hsl(192.9 82.3% 31%);
  --sl-color-cyan-800: hsl(194.4 69.6% 27.1%);
  --sl-color-cyan-900: hsl(196.4 63.6% 23.7%);
  --sl-color-cyan-950: hsl(196.8 61% 16.1%);
  --sl-color-sky-50: hsl(204 100% 97.1%);
  --sl-color-sky-100: hsl(204 93.8% 93.7%);
  --sl-color-sky-200: hsl(200.6 94.4% 86.1%);
  --sl-color-sky-300: hsl(199.4 95.5% 73.9%);
  --sl-color-sky-400: hsl(198.4 93.2% 59.6%);
  --sl-color-sky-500: hsl(198.6 88.7% 48.4%);
  --sl-color-sky-600: hsl(200.4 98% 39.4%);
  --sl-color-sky-700: hsl(201.3 96.3% 32.2%);
  --sl-color-sky-800: hsl(201 90% 27.5%);
  --sl-color-sky-900: hsl(202 80.3% 23.9%);
  --sl-color-sky-950: hsl(202.3 73.8% 16.5%);
  --sl-color-blue-50: hsl(213.8 100% 96.9%);
  --sl-color-blue-100: hsl(214.3 94.6% 92.7%);
  --sl-color-blue-200: hsl(213.3 96.9% 87.3%);
  --sl-color-blue-300: hsl(211.7 96.4% 78.4%);
  --sl-color-blue-400: hsl(213.1 93.9% 67.8%);
  --sl-color-blue-500: hsl(217.2 91.2% 59.8%);
  --sl-color-blue-600: hsl(221.2 83.2% 53.3%);
  --sl-color-blue-700: hsl(224.3 76.3% 48%);
  --sl-color-blue-800: hsl(225.9 70.7% 40.2%);
  --sl-color-blue-900: hsl(224.4 64.3% 32.9%);
  --sl-color-blue-950: hsl(226.2 55.3% 18.4%);
  --sl-color-indigo-50: hsl(225.9 100% 96.7%);
  --sl-color-indigo-100: hsl(226.5 100% 93.9%);
  --sl-color-indigo-200: hsl(228 96.5% 88.8%);
  --sl-color-indigo-300: hsl(229.7 93.5% 81.8%);
  --sl-color-indigo-400: hsl(234.5 89.5% 73.9%);
  --sl-color-indigo-500: hsl(238.7 83.5% 66.7%);
  --sl-color-indigo-600: hsl(243.4 75.4% 58.6%);
  --sl-color-indigo-700: hsl(244.5 57.9% 50.6%);
  --sl-color-indigo-800: hsl(243.7 54.5% 41.4%);
  --sl-color-indigo-900: hsl(242.2 47.4% 34.3%);
  --sl-color-indigo-950: hsl(243.5 43.6% 22.9%);
  --sl-color-violet-50: hsl(250 100% 97.6%);
  --sl-color-violet-100: hsl(251.4 91.3% 95.5%);
  --sl-color-violet-200: hsl(250.5 95.2% 91.8%);
  --sl-color-violet-300: hsl(252.5 94.7% 85.1%);
  --sl-color-violet-400: hsl(255.1 91.7% 76.3%);
  --sl-color-violet-500: hsl(258.3 89.5% 66.3%);
  --sl-color-violet-600: hsl(262.1 83.3% 57.8%);
  --sl-color-violet-700: hsl(263.4 70% 50.4%);
  --sl-color-violet-800: hsl(263.4 69.3% 42.2%);
  --sl-color-violet-900: hsl(263.5 67.4% 34.9%);
  --sl-color-violet-950: hsl(265.1 61.5% 21.4%);
  --sl-color-purple-50: hsl(270 100% 98%);
  --sl-color-purple-100: hsl(268.7 100% 95.5%);
  --sl-color-purple-200: hsl(268.6 100% 91.8%);
  --sl-color-purple-300: hsl(269.2 97.4% 85.1%);
  --sl-color-purple-400: hsl(270 95.2% 75.3%);
  --sl-color-purple-500: hsl(270.7 91% 65.1%);
  --sl-color-purple-600: hsl(271.5 81.3% 55.9%);
  --sl-color-purple-700: hsl(272.1 71.7% 47.1%);
  --sl-color-purple-800: hsl(272.9 67.2% 39.4%);
  --sl-color-purple-900: hsl(273.6 65.6% 32%);
  --sl-color-purple-950: hsl(276 59.5% 16.5%);
  --sl-color-fuchsia-50: hsl(289.1 100% 97.8%);
  --sl-color-fuchsia-100: hsl(287 100% 95.5%);
  --sl-color-fuchsia-200: hsl(288.3 95.8% 90.6%);
  --sl-color-fuchsia-300: hsl(291.1 93.1% 82.9%);
  --sl-color-fuchsia-400: hsl(292 91.4% 72.5%);
  --sl-color-fuchsia-500: hsl(292.2 84.1% 60.6%);
  --sl-color-fuchsia-600: hsl(293.4 69.5% 48.8%);
  --sl-color-fuchsia-700: hsl(294.7 72.4% 39.8%);
  --sl-color-fuchsia-800: hsl(295.4 70.2% 32.9%);
  --sl-color-fuchsia-900: hsl(296.7 63.6% 28%);
  --sl-color-fuchsia-950: hsl(297.1 56.8% 14.5%);
  --sl-color-pink-50: hsl(327.3 73.3% 97.1%);
  --sl-color-pink-100: hsl(325.7 77.8% 94.7%);
  --sl-color-pink-200: hsl(325.9 84.6% 89.8%);
  --sl-color-pink-300: hsl(327.4 87.1% 81.8%);
  --sl-color-pink-400: hsl(328.6 85.5% 70.2%);
  --sl-color-pink-500: hsl(330.4 81.2% 60.4%);
  --sl-color-pink-600: hsl(333.3 71.4% 50.6%);
  --sl-color-pink-700: hsl(335.1 77.6% 42%);
  --sl-color-pink-800: hsl(335.8 74.4% 35.3%);
  --sl-color-pink-900: hsl(335.9 69% 30.4%);
  --sl-color-pink-950: hsl(336.2 65.4% 15.9%);
  --sl-color-rose-50: hsl(355.7 100% 97.3%);
  --sl-color-rose-100: hsl(355.6 100% 94.7%);
  --sl-color-rose-200: hsl(352.7 96.1% 90%);
  --sl-color-rose-300: hsl(352.6 95.7% 81.8%);
  --sl-color-rose-400: hsl(351.3 94.5% 71.4%);
  --sl-color-rose-500: hsl(349.7 89.2% 60.2%);
  --sl-color-rose-600: hsl(346.8 77.2% 49.8%);
  --sl-color-rose-700: hsl(345.3 82.7% 40.8%);
  --sl-color-rose-800: hsl(343.4 79.7% 34.7%);
  --sl-color-rose-900: hsl(341.5 75.5% 30.4%);
  --sl-color-rose-950: hsl(341.3 70.1% 17.1%);
  --sl-color-primary-50: var(--sl-color-sky-50);
  --sl-color-primary-100: var(--sl-color-sky-100);
  --sl-color-primary-200: var(--sl-color-sky-200);
  --sl-color-primary-300: var(--sl-color-sky-300);
  --sl-color-primary-400: var(--sl-color-sky-400);
  --sl-color-primary-500: var(--sl-color-sky-500);
  --sl-color-primary-600: var(--sl-color-sky-600);
  --sl-color-primary-700: var(--sl-color-sky-700);
  --sl-color-primary-800: var(--sl-color-sky-800);
  --sl-color-primary-900: var(--sl-color-sky-900);
  --sl-color-primary-950: var(--sl-color-sky-950);
  --sl-color-success-50: var(--sl-color-green-50);
  --sl-color-success-100: var(--sl-color-green-100);
  --sl-color-success-200: var(--sl-color-green-200);
  --sl-color-success-300: var(--sl-color-green-300);
  --sl-color-success-400: var(--sl-color-green-400);
  --sl-color-success-500: var(--sl-color-green-500);
  --sl-color-success-600: var(--sl-color-green-600);
  --sl-color-success-700: var(--sl-color-green-700);
  --sl-color-success-800: var(--sl-color-green-800);
  --sl-color-success-900: var(--sl-color-green-900);
  --sl-color-success-950: var(--sl-color-green-950);
  --sl-color-warning-50: var(--sl-color-amber-50);
  --sl-color-warning-100: var(--sl-color-amber-100);
  --sl-color-warning-200: var(--sl-color-amber-200);
  --sl-color-warning-300: var(--sl-color-amber-300);
  --sl-color-warning-400: var(--sl-color-amber-400);
  --sl-color-warning-500: var(--sl-color-amber-500);
  --sl-color-warning-600: var(--sl-color-amber-600);
  --sl-color-warning-700: var(--sl-color-amber-700);
  --sl-color-warning-800: var(--sl-color-amber-800);
  --sl-color-warning-900: var(--sl-color-amber-900);
  --sl-color-warning-950: var(--sl-color-amber-950);
  --sl-color-danger-50: var(--sl-color-red-50);
  --sl-color-danger-100: var(--sl-color-red-100);
  --sl-color-danger-200: var(--sl-color-red-200);
  --sl-color-danger-300: var(--sl-color-red-300);
  --sl-color-danger-400: var(--sl-color-red-400);
  --sl-color-danger-500: var(--sl-color-red-500);
  --sl-color-danger-600: var(--sl-color-red-600);
  --sl-color-danger-700: var(--sl-color-red-700);
  --sl-color-danger-800: var(--sl-color-red-800);
  --sl-color-danger-900: var(--sl-color-red-900);
  --sl-color-danger-950: var(--sl-color-red-950);
  --sl-color-neutral-50: var(--sl-color-gray-50);
  --sl-color-neutral-100: var(--sl-color-gray-100);
  --sl-color-neutral-200: var(--sl-color-gray-200);
  --sl-color-neutral-300: var(--sl-color-gray-300);
  --sl-color-neutral-400: var(--sl-color-gray-400);
  --sl-color-neutral-500: var(--sl-color-gray-500);
  --sl-color-neutral-600: var(--sl-color-gray-600);
  --sl-color-neutral-700: var(--sl-color-gray-700);
  --sl-color-neutral-800: var(--sl-color-gray-800);
  --sl-color-neutral-900: var(--sl-color-gray-900);
  --sl-color-neutral-950: var(--sl-color-gray-950);
  --sl-color-neutral-0: hsl(0, 0%, 100%);
  --sl-color-neutral-1000: hsl(0, 0%, 0%);
  --sl-border-radius-small: 0.1875rem;
  --sl-border-radius-medium: 0.25rem;
  --sl-border-radius-large: 0.5rem;
  --sl-border-radius-x-large: 1rem;
  --sl-border-radius-circle: 50%;
  --sl-border-radius-pill: 9999px;
  --sl-shadow-x-small: 0 1px 2px hsl(240 3.8% 46.1% / 6%);
  --sl-shadow-small: 0 1px 2px hsl(240 3.8% 46.1% / 12%);
  --sl-shadow-medium: 0 2px 4px hsl(240 3.8% 46.1% / 12%);
  --sl-shadow-large: 0 2px 8px hsl(240 3.8% 46.1% / 12%);
  --sl-shadow-x-large: 0 4px 16px hsl(240 3.8% 46.1% / 12%);
  --sl-spacing-3x-small: 0.125rem;
  --sl-spacing-2x-small: 0.25rem;
  --sl-spacing-x-small: 0.5rem;
  --sl-spacing-small: 0.75rem;
  --sl-spacing-medium: 1rem;
  --sl-spacing-large: 1.25rem;
  --sl-spacing-x-large: 1.75rem;
  --sl-spacing-2x-large: 2.25rem;
  --sl-spacing-3x-large: 3rem;
  --sl-spacing-4x-large: 4.5rem;
  --sl-transition-x-slow: 1000ms;
  --sl-transition-slow: 500ms;
  --sl-transition-medium: 250ms;
  --sl-transition-fast: 150ms;
  --sl-transition-x-fast: 50ms;
  --sl-font-mono: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
  --sl-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  --sl-font-serif: Georgia, "Times New Roman", serif;
  --sl-font-size-2x-small: 0.625rem;
  --sl-font-size-x-small: 0.75rem;
  --sl-font-size-small: 0.875rem;
  --sl-font-size-medium: 1rem;
  --sl-font-size-large: 1.25rem;
  --sl-font-size-x-large: 1.5rem;
  --sl-font-size-2x-large: 2.25rem;
  --sl-font-size-3x-large: 3rem;
  --sl-font-size-4x-large: 4.5rem;
  --sl-font-weight-light: 300;
  --sl-font-weight-normal: 400;
  --sl-font-weight-semibold: 500;
  --sl-font-weight-bold: 700;
  --sl-letter-spacing-denser: -0.03em;
  --sl-letter-spacing-dense: -0.015em;
  --sl-letter-spacing-normal: normal;
  --sl-letter-spacing-loose: 0.075em;
  --sl-letter-spacing-looser: 0.15em;
  --sl-line-height-denser: 1;
  --sl-line-height-dense: 1.4;
  --sl-line-height-normal: 1.8;
  --sl-line-height-loose: 2.2;
  --sl-line-height-looser: 2.6;
  --sl-focus-ring-color: var(--sl-color-primary-600);
  --sl-focus-ring-style: solid;
  --sl-focus-ring-width: 3px;
  --sl-focus-ring: var(--sl-focus-ring-style) var(--sl-focus-ring-width)
    var(--sl-focus-ring-color);
  --sl-focus-ring-offset: 1px;
  --sl-button-font-size-small: var(--sl-font-size-x-small);
  --sl-button-font-size-medium: var(--sl-font-size-small);
  --sl-button-font-size-large: var(--sl-font-size-medium);
  --sl-input-height-small: 1.875rem;
  --sl-input-height-medium: 2.5rem;
  --sl-input-height-large: 3.125rem;
  --sl-input-background-color: var(--sl-color-neutral-0);
  --sl-input-background-color-hover: var(--sl-input-background-color);
  --sl-input-background-color-focus: var(--sl-input-background-color);
  --sl-input-background-color-disabled: var(--sl-color-neutral-100);
  --sl-input-border-color: var(--sl-color-neutral-300);
  --sl-input-border-color-hover: var(--sl-color-neutral-400);
  --sl-input-border-color-focus: var(--sl-color-primary-500);
  --sl-input-border-color-disabled: var(--sl-color-neutral-300);
  --sl-input-border-width: 1px;
  --sl-input-required-content: "*";
  --sl-input-required-content-offset: -2px;
  --sl-input-required-content-color: var(--sl-input-label-color);
  --sl-input-border-radius-small: var(--sl-border-radius-medium);
  --sl-input-border-radius-medium: var(--sl-border-radius-medium);
  --sl-input-border-radius-large: var(--sl-border-radius-medium);
  --sl-input-font-family: var(--sl-font-sans);
  --sl-input-font-weight: var(--sl-font-weight-normal);
  --sl-input-font-size-small: var(--sl-font-size-small);
  --sl-input-font-size-medium: var(--sl-font-size-medium);
  --sl-input-font-size-large: var(--sl-font-size-large);
  --sl-input-letter-spacing: var(--sl-letter-spacing-normal);
  --sl-input-color: var(--sl-color-neutral-700);
  --sl-input-color-hover: var(--sl-color-neutral-700);
  --sl-input-color-focus: var(--sl-color-neutral-700);
  --sl-input-color-disabled: var(--sl-color-neutral-900);
  --sl-input-icon-color: var(--sl-color-neutral-500);
  --sl-input-icon-color-hover: var(--sl-color-neutral-600);
  --sl-input-icon-color-focus: var(--sl-color-neutral-600);
  --sl-input-placeholder-color: var(--sl-color-neutral-500);
  --sl-input-placeholder-color-disabled: var(--sl-color-neutral-600);
  --sl-input-spacing-small: var(--sl-spacing-small);
  --sl-input-spacing-medium: var(--sl-spacing-medium);
  --sl-input-spacing-large: var(--sl-spacing-large);
  --sl-input-focus-ring-color: hsl(198.6 88.7% 48.4% / 40%);
  --sl-input-focus-ring-offset: 0;
  --sl-input-filled-background-color: var(--sl-color-neutral-100);
  --sl-input-filled-background-color-hover: var(--sl-color-neutral-100);
  --sl-input-filled-background-color-focus: var(--sl-color-neutral-100);
  --sl-input-filled-background-color-disabled: var(--sl-color-neutral-100);
  --sl-input-filled-color: var(--sl-color-neutral-800);
  --sl-input-filled-color-hover: var(--sl-color-neutral-800);
  --sl-input-filled-color-focus: var(--sl-color-neutral-700);
  --sl-input-filled-color-disabled: var(--sl-color-neutral-800);
  --sl-input-label-font-size-small: var(--sl-font-size-small);
  --sl-input-label-font-size-medium: var(--sl-font-size-medium);
  --sl-input-label-font-size-large: var(--sl-font-size-large);
  --sl-input-label-color: inherit;
  --sl-input-help-text-font-size-small: var(--sl-font-size-x-small);
  --sl-input-help-text-font-size-medium: var(--sl-font-size-small);
  --sl-input-help-text-font-size-large: var(--sl-font-size-medium);
  --sl-input-help-text-color: var(--sl-color-neutral-500);
  --sl-toggle-size-small: 0.875rem;
  --sl-toggle-size-medium: 1.125rem;
  --sl-toggle-size-large: 1.375rem;
  --sl-overlay-background-color: hsl(240 3.8% 46.1% / 33%);
  --sl-panel-background-color: var(--sl-color-neutral-0);
  --sl-panel-border-color: var(--sl-color-neutral-200);
  --sl-panel-border-width: 1px;
  --sl-tooltip-border-radius: var(--sl-border-radius-medium);
  --sl-tooltip-background-color: var(--sl-color-neutral-800);
  --sl-tooltip-color: var(--sl-color-neutral-0);
  --sl-tooltip-font-family: var(--sl-font-sans);
  --sl-tooltip-font-weight: var(--sl-font-weight-normal);
  --sl-tooltip-font-size: var(--sl-font-size-small);
  --sl-tooltip-line-height: var(--sl-line-height-dense);
  --sl-tooltip-padding: var(--sl-spacing-2x-small) var(--sl-spacing-x-small);
  --sl-tooltip-arrow-size: 6px;
  --sl-z-index-drawer: 700;
  --sl-z-index-dialog: 800;
  --sl-z-index-dropdown: 900;
  --sl-z-index-toast: 950;
  --sl-z-index-tooltip: 1000;
}
@supports (scrollbar-gutter: stable) {
  .sl-scroll-lock {
    scrollbar-gutter: var(--sl-scroll-lock-gutter) !important;
  }
  .sl-scroll-lock body {
    overflow: hidden !important;
  }
}
@supports not (scrollbar-gutter: stable) {
  .sl-scroll-lock body {
    padding-right: var(--sl-scroll-lock-size) !important;
    overflow: hidden !important;
  }
}
.sl-toast-stack {
  position: fixed;
  top: 0;
  inset-inline-end: 0;
  z-index: var(--sl-z-index-toast);
  width: 28rem;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
}
.sl-toast-stack sl-alert {
  margin: var(--sl-spacing-medium);
}
.sl-toast-stack sl-alert::part(base) {
  box-shadow: var(--sl-shadow-large);
}
h1 {
  font-size: var(--op-font-4x-large);
  font-weight: var(--op-font-weight-bold);
}
h2 {
  font-size: var(--op-font-3x-large);
  font-weight: var(--op-font-weight-bold);
}
h3 {
  font-size: var(--op-font-2x-large);
  font-weight: var(--op-font-weight-semi-bold);
}
h4 {
  font-size: var(--op-font-large);
  font-weight: var(--op-font-weight-semi-bold);
}
h5 {
  font-size: var(--op-font-medium);
  font-weight: var(--op-font-weight-semi-bold);
}
h6 {
  font-size: var(--op-font-small);
  font-weight: var(--op-font-weight-semi-bold);
}
p {
  margin-bottom: var(--op-space-small);
  font-size: var(--op-font-medium);
}
small {
  font-size: var(--op-font-small);
}
.app-with-sidebar {
  display: flex;
}
.app-body {
  flex-grow: 1;
  height: 100vh;
  min-width: calc(100vw - var(--op-space-scale-unit)*21.6);
}
.app__content {
  box-sizing: border-box;
  overflow-y: auto;
  max-width: initial;
  margin: initial;
  padding: initial;
}
.app__content-area {
  max-width: initial;
  height: 100%;
}
.app__content--wide {
  max-width: calc(var(--op-space-scale-unit)*240);
}
.horizontal-collection {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: var(--op-space-medium);
}
.body__content, .body__content--padded {
  display: flex;
  flex-direction: column;
  gap: var(--op-space-medium);
  height: 100%;
}
.body__content--padded {
  padding-inline: var(--op-space-x-large);
  padding-block: var(--op-space-medium) var(--op-space-x-large);
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/~material-design-icons-iconfont/dist/fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local("☺"), url(/~material-design-icons-iconfont/dist/fonts/MaterialIcons-Regular.woff2) format("woff2"), url(/~material-design-icons-iconfont/dist/fonts/MaterialIcons-Regular.woff) format("woff"), url(/~material-design-icons-iconfont/dist/fonts/MaterialIcons-Regular.ttf) format("truetype");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  /* Respect document layout direction */
  direction: inherit;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}
.material-icons._10k:before {
  content: "\e951";
}
.material-icons._10mp:before {
  content: "\e952";
}
.material-icons._11mp:before {
  content: "\e953";
}
.material-icons._123:before {
  content: "\eb8d";
}
.material-icons._12mp:before {
  content: "\e954";
}
.material-icons._13mp:before {
  content: "\e955";
}
.material-icons._14mp:before {
  content: "\e956";
}
.material-icons._15mp:before {
  content: "\e957";
}
.material-icons._16mp:before {
  content: "\e958";
}
.material-icons._17mp:before {
  content: "\e959";
}
.material-icons._18_up_rating:before {
  content: "\f8fd";
}
.material-icons._18mp:before {
  content: "\e95a";
}
.material-icons._19mp:before {
  content: "\e95b";
}
.material-icons._1k:before {
  content: "\e95c";
}
.material-icons._1k_plus:before {
  content: "\e95d";
}
.material-icons._1x_mobiledata:before {
  content: "\efcd";
}
.material-icons._20mp:before {
  content: "\e95e";
}
.material-icons._21mp:before {
  content: "\e95f";
}
.material-icons._22mp:before {
  content: "\e960";
}
.material-icons._23mp:before {
  content: "\e961";
}
.material-icons._24mp:before {
  content: "\e962";
}
.material-icons._2k:before {
  content: "\e963";
}
.material-icons._2k_plus:before {
  content: "\e964";
}
.material-icons._2mp:before {
  content: "\e965";
}
.material-icons._30fps:before {
  content: "\efce";
}
.material-icons._30fps_select:before {
  content: "\efcf";
}
.material-icons._360:before {
  content: "\e577";
}
.material-icons._3d_rotation:before {
  content: "\e84d";
}
.material-icons._3g_mobiledata:before {
  content: "\efd0";
}
.material-icons._3k:before {
  content: "\e966";
}
.material-icons._3k_plus:before {
  content: "\e967";
}
.material-icons._3mp:before {
  content: "\e968";
}
.material-icons._3p:before {
  content: "\efd1";
}
.material-icons._4g_mobiledata:before {
  content: "\efd2";
}
.material-icons._4g_plus_mobiledata:before {
  content: "\efd3";
}
.material-icons._4k:before {
  content: "\e072";
}
.material-icons._4k_plus:before {
  content: "\e969";
}
.material-icons._4mp:before {
  content: "\e96a";
}
.material-icons._5g:before {
  content: "\ef38";
}
.material-icons._5k:before {
  content: "\e96b";
}
.material-icons._5k_plus:before {
  content: "\e96c";
}
.material-icons._5mp:before {
  content: "\e96d";
}
.material-icons._60fps:before {
  content: "\efd4";
}
.material-icons._60fps_select:before {
  content: "\efd5";
}
.material-icons._6_ft_apart:before {
  content: "\f21e";
}
.material-icons._6k:before {
  content: "\e96e";
}
.material-icons._6k_plus:before {
  content: "\e96f";
}
.material-icons._6mp:before {
  content: "\e970";
}
.material-icons._7k:before {
  content: "\e971";
}
.material-icons._7k_plus:before {
  content: "\e972";
}
.material-icons._7mp:before {
  content: "\e973";
}
.material-icons._8k:before {
  content: "\e974";
}
.material-icons._8k_plus:before {
  content: "\e975";
}
.material-icons._8mp:before {
  content: "\e976";
}
.material-icons._9k:before {
  content: "\e977";
}
.material-icons._9k_plus:before {
  content: "\e978";
}
.material-icons._9mp:before {
  content: "\e979";
}
.material-icons.abc:before {
  content: "\eb94";
}
.material-icons.ac_unit:before {
  content: "\eb3b";
}
.material-icons.access_alarm:before {
  content: "\e190";
}
.material-icons.access_alarms:before {
  content: "\e191";
}
.material-icons.access_time:before {
  content: "\e192";
}
.material-icons.access_time_filled:before {
  content: "\efd6";
}
.material-icons.accessibility:before {
  content: "\e84e";
}
.material-icons.accessibility_new:before {
  content: "\e92c";
}
.material-icons.accessible:before {
  content: "\e914";
}
.material-icons.accessible_forward:before {
  content: "\e934";
}
.material-icons.account_balance:before {
  content: "\e84f";
}
.material-icons.account_balance_wallet:before {
  content: "\e850";
}
.material-icons.account_box:before {
  content: "\e851";
}
.material-icons.account_circle:before {
  content: "\e853";
}
.material-icons.account_tree:before {
  content: "\e97a";
}
.material-icons.ad_units:before {
  content: "\ef39";
}
.material-icons.adb:before {
  content: "\e60e";
}
.material-icons.add:before {
  content: "\e145";
}
.material-icons.add_a_photo:before {
  content: "\e439";
}
.material-icons.add_alarm:before {
  content: "\e193";
}
.material-icons.add_alert:before {
  content: "\e003";
}
.material-icons.add_box:before {
  content: "\e146";
}
.material-icons.add_business:before {
  content: "\e729";
}
.material-icons.add_call:before {
  content: "\e0e8";
}
.material-icons.add_card:before {
  content: "\eb86";
}
.material-icons.add_chart:before {
  content: "\e97b";
}
.material-icons.add_circle:before {
  content: "\e147";
}
.material-icons.add_circle_outline:before {
  content: "\e148";
}
.material-icons.add_comment:before {
  content: "\e266";
}
.material-icons.add_home:before {
  content: "\f8eb";
}
.material-icons.add_home_work:before {
  content: "\f8ed";
}
.material-icons.add_ic_call:before {
  content: "\e97c";
}
.material-icons.add_link:before {
  content: "\e178";
}
.material-icons.add_location:before {
  content: "\e567";
}
.material-icons.add_location_alt:before {
  content: "\ef3a";
}
.material-icons.add_moderator:before {
  content: "\e97d";
}
.material-icons.add_photo_alternate:before {
  content: "\e43e";
}
.material-icons.add_reaction:before {
  content: "\e1d3";
}
.material-icons.add_road:before {
  content: "\ef3b";
}
.material-icons.add_shopping_cart:before {
  content: "\e854";
}
.material-icons.add_task:before {
  content: "\f23a";
}
.material-icons.add_to_drive:before {
  content: "\e65c";
}
.material-icons.add_to_home_screen:before {
  content: "\e1fe";
}
.material-icons.add_to_photos:before {
  content: "\e39d";
}
.material-icons.add_to_queue:before {
  content: "\e05c";
}
.material-icons.addchart:before {
  content: "\ef3c";
}
.material-icons.adf_scanner:before {
  content: "\eada";
}
.material-icons.adjust:before {
  content: "\e39e";
}
.material-icons.admin_panel_settings:before {
  content: "\ef3d";
}
.material-icons.adobe:before {
  content: "\ea96";
}
.material-icons.ads_click:before {
  content: "\e762";
}
.material-icons.agriculture:before {
  content: "\ea79";
}
.material-icons.air:before {
  content: "\efd8";
}
.material-icons.airline_seat_flat:before {
  content: "\e630";
}
.material-icons.airline_seat_flat_angled:before {
  content: "\e631";
}
.material-icons.airline_seat_individual_suite:before {
  content: "\e632";
}
.material-icons.airline_seat_legroom_extra:before {
  content: "\e633";
}
.material-icons.airline_seat_legroom_normal:before {
  content: "\e634";
}
.material-icons.airline_seat_legroom_reduced:before {
  content: "\e635";
}
.material-icons.airline_seat_recline_extra:before {
  content: "\e636";
}
.material-icons.airline_seat_recline_normal:before {
  content: "\e637";
}
.material-icons.airline_stops:before {
  content: "\e7d0";
}
.material-icons.airlines:before {
  content: "\e7ca";
}
.material-icons.airplane_ticket:before {
  content: "\efd9";
}
.material-icons.airplanemode_active:before {
  content: "\e195";
}
.material-icons.airplanemode_inactive:before {
  content: "\e194";
}
.material-icons.airplanemode_off:before {
  content: "\e194";
}
.material-icons.airplanemode_on:before {
  content: "\e195";
}
.material-icons.airplay:before {
  content: "\e055";
}
.material-icons.airport_shuttle:before {
  content: "\eb3c";
}
.material-icons.alarm:before {
  content: "\e855";
}
.material-icons.alarm_add:before {
  content: "\e856";
}
.material-icons.alarm_off:before {
  content: "\e857";
}
.material-icons.alarm_on:before {
  content: "\e858";
}
.material-icons.album:before {
  content: "\e019";
}
.material-icons.align_horizontal_center:before {
  content: "\e00f";
}
.material-icons.align_horizontal_left:before {
  content: "\e00d";
}
.material-icons.align_horizontal_right:before {
  content: "\e010";
}
.material-icons.align_vertical_bottom:before {
  content: "\e015";
}
.material-icons.align_vertical_center:before {
  content: "\e011";
}
.material-icons.align_vertical_top:before {
  content: "\e00c";
}
.material-icons.all_inbox:before {
  content: "\e97f";
}
.material-icons.all_inclusive:before {
  content: "\eb3d";
}
.material-icons.all_out:before {
  content: "\e90b";
}
.material-icons.alt_route:before {
  content: "\f184";
}
.material-icons.alternate_email:before {
  content: "\e0e6";
}
.material-icons.amp_stories:before {
  content: "\ea13";
}
.material-icons.analytics:before {
  content: "\ef3e";
}
.material-icons.anchor:before {
  content: "\f1cd";
}
.material-icons.android:before {
  content: "\e859";
}
.material-icons.animation:before {
  content: "\e71c";
}
.material-icons.announcement:before {
  content: "\e85a";
}
.material-icons.aod:before {
  content: "\efda";
}
.material-icons.apartment:before {
  content: "\ea40";
}
.material-icons.api:before {
  content: "\f1b7";
}
.material-icons.app_blocking:before {
  content: "\ef3f";
}
.material-icons.app_registration:before {
  content: "\ef40";
}
.material-icons.app_settings_alt:before {
  content: "\ef41";
}
.material-icons.app_shortcut:before {
  content: "\eae4";
}
.material-icons.apple:before {
  content: "\ea80";
}
.material-icons.approval:before {
  content: "\e982";
}
.material-icons.apps:before {
  content: "\e5c3";
}
.material-icons.apps_outage:before {
  content: "\e7cc";
}
.material-icons.architecture:before {
  content: "\ea3b";
}
.material-icons.archive:before {
  content: "\e149";
}
.material-icons.area_chart:before {
  content: "\e770";
}
.material-icons.arrow_back:before {
  content: "\e5c4";
}
.material-icons.arrow_back_ios:before {
  content: "\e5e0";
}
.material-icons.arrow_back_ios_new:before {
  content: "\e2ea";
}
.material-icons.arrow_circle_down:before {
  content: "\f181";
}
.material-icons.arrow_circle_left:before {
  content: "\eaa7";
}
.material-icons.arrow_circle_right:before {
  content: "\eaaa";
}
.material-icons.arrow_circle_up:before {
  content: "\f182";
}
.material-icons.arrow_downward:before {
  content: "\e5db";
}
.material-icons.arrow_drop_down:before {
  content: "\e5c5";
}
.material-icons.arrow_drop_down_circle:before {
  content: "\e5c6";
}
.material-icons.arrow_drop_up:before {
  content: "\e5c7";
}
.material-icons.arrow_forward:before {
  content: "\e5c8";
}
.material-icons.arrow_forward_ios:before {
  content: "\e5e1";
}
.material-icons.arrow_left:before {
  content: "\e5de";
}
.material-icons.arrow_right:before {
  content: "\e5df";
}
.material-icons.arrow_right_alt:before {
  content: "\e941";
}
.material-icons.arrow_upward:before {
  content: "\e5d8";
}
.material-icons.art_track:before {
  content: "\e060";
}
.material-icons.article:before {
  content: "\ef42";
}
.material-icons.aspect_ratio:before {
  content: "\e85b";
}
.material-icons.assessment:before {
  content: "\e85c";
}
.material-icons.assignment:before {
  content: "\e85d";
}
.material-icons.assignment_ind:before {
  content: "\e85e";
}
.material-icons.assignment_late:before {
  content: "\e85f";
}
.material-icons.assignment_return:before {
  content: "\e860";
}
.material-icons.assignment_returned:before {
  content: "\e861";
}
.material-icons.assignment_turned_in:before {
  content: "\e862";
}
.material-icons.assistant:before {
  content: "\e39f";
}
.material-icons.assistant_direction:before {
  content: "\e988";
}
.material-icons.assistant_navigation:before {
  content: "\e989";
}
.material-icons.assistant_photo:before {
  content: "\e3a0";
}
.material-icons.assured_workload:before {
  content: "\eb6f";
}
.material-icons.atm:before {
  content: "\e573";
}
.material-icons.attach_email:before {
  content: "\ea5e";
}
.material-icons.attach_file:before {
  content: "\e226";
}
.material-icons.attach_money:before {
  content: "\e227";
}
.material-icons.attachment:before {
  content: "\e2bc";
}
.material-icons.attractions:before {
  content: "\ea52";
}
.material-icons.attribution:before {
  content: "\efdb";
}
.material-icons.audio_file:before {
  content: "\eb82";
}
.material-icons.audiotrack:before {
  content: "\e3a1";
}
.material-icons.auto_awesome:before {
  content: "\e65f";
}
.material-icons.auto_awesome_mosaic:before {
  content: "\e660";
}
.material-icons.auto_awesome_motion:before {
  content: "\e661";
}
.material-icons.auto_delete:before {
  content: "\ea4c";
}
.material-icons.auto_fix_high:before {
  content: "\e663";
}
.material-icons.auto_fix_normal:before {
  content: "\e664";
}
.material-icons.auto_fix_off:before {
  content: "\e665";
}
.material-icons.auto_graph:before {
  content: "\e4fb";
}
.material-icons.auto_mode:before {
  content: "\ec20";
}
.material-icons.auto_stories:before {
  content: "\e666";
}
.material-icons.autofps_select:before {
  content: "\efdc";
}
.material-icons.autorenew:before {
  content: "\e863";
}
.material-icons.av_timer:before {
  content: "\e01b";
}
.material-icons.baby_changing_station:before {
  content: "\f19b";
}
.material-icons.back_hand:before {
  content: "\e764";
}
.material-icons.backpack:before {
  content: "\f19c";
}
.material-icons.backspace:before {
  content: "\e14a";
}
.material-icons.backup:before {
  content: "\e864";
}
.material-icons.backup_table:before {
  content: "\ef43";
}
.material-icons.badge:before, .material-icons.purchase-order__status--ordered:before, .material-icons.purchase-order__status--in-progress:before, .material-icons.review-status-badge--review_rejected:before, .material-icons.review-status-badge--ignored:before, .material-icons.review-status-badge--approved:before, .material-icons.review-status-badge--change_requested:before, .material-icons.review-status-badge--in_review:before, .material-icons.review-status-badge--not_ready:before, .material-icons.ad-status-badge--canceled:before, .material-icons.ad-status-badge--completed:before, .material-icons.ad-status-badge--booked:before, .material-icons.ad-status-badge--started:before, .material-icons.ad-status-badge--ready:before, .material-icons.ad-status-badge--delinquent:before, .material-icons.ad-status-badge--pending:before, .material-icons.ad-status-badge--rejected:before, .material-icons.ad-status-badge--unbookable:before, .material-icons.ad-status-badge--bookable:before, .material-icons.ad-status-badge--eligible:before {
  content: "\ea67";
}
.material-icons.bakery_dining:before {
  content: "\ea53";
}
.material-icons.balance:before {
  content: "\eaf6";
}
.material-icons.balcony:before {
  content: "\e58f";
}
.material-icons.ballot:before {
  content: "\e172";
}
.material-icons.bar_chart:before {
  content: "\e26b";
}
.material-icons.batch_prediction:before {
  content: "\f0f5";
}
.material-icons.bathroom:before {
  content: "\efdd";
}
.material-icons.bathtub:before {
  content: "\ea41";
}
.material-icons.battery_0_bar:before {
  content: "\ebdc";
}
.material-icons.battery_1_bar:before {
  content: "\ebd9";
}
.material-icons.battery_2_bar:before {
  content: "\ebe0";
}
.material-icons.battery_3_bar:before {
  content: "\ebdd";
}
.material-icons.battery_4_bar:before {
  content: "\ebe2";
}
.material-icons.battery_5_bar:before {
  content: "\ebd4";
}
.material-icons.battery_6_bar:before {
  content: "\ebd2";
}
.material-icons.battery_alert:before {
  content: "\e19c";
}
.material-icons.battery_charging_full:before {
  content: "\e1a3";
}
.material-icons.battery_full:before {
  content: "\e1a4";
}
.material-icons.battery_saver:before {
  content: "\efde";
}
.material-icons.battery_std:before {
  content: "\e1a5";
}
.material-icons.battery_unknown:before {
  content: "\e1a6";
}
.material-icons.beach_access:before {
  content: "\eb3e";
}
.material-icons.bed:before {
  content: "\efdf";
}
.material-icons.bedroom_baby:before {
  content: "\efe0";
}
.material-icons.bedroom_child:before {
  content: "\efe1";
}
.material-icons.bedroom_parent:before {
  content: "\efe2";
}
.material-icons.bedtime:before {
  content: "\ef44";
}
.material-icons.bedtime_off:before {
  content: "\eb76";
}
.material-icons.beenhere:before {
  content: "\e52d";
}
.material-icons.bento:before {
  content: "\f1f4";
}
.material-icons.bike_scooter:before {
  content: "\ef45";
}
.material-icons.biotech:before {
  content: "\ea3a";
}
.material-icons.blender:before {
  content: "\efe3";
}
.material-icons.blinds:before {
  content: "\e286";
}
.material-icons.blinds_closed:before {
  content: "\ec1f";
}
.material-icons.block:before {
  content: "\e14b";
}
.material-icons.block_flipped:before {
  content: "\ef46";
}
.material-icons.bloodtype:before {
  content: "\efe4";
}
.material-icons.bluetooth:before {
  content: "\e1a7";
}
.material-icons.bluetooth_audio:before {
  content: "\e60f";
}
.material-icons.bluetooth_connected:before {
  content: "\e1a8";
}
.material-icons.bluetooth_disabled:before {
  content: "\e1a9";
}
.material-icons.bluetooth_drive:before {
  content: "\efe5";
}
.material-icons.bluetooth_searching:before {
  content: "\e1aa";
}
.material-icons.blur_circular:before {
  content: "\e3a2";
}
.material-icons.blur_linear:before {
  content: "\e3a3";
}
.material-icons.blur_off:before {
  content: "\e3a4";
}
.material-icons.blur_on:before {
  content: "\e3a5";
}
.material-icons.bolt:before {
  content: "\ea0b";
}
.material-icons.book:before {
  content: "\e865";
}
.material-icons.book_online:before {
  content: "\f217";
}
.material-icons.bookmark:before {
  content: "\e866";
}
.material-icons.bookmark_add:before {
  content: "\e598";
}
.material-icons.bookmark_added:before {
  content: "\e599";
}
.material-icons.bookmark_border:before {
  content: "\e867";
}
.material-icons.bookmark_outline:before {
  content: "\e867";
}
.material-icons.bookmark_remove:before {
  content: "\e59a";
}
.material-icons.bookmarks:before {
  content: "\e98b";
}
.material-icons.border_all:before {
  content: "\e228";
}
.material-icons.border_bottom:before {
  content: "\e229";
}
.material-icons.border_clear:before {
  content: "\e22a";
}
.material-icons.border_color:before {
  content: "\e22b";
}
.material-icons.border_horizontal:before {
  content: "\e22c";
}
.material-icons.border_inner:before {
  content: "\e22d";
}
.material-icons.border_left:before {
  content: "\e22e";
}
.material-icons.border_outer:before {
  content: "\e22f";
}
.material-icons.border_right:before {
  content: "\e230";
}
.material-icons.border_style:before {
  content: "\e231";
}
.material-icons.border_top:before {
  content: "\e232";
}
.material-icons.border_vertical:before {
  content: "\e233";
}
.material-icons.boy:before {
  content: "\eb67";
}
.material-icons.branding_watermark:before {
  content: "\e06b";
}
.material-icons.breakfast_dining:before {
  content: "\ea54";
}
.material-icons.brightness_1:before {
  content: "\e3a6";
}
.material-icons.brightness_2:before {
  content: "\e3a7";
}
.material-icons.brightness_3:before {
  content: "\e3a8";
}
.material-icons.brightness_4:before {
  content: "\e3a9";
}
.material-icons.brightness_5:before {
  content: "\e3aa";
}
.material-icons.brightness_6:before {
  content: "\e3ab";
}
.material-icons.brightness_7:before {
  content: "\e3ac";
}
.material-icons.brightness_auto:before {
  content: "\e1ab";
}
.material-icons.brightness_high:before {
  content: "\e1ac";
}
.material-icons.brightness_low:before {
  content: "\e1ad";
}
.material-icons.brightness_medium:before {
  content: "\e1ae";
}
.material-icons.broadcast_on_home:before {
  content: "\f8f8";
}
.material-icons.broadcast_on_personal:before {
  content: "\f8f9";
}
.material-icons.broken_image:before {
  content: "\e3ad";
}
.material-icons.browse_gallery:before {
  content: "\ebd1";
}
.material-icons.browser_not_supported:before {
  content: "\ef47";
}
.material-icons.browser_updated:before {
  content: "\e7cf";
}
.material-icons.brunch_dining:before {
  content: "\ea73";
}
.material-icons.brush:before {
  content: "\e3ae";
}
.material-icons.bubble_chart:before {
  content: "\e6dd";
}
.material-icons.bug_report:before {
  content: "\e868";
}
.material-icons.build:before {
  content: "\e869";
}
.material-icons.build_circle:before {
  content: "\ef48";
}
.material-icons.bungalow:before {
  content: "\e591";
}
.material-icons.burst_mode:before {
  content: "\e43c";
}
.material-icons.bus_alert:before {
  content: "\e98f";
}
.material-icons.business:before {
  content: "\e0af";
}
.material-icons.business_center:before {
  content: "\eb3f";
}
.material-icons.cabin:before {
  content: "\e589";
}
.material-icons.cable:before {
  content: "\efe6";
}
.material-icons.cached:before {
  content: "\e86a";
}
.material-icons.cake:before {
  content: "\e7e9";
}
.material-icons.calculate:before {
  content: "\ea5f";
}
.material-icons.calendar_month:before {
  content: "\ebcc";
}
.material-icons.calendar_today:before {
  content: "\e935";
}
.material-icons.calendar_view_day:before {
  content: "\e936";
}
.material-icons.calendar_view_month:before {
  content: "\efe7";
}
.material-icons.calendar_view_week:before {
  content: "\efe8";
}
.material-icons.call:before {
  content: "\e0b0";
}
.material-icons.call_end:before {
  content: "\e0b1";
}
.material-icons.call_made:before {
  content: "\e0b2";
}
.material-icons.call_merge:before {
  content: "\e0b3";
}
.material-icons.call_missed:before {
  content: "\e0b4";
}
.material-icons.call_missed_outgoing:before {
  content: "\e0e4";
}
.material-icons.call_received:before {
  content: "\e0b5";
}
.material-icons.call_split:before {
  content: "\e0b6";
}
.material-icons.call_to_action:before {
  content: "\e06c";
}
.material-icons.camera:before {
  content: "\e3af";
}
.material-icons.camera_alt:before {
  content: "\e3b0";
}
.material-icons.camera_enhance:before {
  content: "\e8fc";
}
.material-icons.camera_front:before {
  content: "\e3b1";
}
.material-icons.camera_indoor:before {
  content: "\efe9";
}
.material-icons.camera_outdoor:before {
  content: "\efea";
}
.material-icons.camera_rear:before {
  content: "\e3b2";
}
.material-icons.camera_roll:before {
  content: "\e3b3";
}
.material-icons.cameraswitch:before {
  content: "\efeb";
}
.material-icons.campaign:before {
  content: "\ef49";
}
.material-icons.cancel:before {
  content: "\e5c9";
}
.material-icons.cancel_presentation:before {
  content: "\e0e9";
}
.material-icons.cancel_schedule_send:before {
  content: "\ea39";
}
.material-icons.candlestick_chart:before {
  content: "\ead4";
}
.material-icons.car_crash:before {
  content: "\ebf2";
}
.material-icons.car_rental:before {
  content: "\ea55";
}
.material-icons.car_repair:before {
  content: "\ea56";
}
.material-icons.card_giftcard:before {
  content: "\e8f6";
}
.material-icons.card_membership:before {
  content: "\e8f7";
}
.material-icons.card_travel:before {
  content: "\e8f8";
}
.material-icons.carpenter:before {
  content: "\f1f8";
}
.material-icons.cases:before {
  content: "\e992";
}
.material-icons.casino:before {
  content: "\eb40";
}
.material-icons.cast:before {
  content: "\e307";
}
.material-icons.cast_connected:before {
  content: "\e308";
}
.material-icons.cast_for_education:before {
  content: "\efec";
}
.material-icons.castle:before {
  content: "\eab1";
}
.material-icons.catching_pokemon:before {
  content: "\e508";
}
.material-icons.category:before {
  content: "\e574";
}
.material-icons.celebration:before {
  content: "\ea65";
}
.material-icons.cell_tower:before {
  content: "\ebba";
}
.material-icons.cell_wifi:before {
  content: "\e0ec";
}
.material-icons.center_focus_strong:before {
  content: "\e3b4";
}
.material-icons.center_focus_weak:before {
  content: "\e3b5";
}
.material-icons.chair:before {
  content: "\efed";
}
.material-icons.chair_alt:before {
  content: "\efee";
}
.material-icons.chalet:before {
  content: "\e585";
}
.material-icons.change_circle:before {
  content: "\e2e7";
}
.material-icons.change_history:before {
  content: "\e86b";
}
.material-icons.charging_station:before {
  content: "\f19d";
}
.material-icons.chat:before {
  content: "\e0b7";
}
.material-icons.chat_bubble:before {
  content: "\e0ca";
}
.material-icons.chat_bubble_outline:before {
  content: "\e0cb";
}
.material-icons.check:before {
  content: "\e5ca";
}
.material-icons.check_box:before {
  content: "\e834";
}
.material-icons.check_box_outline_blank:before {
  content: "\e835";
}
.material-icons.check_circle:before {
  content: "\e86c";
}
.material-icons.check_circle_outline:before {
  content: "\e92d";
}
.material-icons.checklist:before {
  content: "\e6b1";
}
.material-icons.checklist_rtl:before {
  content: "\e6b3";
}
.material-icons.checkroom:before {
  content: "\f19e";
}
.material-icons.chevron_left:before {
  content: "\e5cb";
}
.material-icons.chevron_right:before {
  content: "\e5cc";
}
.material-icons.child_care:before {
  content: "\eb41";
}
.material-icons.child_friendly:before {
  content: "\eb42";
}
.material-icons.chrome_reader_mode:before {
  content: "\e86d";
}
.material-icons.church:before {
  content: "\eaae";
}
.material-icons.circle:before {
  content: "\ef4a";
}
.material-icons.circle_notifications:before {
  content: "\e994";
}
.material-icons.class:before {
  content: "\e86e";
}
.material-icons.clean_hands:before {
  content: "\f21f";
}
.material-icons.cleaning_services:before {
  content: "\f0ff";
}
.material-icons.clear:before {
  content: "\e14c";
}
.material-icons.clear_all:before {
  content: "\e0b8";
}
.material-icons.close:before {
  content: "\e5cd";
}
.material-icons.close_fullscreen:before {
  content: "\f1cf";
}
.material-icons.closed_caption:before {
  content: "\e01c";
}
.material-icons.closed_caption_disabled:before {
  content: "\f1dc";
}
.material-icons.closed_caption_off:before {
  content: "\e996";
}
.material-icons.cloud:before {
  content: "\e2bd";
}
.material-icons.cloud_circle:before {
  content: "\e2be";
}
.material-icons.cloud_done:before {
  content: "\e2bf";
}
.material-icons.cloud_download:before {
  content: "\e2c0";
}
.material-icons.cloud_off:before {
  content: "\e2c1";
}
.material-icons.cloud_queue:before {
  content: "\e2c2";
}
.material-icons.cloud_sync:before {
  content: "\eb5a";
}
.material-icons.cloud_upload:before {
  content: "\e2c3";
}
.material-icons.cloudy_snowing:before {
  content: "\e810";
}
.material-icons.co2:before {
  content: "\e7b0";
}
.material-icons.co_present:before {
  content: "\eaf0";
}
.material-icons.code:before {
  content: "\e86f";
}
.material-icons.code_off:before {
  content: "\e4f3";
}
.material-icons.coffee:before {
  content: "\efef";
}
.material-icons.coffee_maker:before {
  content: "\eff0";
}
.material-icons.collections:before {
  content: "\e3b6";
}
.material-icons.collections_bookmark:before {
  content: "\e431";
}
.material-icons.color_lens:before {
  content: "\e3b7";
}
.material-icons.colorize:before {
  content: "\e3b8";
}
.material-icons.comment:before {
  content: "\e0b9";
}
.material-icons.comment_bank:before {
  content: "\ea4e";
}
.material-icons.comments_disabled:before {
  content: "\e7a2";
}
.material-icons.commit:before {
  content: "\eaf5";
}
.material-icons.commute:before {
  content: "\e940";
}
.material-icons.compare:before {
  content: "\e3b9";
}
.material-icons.compare_arrows:before {
  content: "\e915";
}
.material-icons.compass_calibration:before {
  content: "\e57c";
}
.material-icons.compost:before {
  content: "\e761";
}
.material-icons.compress:before {
  content: "\e94d";
}
.material-icons.computer:before {
  content: "\e30a";
}
.material-icons.confirmation_num:before {
  content: "\e638";
}
.material-icons.confirmation_number:before {
  content: "\e638";
}
.material-icons.connect_without_contact:before {
  content: "\f223";
}
.material-icons.connected_tv:before {
  content: "\e998";
}
.material-icons.connecting_airports:before {
  content: "\e7c9";
}
.material-icons.construction:before {
  content: "\ea3c";
}
.material-icons.contact_mail:before {
  content: "\e0d0";
}
.material-icons.contact_page:before {
  content: "\f22e";
}
.material-icons.contact_phone:before {
  content: "\e0cf";
}
.material-icons.contact_support:before {
  content: "\e94c";
}
.material-icons.contactless:before {
  content: "\ea71";
}
.material-icons.contacts:before {
  content: "\e0ba";
}
.material-icons.content_copy:before {
  content: "\e14d";
}
.material-icons.content_cut:before {
  content: "\e14e";
}
.material-icons.content_paste:before {
  content: "\e14f";
}
.material-icons.content_paste_go:before {
  content: "\ea8e";
}
.material-icons.content_paste_off:before {
  content: "\e4f8";
}
.material-icons.content_paste_search:before {
  content: "\ea9b";
}
.material-icons.contrast:before {
  content: "\eb37";
}
.material-icons.control_camera:before {
  content: "\e074";
}
.material-icons.control_point:before {
  content: "\e3ba";
}
.material-icons.control_point_duplicate:before {
  content: "\e3bb";
}
.material-icons.cookie:before {
  content: "\eaac";
}
.material-icons.copy_all:before {
  content: "\e2ec";
}
.material-icons.copyright:before {
  content: "\e90c";
}
.material-icons.coronavirus:before {
  content: "\f221";
}
.material-icons.corporate_fare:before {
  content: "\f1d0";
}
.material-icons.cottage:before {
  content: "\e587";
}
.material-icons.countertops:before {
  content: "\f1f7";
}
.material-icons.create:before {
  content: "\e150";
}
.material-icons.create_new_folder:before {
  content: "\e2cc";
}
.material-icons.credit_card:before {
  content: "\e870";
}
.material-icons.credit_card_off:before {
  content: "\e4f4";
}
.material-icons.credit_score:before {
  content: "\eff1";
}
.material-icons.crib:before {
  content: "\e588";
}
.material-icons.crisis_alert:before {
  content: "\ebe9";
}
.material-icons.crop:before {
  content: "\e3be";
}
.material-icons.crop_16_9:before {
  content: "\e3bc";
}
.material-icons.crop_3_2:before {
  content: "\e3bd";
}
.material-icons.crop_5_4:before {
  content: "\e3bf";
}
.material-icons.crop_7_5:before {
  content: "\e3c0";
}
.material-icons.crop_din:before {
  content: "\e3c1";
}
.material-icons.crop_free:before {
  content: "\e3c2";
}
.material-icons.crop_landscape:before {
  content: "\e3c3";
}
.material-icons.crop_original:before {
  content: "\e3c4";
}
.material-icons.crop_portrait:before {
  content: "\e3c5";
}
.material-icons.crop_rotate:before {
  content: "\e437";
}
.material-icons.crop_square:before {
  content: "\e3c6";
}
.material-icons.cruelty_free:before {
  content: "\e799";
}
.material-icons.css:before {
  content: "\eb93";
}
.material-icons.currency_bitcoin:before {
  content: "\ebc5";
}
.material-icons.currency_exchange:before {
  content: "\eb70";
}
.material-icons.currency_franc:before {
  content: "\eafa";
}
.material-icons.currency_lira:before {
  content: "\eaef";
}
.material-icons.currency_pound:before {
  content: "\eaf1";
}
.material-icons.currency_ruble:before {
  content: "\eaec";
}
.material-icons.currency_rupee:before {
  content: "\eaf7";
}
.material-icons.currency_yen:before {
  content: "\eafb";
}
.material-icons.currency_yuan:before {
  content: "\eaf9";
}
.material-icons.curtains:before {
  content: "\ec1e";
}
.material-icons.curtains_closed:before {
  content: "\ec1d";
}
.material-icons.cyclone:before {
  content: "\ebd5";
}
.material-icons.dangerous:before {
  content: "\e99a";
}
.material-icons.dark_mode:before {
  content: "\e51c";
}
.material-icons.dashboard:before {
  content: "\e871";
}
.material-icons.dashboard_customize:before {
  content: "\e99b";
}
.material-icons.data_array:before {
  content: "\ead1";
}
.material-icons.data_exploration:before {
  content: "\e76f";
}
.material-icons.data_object:before {
  content: "\ead3";
}
.material-icons.data_saver_off:before {
  content: "\eff2";
}
.material-icons.data_saver_on:before {
  content: "\eff3";
}
.material-icons.data_thresholding:before {
  content: "\eb9f";
}
.material-icons.data_usage:before {
  content: "\e1af";
}
.material-icons.dataset:before {
  content: "\f8ee";
}
.material-icons.dataset_linked:before {
  content: "\f8ef";
}
.material-icons.date_range:before {
  content: "\e916";
}
.material-icons.deblur:before {
  content: "\eb77";
}
.material-icons.deck:before {
  content: "\ea42";
}
.material-icons.dehaze:before {
  content: "\e3c7";
}
.material-icons.delete:before {
  content: "\e872";
}
.material-icons.delete_forever:before {
  content: "\e92b";
}
.material-icons.delete_outline:before {
  content: "\e92e";
}
.material-icons.delete_sweep:before {
  content: "\e16c";
}
.material-icons.delivery_dining:before {
  content: "\ea72";
}
.material-icons.density_large:before {
  content: "\eba9";
}
.material-icons.density_medium:before {
  content: "\eb9e";
}
.material-icons.density_small:before {
  content: "\eba8";
}
.material-icons.departure_board:before {
  content: "\e576";
}
.material-icons.description:before {
  content: "\e873";
}
.material-icons.deselect:before {
  content: "\ebb6";
}
.material-icons.design_services:before {
  content: "\f10a";
}
.material-icons.desk:before {
  content: "\f8f4";
}
.material-icons.desktop_access_disabled:before {
  content: "\e99d";
}
.material-icons.desktop_mac:before {
  content: "\e30b";
}
.material-icons.desktop_windows:before {
  content: "\e30c";
}
.material-icons.details:before {
  content: "\e3c8";
}
.material-icons.developer_board:before {
  content: "\e30d";
}
.material-icons.developer_board_off:before {
  content: "\e4ff";
}
.material-icons.developer_mode:before {
  content: "\e1b0";
}
.material-icons.device_hub:before {
  content: "\e335";
}
.material-icons.device_thermostat:before {
  content: "\e1ff";
}
.material-icons.device_unknown:before {
  content: "\e339";
}
.material-icons.devices:before {
  content: "\e1b1";
}
.material-icons.devices_fold:before {
  content: "\ebde";
}
.material-icons.devices_other:before {
  content: "\e337";
}
.material-icons.dialer_sip:before {
  content: "\e0bb";
}
.material-icons.dialpad:before {
  content: "\e0bc";
}
.material-icons.diamond:before {
  content: "\ead5";
}
.material-icons.difference:before {
  content: "\eb7d";
}
.material-icons.dining:before {
  content: "\eff4";
}
.material-icons.dinner_dining:before {
  content: "\ea57";
}
.material-icons.directions:before {
  content: "\e52e";
}
.material-icons.directions_bike:before {
  content: "\e52f";
}
.material-icons.directions_boat:before {
  content: "\e532";
}
.material-icons.directions_boat_filled:before {
  content: "\eff5";
}
.material-icons.directions_bus:before {
  content: "\e530";
}
.material-icons.directions_bus_filled:before {
  content: "\eff6";
}
.material-icons.directions_car:before {
  content: "\e531";
}
.material-icons.directions_car_filled:before {
  content: "\eff7";
}
.material-icons.directions_ferry:before {
  content: "\e532";
}
.material-icons.directions_off:before {
  content: "\f10f";
}
.material-icons.directions_railway:before {
  content: "\e534";
}
.material-icons.directions_railway_filled:before {
  content: "\eff8";
}
.material-icons.directions_run:before {
  content: "\e566";
}
.material-icons.directions_subway:before {
  content: "\e533";
}
.material-icons.directions_subway_filled:before {
  content: "\eff9";
}
.material-icons.directions_train:before {
  content: "\e534";
}
.material-icons.directions_transit:before {
  content: "\e535";
}
.material-icons.directions_transit_filled:before {
  content: "\effa";
}
.material-icons.directions_walk:before {
  content: "\e536";
}
.material-icons.dirty_lens:before {
  content: "\ef4b";
}
.material-icons.disabled_by_default:before {
  content: "\f230";
}
.material-icons.disabled_visible:before {
  content: "\e76e";
}
.material-icons.disc_full:before {
  content: "\e610";
}
.material-icons.discord:before {
  content: "\ea6c";
}
.material-icons.discount:before {
  content: "\ebc9";
}
.material-icons.display_settings:before {
  content: "\eb97";
}
.material-icons.dnd_forwardslash:before {
  content: "\e611";
}
.material-icons.dns:before {
  content: "\e875";
}
.material-icons.do_disturb:before {
  content: "\f08c";
}
.material-icons.do_disturb_alt:before {
  content: "\f08d";
}
.material-icons.do_disturb_off:before {
  content: "\f08e";
}
.material-icons.do_disturb_on:before {
  content: "\f08f";
}
.material-icons.do_not_disturb:before {
  content: "\e612";
}
.material-icons.do_not_disturb_alt:before {
  content: "\e611";
}
.material-icons.do_not_disturb_off:before {
  content: "\e643";
}
.material-icons.do_not_disturb_on:before {
  content: "\e644";
}
.material-icons.do_not_disturb_on_total_silence:before {
  content: "\effb";
}
.material-icons.do_not_step:before {
  content: "\f19f";
}
.material-icons.do_not_touch:before {
  content: "\f1b0";
}
.material-icons.dock:before {
  content: "\e30e";
}
.material-icons.document_scanner:before {
  content: "\e5fa";
}
.material-icons.domain:before {
  content: "\e7ee";
}
.material-icons.domain_add:before {
  content: "\eb62";
}
.material-icons.domain_disabled:before {
  content: "\e0ef";
}
.material-icons.domain_verification:before {
  content: "\ef4c";
}
.material-icons.done:before {
  content: "\e876";
}
.material-icons.done_all:before {
  content: "\e877";
}
.material-icons.done_outline:before {
  content: "\e92f";
}
.material-icons.donut_large:before {
  content: "\e917";
}
.material-icons.donut_small:before {
  content: "\e918";
}
.material-icons.door_back:before {
  content: "\effc";
}
.material-icons.door_front:before {
  content: "\effd";
}
.material-icons.door_sliding:before {
  content: "\effe";
}
.material-icons.doorbell:before {
  content: "\efff";
}
.material-icons.double_arrow:before {
  content: "\ea50";
}
.material-icons.downhill_skiing:before {
  content: "\e509";
}
.material-icons.download:before {
  content: "\f090";
}
.material-icons.download_done:before {
  content: "\f091";
}
.material-icons.download_for_offline:before {
  content: "\f000";
}
.material-icons.downloading:before {
  content: "\f001";
}
.material-icons.drafts:before {
  content: "\e151";
}
.material-icons.drag_handle:before {
  content: "\e25d";
}
.material-icons.drag_indicator:before {
  content: "\e945";
}
.material-icons.draw:before {
  content: "\e746";
}
.material-icons.drive_eta:before {
  content: "\e613";
}
.material-icons.drive_file_move:before {
  content: "\e675";
}
.material-icons.drive_file_move_outline:before {
  content: "\e9a1";
}
.material-icons.drive_file_move_rtl:before {
  content: "\e76d";
}
.material-icons.drive_file_rename_outline:before {
  content: "\e9a2";
}
.material-icons.drive_folder_upload:before {
  content: "\e9a3";
}
.material-icons.dry:before {
  content: "\f1b3";
}
.material-icons.dry_cleaning:before {
  content: "\ea58";
}
.material-icons.duo:before {
  content: "\e9a5";
}
.material-icons.dvr:before {
  content: "\e1b2";
}
.material-icons.dynamic_feed:before {
  content: "\ea14";
}
.material-icons.dynamic_form:before {
  content: "\f1bf";
}
.material-icons.e_mobiledata:before {
  content: "\f002";
}
.material-icons.earbuds:before {
  content: "\f003";
}
.material-icons.earbuds_battery:before {
  content: "\f004";
}
.material-icons.east:before {
  content: "\f1df";
}
.material-icons.eco:before {
  content: "\ea35";
}
.material-icons.edgesensor_high:before {
  content: "\f005";
}
.material-icons.edgesensor_low:before {
  content: "\f006";
}
.material-icons.edit:before {
  content: "\e3c9";
}
.material-icons.edit_attributes:before {
  content: "\e578";
}
.material-icons.edit_calendar:before {
  content: "\e742";
}
.material-icons.edit_location:before {
  content: "\e568";
}
.material-icons.edit_location_alt:before {
  content: "\e1c5";
}
.material-icons.edit_note:before {
  content: "\e745";
}
.material-icons.edit_notifications:before {
  content: "\e525";
}
.material-icons.edit_off:before {
  content: "\e950";
}
.material-icons.edit_road:before {
  content: "\ef4d";
}
.material-icons.egg:before {
  content: "\eacc";
}
.material-icons.egg_alt:before {
  content: "\eac8";
}
.material-icons.eject:before {
  content: "\e8fb";
}
.material-icons.elderly:before {
  content: "\f21a";
}
.material-icons.elderly_woman:before {
  content: "\eb69";
}
.material-icons.electric_bike:before {
  content: "\eb1b";
}
.material-icons.electric_bolt:before {
  content: "\ec1c";
}
.material-icons.electric_car:before {
  content: "\eb1c";
}
.material-icons.electric_meter:before {
  content: "\ec1b";
}
.material-icons.electric_moped:before {
  content: "\eb1d";
}
.material-icons.electric_rickshaw:before {
  content: "\eb1e";
}
.material-icons.electric_scooter:before {
  content: "\eb1f";
}
.material-icons.electrical_services:before {
  content: "\f102";
}
.material-icons.elevator:before {
  content: "\f1a0";
}
.material-icons.email:before {
  content: "\e0be";
}
.material-icons.emergency:before {
  content: "\e1eb";
}
.material-icons.emergency_recording:before {
  content: "\ebf4";
}
.material-icons.emergency_share:before {
  content: "\ebf6";
}
.material-icons.emoji_emotions:before {
  content: "\ea22";
}
.material-icons.emoji_events:before {
  content: "\ea23";
}
.material-icons.emoji_flags:before {
  content: "\ea1a";
}
.material-icons.emoji_food_beverage:before {
  content: "\ea1b";
}
.material-icons.emoji_nature:before {
  content: "\ea1c";
}
.material-icons.emoji_objects:before {
  content: "\ea24";
}
.material-icons.emoji_people:before {
  content: "\ea1d";
}
.material-icons.emoji_symbols:before {
  content: "\ea1e";
}
.material-icons.emoji_transportation:before {
  content: "\ea1f";
}
.material-icons.energy_savings_leaf:before {
  content: "\ec1a";
}
.material-icons.engineering:before {
  content: "\ea3d";
}
.material-icons.enhance_photo_translate:before {
  content: "\e8fc";
}
.material-icons.enhanced_encryption:before {
  content: "\e63f";
}
.material-icons.equalizer:before {
  content: "\e01d";
}
.material-icons.error:before {
  content: "\e000";
}
.material-icons.error_outline:before {
  content: "\e001";
}
.material-icons.escalator:before {
  content: "\f1a1";
}
.material-icons.escalator_warning:before {
  content: "\f1ac";
}
.material-icons.euro:before {
  content: "\ea15";
}
.material-icons.euro_symbol:before {
  content: "\e926";
}
.material-icons.ev_station:before {
  content: "\e56d";
}
.material-icons.event:before {
  content: "\e878";
}
.material-icons.event_available:before {
  content: "\e614";
}
.material-icons.event_busy:before {
  content: "\e615";
}
.material-icons.event_note:before {
  content: "\e616";
}
.material-icons.event_repeat:before {
  content: "\eb7b";
}
.material-icons.event_seat:before {
  content: "\e903";
}
.material-icons.exit_to_app:before {
  content: "\e879";
}
.material-icons.expand:before {
  content: "\e94f";
}
.material-icons.expand_circle_down:before {
  content: "\e7cd";
}
.material-icons.expand_less:before {
  content: "\e5ce";
}
.material-icons.expand_more:before {
  content: "\e5cf";
}
.material-icons.explicit:before {
  content: "\e01e";
}
.material-icons.explore:before {
  content: "\e87a";
}
.material-icons.explore_off:before {
  content: "\e9a8";
}
.material-icons.exposure:before {
  content: "\e3ca";
}
.material-icons.exposure_minus_1:before {
  content: "\e3cb";
}
.material-icons.exposure_minus_2:before {
  content: "\e3cc";
}
.material-icons.exposure_neg_1:before {
  content: "\e3cb";
}
.material-icons.exposure_neg_2:before {
  content: "\e3cc";
}
.material-icons.exposure_plus_1:before {
  content: "\e3cd";
}
.material-icons.exposure_plus_2:before {
  content: "\e3ce";
}
.material-icons.exposure_zero:before {
  content: "\e3cf";
}
.material-icons.extension:before {
  content: "\e87b";
}
.material-icons.extension_off:before {
  content: "\e4f5";
}
.material-icons.face:before {
  content: "\e87c";
}
.material-icons.face_retouching_natural:before {
  content: "\ef4e";
}
.material-icons.face_retouching_off:before {
  content: "\f007";
}
.material-icons.facebook:before {
  content: "\f234";
}
.material-icons.fact_check:before {
  content: "\f0c5";
}
.material-icons.factory:before {
  content: "\ebbc";
}
.material-icons.family_restroom:before {
  content: "\f1a2";
}
.material-icons.fast_forward:before {
  content: "\e01f";
}
.material-icons.fast_rewind:before {
  content: "\e020";
}
.material-icons.fastfood:before {
  content: "\e57a";
}
.material-icons.favorite:before {
  content: "\e87d";
}
.material-icons.favorite_border:before {
  content: "\e87e";
}
.material-icons.favorite_outline:before {
  content: "\e87e";
}
.material-icons.fax:before {
  content: "\ead8";
}
.material-icons.featured_play_list:before {
  content: "\e06d";
}
.material-icons.featured_video:before {
  content: "\e06e";
}
.material-icons.feed:before {
  content: "\f009";
}
.material-icons.feedback:before {
  content: "\e87f";
}
.material-icons.female:before {
  content: "\e590";
}
.material-icons.fence:before {
  content: "\f1f6";
}
.material-icons.festival:before {
  content: "\ea68";
}
.material-icons.fiber_dvr:before {
  content: "\e05d";
}
.material-icons.fiber_manual_record:before {
  content: "\e061";
}
.material-icons.fiber_new:before {
  content: "\e05e";
}
.material-icons.fiber_pin:before {
  content: "\e06a";
}
.material-icons.fiber_smart_record:before {
  content: "\e062";
}
.material-icons.file_copy:before {
  content: "\e173";
}
.material-icons.file_download:before {
  content: "\e2c4";
}
.material-icons.file_download_done:before {
  content: "\e9aa";
}
.material-icons.file_download_off:before {
  content: "\e4fe";
}
.material-icons.file_open:before {
  content: "\eaf3";
}
.material-icons.file_present:before {
  content: "\ea0e";
}
.material-icons.file_upload:before {
  content: "\e2c6";
}
.material-icons.filter:before {
  content: "\e3d3";
}
.material-icons.filter_1:before {
  content: "\e3d0";
}
.material-icons.filter_2:before {
  content: "\e3d1";
}
.material-icons.filter_3:before {
  content: "\e3d2";
}
.material-icons.filter_4:before {
  content: "\e3d4";
}
.material-icons.filter_5:before {
  content: "\e3d5";
}
.material-icons.filter_6:before {
  content: "\e3d6";
}
.material-icons.filter_7:before {
  content: "\e3d7";
}
.material-icons.filter_8:before {
  content: "\e3d8";
}
.material-icons.filter_9:before {
  content: "\e3d9";
}
.material-icons.filter_9_plus:before {
  content: "\e3da";
}
.material-icons.filter_alt:before {
  content: "\ef4f";
}
.material-icons.filter_alt_off:before {
  content: "\eb32";
}
.material-icons.filter_b_and_w:before {
  content: "\e3db";
}
.material-icons.filter_center_focus:before {
  content: "\e3dc";
}
.material-icons.filter_drama:before {
  content: "\e3dd";
}
.material-icons.filter_frames:before {
  content: "\e3de";
}
.material-icons.filter_hdr:before {
  content: "\e3df";
}
.material-icons.filter_list:before {
  content: "\e152";
}
.material-icons.filter_list_alt:before {
  content: "\e94e";
}
.material-icons.filter_list_off:before {
  content: "\eb57";
}
.material-icons.filter_none:before {
  content: "\e3e0";
}
.material-icons.filter_tilt_shift:before {
  content: "\e3e2";
}
.material-icons.filter_vintage:before {
  content: "\e3e3";
}
.material-icons.find_in_page:before {
  content: "\e880";
}
.material-icons.find_replace:before {
  content: "\e881";
}
.material-icons.fingerprint:before {
  content: "\e90d";
}
.material-icons.fire_extinguisher:before {
  content: "\f1d8";
}
.material-icons.fire_hydrant:before {
  content: "\f1a3";
}
.material-icons.fire_hydrant_alt:before {
  content: "\f8f1";
}
.material-icons.fire_truck:before {
  content: "\f8f2";
}
.material-icons.fireplace:before {
  content: "\ea43";
}
.material-icons.first_page:before {
  content: "\e5dc";
}
.material-icons.fit_screen:before {
  content: "\ea10";
}
.material-icons.fitbit:before {
  content: "\e82b";
}
.material-icons.fitness_center:before {
  content: "\eb43";
}
.material-icons.flag:before {
  content: "\e153";
}
.material-icons.flag_circle:before {
  content: "\eaf8";
}
.material-icons.flaky:before {
  content: "\ef50";
}
.material-icons.flare:before {
  content: "\e3e4";
}
.material-icons.flash_auto:before {
  content: "\e3e5";
}
.material-icons.flash_off:before {
  content: "\e3e6";
}
.material-icons.flash_on:before {
  content: "\e3e7";
}
.material-icons.flashlight_off:before {
  content: "\f00a";
}
.material-icons.flashlight_on:before {
  content: "\f00b";
}
.material-icons.flatware:before {
  content: "\f00c";
}
.material-icons.flight:before {
  content: "\e539";
}
.material-icons.flight_class:before {
  content: "\e7cb";
}
.material-icons.flight_land:before {
  content: "\e904";
}
.material-icons.flight_takeoff:before {
  content: "\e905";
}
.material-icons.flip:before {
  content: "\e3e8";
}
.material-icons.flip_camera_android:before {
  content: "\ea37";
}
.material-icons.flip_camera_ios:before {
  content: "\ea38";
}
.material-icons.flip_to_back:before {
  content: "\e882";
}
.material-icons.flip_to_front:before {
  content: "\e883";
}
.material-icons.flood:before {
  content: "\ebe6";
}
.material-icons.flourescent:before {
  content: "\f00d";
}
.material-icons.flutter_dash:before {
  content: "\e00b";
}
.material-icons.fmd_bad:before {
  content: "\f00e";
}
.material-icons.fmd_good:before {
  content: "\f00f";
}
.material-icons.foggy:before {
  content: "\e818";
}
.material-icons.folder:before {
  content: "\e2c7";
}
.material-icons.folder_copy:before {
  content: "\ebbd";
}
.material-icons.folder_delete:before {
  content: "\eb34";
}
.material-icons.folder_off:before {
  content: "\eb83";
}
.material-icons.folder_open:before {
  content: "\e2c8";
}
.material-icons.folder_shared:before {
  content: "\e2c9";
}
.material-icons.folder_special:before {
  content: "\e617";
}
.material-icons.folder_zip:before {
  content: "\eb2c";
}
.material-icons.follow_the_signs:before {
  content: "\f222";
}
.material-icons.font_download:before {
  content: "\e167";
}
.material-icons.font_download_off:before {
  content: "\e4f9";
}
.material-icons.food_bank:before {
  content: "\f1f2";
}
.material-icons.forest:before {
  content: "\ea99";
}
.material-icons.fork_left:before {
  content: "\eba0";
}
.material-icons.fork_right:before {
  content: "\ebac";
}
.material-icons.format_align_center:before {
  content: "\e234";
}
.material-icons.format_align_justify:before {
  content: "\e235";
}
.material-icons.format_align_left:before {
  content: "\e236";
}
.material-icons.format_align_right:before {
  content: "\e237";
}
.material-icons.format_bold:before {
  content: "\e238";
}
.material-icons.format_clear:before {
  content: "\e239";
}
.material-icons.format_color_fill:before {
  content: "\e23a";
}
.material-icons.format_color_reset:before {
  content: "\e23b";
}
.material-icons.format_color_text:before {
  content: "\e23c";
}
.material-icons.format_indent_decrease:before {
  content: "\e23d";
}
.material-icons.format_indent_increase:before {
  content: "\e23e";
}
.material-icons.format_italic:before {
  content: "\e23f";
}
.material-icons.format_line_spacing:before {
  content: "\e240";
}
.material-icons.format_list_bulleted:before {
  content: "\e241";
}
.material-icons.format_list_numbered:before {
  content: "\e242";
}
.material-icons.format_list_numbered_rtl:before {
  content: "\e267";
}
.material-icons.format_overline:before {
  content: "\eb65";
}
.material-icons.format_paint:before {
  content: "\e243";
}
.material-icons.format_quote:before {
  content: "\e244";
}
.material-icons.format_shapes:before {
  content: "\e25e";
}
.material-icons.format_size:before {
  content: "\e245";
}
.material-icons.format_strikethrough:before {
  content: "\e246";
}
.material-icons.format_textdirection_l_to_r:before {
  content: "\e247";
}
.material-icons.format_textdirection_r_to_l:before {
  content: "\e248";
}
.material-icons.format_underline:before {
  content: "\e249";
}
.material-icons.format_underlined:before {
  content: "\e249";
}
.material-icons.fort:before {
  content: "\eaad";
}
.material-icons.forum:before {
  content: "\e0bf";
}
.material-icons.forward:before {
  content: "\e154";
}
.material-icons.forward_10:before {
  content: "\e056";
}
.material-icons.forward_30:before {
  content: "\e057";
}
.material-icons.forward_5:before {
  content: "\e058";
}
.material-icons.forward_to_inbox:before {
  content: "\f187";
}
.material-icons.foundation:before {
  content: "\f200";
}
.material-icons.free_breakfast:before {
  content: "\eb44";
}
.material-icons.free_cancellation:before {
  content: "\e748";
}
.material-icons.front_hand:before {
  content: "\e769";
}
.material-icons.fullscreen:before {
  content: "\e5d0";
}
.material-icons.fullscreen_exit:before {
  content: "\e5d1";
}
.material-icons.functions:before {
  content: "\e24a";
}
.material-icons.g_mobiledata:before {
  content: "\f010";
}
.material-icons.g_translate:before {
  content: "\e927";
}
.material-icons.gamepad:before {
  content: "\e30f";
}
.material-icons.games:before {
  content: "\e021";
}
.material-icons.garage:before {
  content: "\f011";
}
.material-icons.gas_meter:before {
  content: "\ec19";
}
.material-icons.gavel:before {
  content: "\e90e";
}
.material-icons.generating_tokens:before {
  content: "\e749";
}
.material-icons.gesture:before {
  content: "\e155";
}
.material-icons.get_app:before {
  content: "\e884";
}
.material-icons.gif:before {
  content: "\e908";
}
.material-icons.gif_box:before {
  content: "\e7a3";
}
.material-icons.girl:before {
  content: "\eb68";
}
.material-icons.gite:before {
  content: "\e58b";
}
.material-icons.goat:before {
  content: "\ebff";
}
.material-icons.golf_course:before {
  content: "\eb45";
}
.material-icons.gpp_bad:before {
  content: "\f012";
}
.material-icons.gpp_good:before {
  content: "\f013";
}
.material-icons.gpp_maybe:before {
  content: "\f014";
}
.material-icons.gps_fixed:before {
  content: "\e1b3";
}
.material-icons.gps_not_fixed:before {
  content: "\e1b4";
}
.material-icons.gps_off:before {
  content: "\e1b5";
}
.material-icons.grade:before {
  content: "\e885";
}
.material-icons.gradient:before {
  content: "\e3e9";
}
.material-icons.grading:before {
  content: "\ea4f";
}
.material-icons.grain:before {
  content: "\e3ea";
}
.material-icons.graphic_eq:before {
  content: "\e1b8";
}
.material-icons.grass:before {
  content: "\f205";
}
.material-icons.grid_3x3:before {
  content: "\f015";
}
.material-icons.grid_4x4:before {
  content: "\f016";
}
.material-icons.grid_goldenratio:before {
  content: "\f017";
}
.material-icons.grid_off:before {
  content: "\e3eb";
}
.material-icons.grid_on:before {
  content: "\e3ec";
}
.material-icons.grid_view:before {
  content: "\e9b0";
}
.material-icons.group:before {
  content: "\e7ef";
}
.material-icons.group_add:before {
  content: "\e7f0";
}
.material-icons.group_off:before {
  content: "\e747";
}
.material-icons.group_remove:before {
  content: "\e7ad";
}
.material-icons.group_work:before {
  content: "\e886";
}
.material-icons.groups:before {
  content: "\f233";
}
.material-icons.h_mobiledata:before {
  content: "\f018";
}
.material-icons.h_plus_mobiledata:before {
  content: "\f019";
}
.material-icons.hail:before {
  content: "\e9b1";
}
.material-icons.handshake:before {
  content: "\ebcb";
}
.material-icons.handyman:before {
  content: "\f10b";
}
.material-icons.hardware:before {
  content: "\ea59";
}
.material-icons.hd:before {
  content: "\e052";
}
.material-icons.hdr_auto:before {
  content: "\f01a";
}
.material-icons.hdr_auto_select:before {
  content: "\f01b";
}
.material-icons.hdr_enhanced_select:before {
  content: "\ef51";
}
.material-icons.hdr_off:before {
  content: "\e3ed";
}
.material-icons.hdr_off_select:before {
  content: "\f01c";
}
.material-icons.hdr_on:before {
  content: "\e3ee";
}
.material-icons.hdr_on_select:before {
  content: "\f01d";
}
.material-icons.hdr_plus:before {
  content: "\f01e";
}
.material-icons.hdr_strong:before {
  content: "\e3f1";
}
.material-icons.hdr_weak:before {
  content: "\e3f2";
}
.material-icons.headphones:before {
  content: "\f01f";
}
.material-icons.headphones_battery:before {
  content: "\f020";
}
.material-icons.headset:before {
  content: "\e310";
}
.material-icons.headset_mic:before {
  content: "\e311";
}
.material-icons.headset_off:before {
  content: "\e33a";
}
.material-icons.healing:before {
  content: "\e3f3";
}
.material-icons.health_and_safety:before {
  content: "\e1d5";
}
.material-icons.hearing:before {
  content: "\e023";
}
.material-icons.hearing_disabled:before {
  content: "\f104";
}
.material-icons.heart_broken:before {
  content: "\eac2";
}
.material-icons.heat_pump:before {
  content: "\ec18";
}
.material-icons.height:before {
  content: "\ea16";
}
.material-icons.help:before {
  content: "\e887";
}
.material-icons.help_center:before {
  content: "\f1c0";
}
.material-icons.help_outline:before {
  content: "\e8fd";
}
.material-icons.hevc:before {
  content: "\f021";
}
.material-icons.hexagon:before {
  content: "\eb39";
}
.material-icons.hide_image:before {
  content: "\f022";
}
.material-icons.hide_source:before {
  content: "\f023";
}
.material-icons.high_quality:before {
  content: "\e024";
}
.material-icons.highlight:before {
  content: "\e25f";
}
.material-icons.highlight_alt:before {
  content: "\ef52";
}
.material-icons.highlight_off:before {
  content: "\e888";
}
.material-icons.highlight_remove:before {
  content: "\e888";
}
.material-icons.hiking:before {
  content: "\e50a";
}
.material-icons.history:before {
  content: "\e889";
}
.material-icons.history_edu:before {
  content: "\ea3e";
}
.material-icons.history_toggle_off:before {
  content: "\f17d";
}
.material-icons.hive:before {
  content: "\eaa6";
}
.material-icons.hls:before {
  content: "\eb8a";
}
.material-icons.hls_off:before {
  content: "\eb8c";
}
.material-icons.holiday_village:before {
  content: "\e58a";
}
.material-icons.home:before {
  content: "\e88a";
}
.material-icons.home_filled:before {
  content: "\e9b2";
}
.material-icons.home_max:before {
  content: "\f024";
}
.material-icons.home_mini:before {
  content: "\f025";
}
.material-icons.home_repair_service:before {
  content: "\f100";
}
.material-icons.home_work:before {
  content: "\ea09";
}
.material-icons.horizontal_distribute:before {
  content: "\e014";
}
.material-icons.horizontal_rule:before {
  content: "\f108";
}
.material-icons.horizontal_split:before {
  content: "\e947";
}
.material-icons.hot_tub:before {
  content: "\eb46";
}
.material-icons.hotel:before {
  content: "\e53a";
}
.material-icons.hotel_class:before {
  content: "\e743";
}
.material-icons.hourglass_bottom:before {
  content: "\ea5c";
}
.material-icons.hourglass_disabled:before {
  content: "\ef53";
}
.material-icons.hourglass_empty:before {
  content: "\e88b";
}
.material-icons.hourglass_full:before {
  content: "\e88c";
}
.material-icons.hourglass_top:before {
  content: "\ea5b";
}
.material-icons.house:before {
  content: "\ea44";
}
.material-icons.house_siding:before {
  content: "\f202";
}
.material-icons.houseboat:before {
  content: "\e584";
}
.material-icons.how_to_reg:before {
  content: "\e174";
}
.material-icons.how_to_vote:before {
  content: "\e175";
}
.material-icons.html:before {
  content: "\eb7e";
}
.material-icons.http:before {
  content: "\e902";
}
.material-icons.https:before {
  content: "\e88d";
}
.material-icons.hub:before {
  content: "\e9f4";
}
.material-icons.hvac:before {
  content: "\f10e";
}
.material-icons.ice_skating:before {
  content: "\e50b";
}
.material-icons.icecream:before {
  content: "\ea69";
}
.material-icons.image:before {
  content: "\e3f4";
}
.material-icons.image_aspect_ratio:before {
  content: "\e3f5";
}
.material-icons.image_not_supported:before {
  content: "\f116";
}
.material-icons.image_search:before {
  content: "\e43f";
}
.material-icons.imagesearch_roller:before {
  content: "\e9b4";
}
.material-icons.import_contacts:before {
  content: "\e0e0";
}
.material-icons.import_export:before {
  content: "\e0c3";
}
.material-icons.important_devices:before {
  content: "\e912";
}
.material-icons.inbox:before {
  content: "\e156";
}
.material-icons.incomplete_circle:before {
  content: "\e79b";
}
.material-icons.indeterminate_check_box:before {
  content: "\e909";
}
.material-icons.info:before {
  content: "\e88e";
}
.material-icons.info_outline:before {
  content: "\e88f";
}
.material-icons.input:before {
  content: "\e890";
}
.material-icons.insert_chart:before {
  content: "\e24b";
}
.material-icons.insert_chart_outlined:before {
  content: "\e26a";
}
.material-icons.insert_comment:before {
  content: "\e24c";
}
.material-icons.insert_drive_file:before {
  content: "\e24d";
}
.material-icons.insert_emoticon:before {
  content: "\e24e";
}
.material-icons.insert_invitation:before {
  content: "\e24f";
}
.material-icons.insert_link:before {
  content: "\e250";
}
.material-icons.insert_page_break:before {
  content: "\eaca";
}
.material-icons.insert_photo:before {
  content: "\e251";
}
.material-icons.insights:before {
  content: "\f092";
}
.material-icons.install_desktop:before {
  content: "\eb71";
}
.material-icons.install_mobile:before {
  content: "\eb72";
}
.material-icons.integration_instructions:before {
  content: "\ef54";
}
.material-icons.interests:before {
  content: "\e7c8";
}
.material-icons.interpreter_mode:before {
  content: "\e83b";
}
.material-icons.inventory:before {
  content: "\e179";
}
.material-icons.inventory_2:before {
  content: "\e1a1";
}
.material-icons.invert_colors:before {
  content: "\e891";
}
.material-icons.invert_colors_off:before {
  content: "\e0c4";
}
.material-icons.invert_colors_on:before {
  content: "\e891";
}
.material-icons.ios_share:before {
  content: "\e6b8";
}
.material-icons.iron:before {
  content: "\e583";
}
.material-icons.iso:before {
  content: "\e3f6";
}
.material-icons.javascript:before {
  content: "\eb7c";
}
.material-icons.join_full:before {
  content: "\eaeb";
}
.material-icons.join_inner:before {
  content: "\eaf4";
}
.material-icons.join_left:before {
  content: "\eaf2";
}
.material-icons.join_right:before {
  content: "\eaea";
}
.material-icons.kayaking:before {
  content: "\e50c";
}
.material-icons.kebab_dining:before {
  content: "\e842";
}
.material-icons.key:before {
  content: "\e73c";
}
.material-icons.key_off:before {
  content: "\eb84";
}
.material-icons.keyboard:before {
  content: "\e312";
}
.material-icons.keyboard_alt:before {
  content: "\f028";
}
.material-icons.keyboard_arrow_down:before {
  content: "\e313";
}
.material-icons.keyboard_arrow_left:before {
  content: "\e314";
}
.material-icons.keyboard_arrow_right:before {
  content: "\e315";
}
.material-icons.keyboard_arrow_up:before {
  content: "\e316";
}
.material-icons.keyboard_backspace:before {
  content: "\e317";
}
.material-icons.keyboard_capslock:before {
  content: "\e318";
}
.material-icons.keyboard_command:before {
  content: "\eae0";
}
.material-icons.keyboard_command_key:before {
  content: "\eae7";
}
.material-icons.keyboard_control:before {
  content: "\e5d3";
}
.material-icons.keyboard_control_key:before {
  content: "\eae6";
}
.material-icons.keyboard_double_arrow_down:before {
  content: "\ead0";
}
.material-icons.keyboard_double_arrow_left:before {
  content: "\eac3";
}
.material-icons.keyboard_double_arrow_right:before {
  content: "\eac9";
}
.material-icons.keyboard_double_arrow_up:before {
  content: "\eacf";
}
.material-icons.keyboard_hide:before {
  content: "\e31a";
}
.material-icons.keyboard_option:before {
  content: "\eadf";
}
.material-icons.keyboard_option_key:before {
  content: "\eae8";
}
.material-icons.keyboard_return:before {
  content: "\e31b";
}
.material-icons.keyboard_tab:before {
  content: "\e31c";
}
.material-icons.keyboard_voice:before {
  content: "\e31d";
}
.material-icons.king_bed:before {
  content: "\ea45";
}
.material-icons.kitchen:before {
  content: "\eb47";
}
.material-icons.kitesurfing:before {
  content: "\e50d";
}
.material-icons.label:before {
  content: "\e892";
}
.material-icons.label_important:before {
  content: "\e937";
}
.material-icons.label_important_outline:before {
  content: "\e948";
}
.material-icons.label_off:before {
  content: "\e9b6";
}
.material-icons.label_outline:before {
  content: "\e893";
}
.material-icons.lan:before {
  content: "\eb2f";
}
.material-icons.landscape:before {
  content: "\e3f7";
}
.material-icons.landslide:before {
  content: "\ebd7";
}
.material-icons.language:before {
  content: "\e894";
}
.material-icons.laptop:before {
  content: "\e31e";
}
.material-icons.laptop_chromebook:before {
  content: "\e31f";
}
.material-icons.laptop_mac:before {
  content: "\e320";
}
.material-icons.laptop_windows:before {
  content: "\e321";
}
.material-icons.last_page:before {
  content: "\e5dd";
}
.material-icons.launch:before {
  content: "\e895";
}
.material-icons.layers:before {
  content: "\e53b";
}
.material-icons.layers_clear:before {
  content: "\e53c";
}
.material-icons.leaderboard:before {
  content: "\f20c";
}
.material-icons.leak_add:before {
  content: "\e3f8";
}
.material-icons.leak_remove:before {
  content: "\e3f9";
}
.material-icons.leave_bags_at_home:before {
  content: "\f21b";
}
.material-icons.legend_toggle:before {
  content: "\f11b";
}
.material-icons.lens:before {
  content: "\e3fa";
}
.material-icons.lens_blur:before {
  content: "\f029";
}
.material-icons.library_add:before {
  content: "\e02e";
}
.material-icons.library_add_check:before {
  content: "\e9b7";
}
.material-icons.library_books:before {
  content: "\e02f";
}
.material-icons.library_music:before {
  content: "\e030";
}
.material-icons.light:before {
  content: "\f02a";
}
.material-icons.light_mode:before {
  content: "\e518";
}
.material-icons.lightbulb:before {
  content: "\e0f0";
}
.material-icons.lightbulb_circle:before {
  content: "\ebfe";
}
.material-icons.lightbulb_outline:before {
  content: "\e90f";
}
.material-icons.line_axis:before {
  content: "\ea9a";
}
.material-icons.line_style:before {
  content: "\e919";
}
.material-icons.line_weight:before {
  content: "\e91a";
}
.material-icons.linear_scale:before {
  content: "\e260";
}
.material-icons.link:before {
  content: "\e157";
}
.material-icons.link_off:before {
  content: "\e16f";
}
.material-icons.linked_camera:before {
  content: "\e438";
}
.material-icons.liquor:before {
  content: "\ea60";
}
.material-icons.list:before {
  content: "\e896";
}
.material-icons.list_alt:before {
  content: "\e0ee";
}
.material-icons.live_help:before {
  content: "\e0c6";
}
.material-icons.live_tv:before {
  content: "\e639";
}
.material-icons.living:before {
  content: "\f02b";
}
.material-icons.local_activity:before {
  content: "\e53f";
}
.material-icons.local_airport:before {
  content: "\e53d";
}
.material-icons.local_atm:before {
  content: "\e53e";
}
.material-icons.local_attraction:before {
  content: "\e53f";
}
.material-icons.local_bar:before {
  content: "\e540";
}
.material-icons.local_cafe:before {
  content: "\e541";
}
.material-icons.local_car_wash:before {
  content: "\e542";
}
.material-icons.local_convenience_store:before {
  content: "\e543";
}
.material-icons.local_dining:before {
  content: "\e556";
}
.material-icons.local_drink:before {
  content: "\e544";
}
.material-icons.local_fire_department:before {
  content: "\ef55";
}
.material-icons.local_florist:before {
  content: "\e545";
}
.material-icons.local_gas_station:before {
  content: "\e546";
}
.material-icons.local_grocery_store:before {
  content: "\e547";
}
.material-icons.local_hospital:before {
  content: "\e548";
}
.material-icons.local_hotel:before {
  content: "\e549";
}
.material-icons.local_laundry_service:before {
  content: "\e54a";
}
.material-icons.local_library:before {
  content: "\e54b";
}
.material-icons.local_mall:before {
  content: "\e54c";
}
.material-icons.local_movies:before {
  content: "\e54d";
}
.material-icons.local_offer:before {
  content: "\e54e";
}
.material-icons.local_parking:before {
  content: "\e54f";
}
.material-icons.local_pharmacy:before {
  content: "\e550";
}
.material-icons.local_phone:before {
  content: "\e551";
}
.material-icons.local_pizza:before {
  content: "\e552";
}
.material-icons.local_play:before {
  content: "\e553";
}
.material-icons.local_police:before {
  content: "\ef56";
}
.material-icons.local_post_office:before {
  content: "\e554";
}
.material-icons.local_print_shop:before {
  content: "\e555";
}
.material-icons.local_printshop:before {
  content: "\e555";
}
.material-icons.local_restaurant:before {
  content: "\e556";
}
.material-icons.local_see:before {
  content: "\e557";
}
.material-icons.local_shipping:before {
  content: "\e558";
}
.material-icons.local_taxi:before {
  content: "\e559";
}
.material-icons.location_city:before {
  content: "\e7f1";
}
.material-icons.location_disabled:before {
  content: "\e1b6";
}
.material-icons.location_history:before {
  content: "\e55a";
}
.material-icons.location_off:before {
  content: "\e0c7";
}
.material-icons.location_on:before {
  content: "\e0c8";
}
.material-icons.location_pin:before {
  content: "\f1db";
}
.material-icons.location_searching:before {
  content: "\e1b7";
}
.material-icons.lock:before {
  content: "\e897";
}
.material-icons.lock_clock:before {
  content: "\ef57";
}
.material-icons.lock_open:before {
  content: "\e898";
}
.material-icons.lock_outline:before {
  content: "\e899";
}
.material-icons.lock_person:before {
  content: "\f8f3";
}
.material-icons.lock_reset:before {
  content: "\eade";
}
.material-icons.login:before {
  content: "\ea77";
}
.material-icons.logo_dev:before {
  content: "\ead6";
}
.material-icons.logout:before {
  content: "\e9ba";
}
.material-icons.looks:before {
  content: "\e3fc";
}
.material-icons.looks_3:before {
  content: "\e3fb";
}
.material-icons.looks_4:before {
  content: "\e3fd";
}
.material-icons.looks_5:before {
  content: "\e3fe";
}
.material-icons.looks_6:before {
  content: "\e3ff";
}
.material-icons.looks_one:before {
  content: "\e400";
}
.material-icons.looks_two:before {
  content: "\e401";
}
.material-icons.loop:before {
  content: "\e028";
}
.material-icons.loupe:before {
  content: "\e402";
}
.material-icons.low_priority:before {
  content: "\e16d";
}
.material-icons.loyalty:before {
  content: "\e89a";
}
.material-icons.lte_mobiledata:before {
  content: "\f02c";
}
.material-icons.lte_plus_mobiledata:before {
  content: "\f02d";
}
.material-icons.luggage:before {
  content: "\f235";
}
.material-icons.lunch_dining:before {
  content: "\ea61";
}
.material-icons.lyrics:before {
  content: "\ec0b";
}
.material-icons.mail:before {
  content: "\e158";
}
.material-icons.mail_lock:before {
  content: "\ec0a";
}
.material-icons.mail_outline:before {
  content: "\e0e1";
}
.material-icons.male:before {
  content: "\e58e";
}
.material-icons.man:before {
  content: "\e4eb";
}
.material-icons.manage_accounts:before {
  content: "\f02e";
}
.material-icons.manage_history:before {
  content: "\ebe7";
}
.material-icons.manage_search:before {
  content: "\f02f";
}
.material-icons.map:before {
  content: "\e55b";
}
.material-icons.maps_home_work:before {
  content: "\f030";
}
.material-icons.maps_ugc:before {
  content: "\ef58";
}
.material-icons.margin:before {
  content: "\e9bb";
}
.material-icons.mark_as_unread:before {
  content: "\e9bc";
}
.material-icons.mark_chat_read:before {
  content: "\f18b";
}
.material-icons.mark_chat_unread:before {
  content: "\f189";
}
.material-icons.mark_email_read:before {
  content: "\f18c";
}
.material-icons.mark_email_unread:before {
  content: "\f18a";
}
.material-icons.mark_unread_chat_alt:before {
  content: "\eb9d";
}
.material-icons.markunread:before {
  content: "\e159";
}
.material-icons.markunread_mailbox:before {
  content: "\e89b";
}
.material-icons.masks:before {
  content: "\f218";
}
.material-icons.maximize:before {
  content: "\e930";
}
.material-icons.media_bluetooth_off:before {
  content: "\f031";
}
.material-icons.media_bluetooth_on:before {
  content: "\f032";
}
.material-icons.mediation:before {
  content: "\efa7";
}
.material-icons.medical_information:before {
  content: "\ebed";
}
.material-icons.medical_services:before {
  content: "\f109";
}
.material-icons.medication:before {
  content: "\f033";
}
.material-icons.medication_liquid:before {
  content: "\ea87";
}
.material-icons.meeting_room:before {
  content: "\eb4f";
}
.material-icons.memory:before {
  content: "\e322";
}
.material-icons.menu:before {
  content: "\e5d2";
}
.material-icons.menu_book:before {
  content: "\ea19";
}
.material-icons.menu_open:before {
  content: "\e9bd";
}
.material-icons.merge:before {
  content: "\eb98";
}
.material-icons.merge_type:before {
  content: "\e252";
}
.material-icons.message:before {
  content: "\e0c9";
}
.material-icons.messenger:before {
  content: "\e0ca";
}
.material-icons.messenger_outline:before {
  content: "\e0cb";
}
.material-icons.mic:before {
  content: "\e029";
}
.material-icons.mic_external_off:before {
  content: "\ef59";
}
.material-icons.mic_external_on:before {
  content: "\ef5a";
}
.material-icons.mic_none:before {
  content: "\e02a";
}
.material-icons.mic_off:before {
  content: "\e02b";
}
.material-icons.microwave:before {
  content: "\f204";
}
.material-icons.military_tech:before {
  content: "\ea3f";
}
.material-icons.minimize:before {
  content: "\e931";
}
.material-icons.minor_crash:before {
  content: "\ebf1";
}
.material-icons.miscellaneous_services:before {
  content: "\f10c";
}
.material-icons.missed_video_call:before {
  content: "\e073";
}
.material-icons.mms:before {
  content: "\e618";
}
.material-icons.mobile_friendly:before {
  content: "\e200";
}
.material-icons.mobile_off:before {
  content: "\e201";
}
.material-icons.mobile_screen_share:before {
  content: "\e0e7";
}
.material-icons.mobiledata_off:before {
  content: "\f034";
}
.material-icons.mode:before {
  content: "\f097";
}
.material-icons.mode_comment:before {
  content: "\e253";
}
.material-icons.mode_edit:before {
  content: "\e254";
}
.material-icons.mode_edit_outline:before {
  content: "\f035";
}
.material-icons.mode_fan_off:before {
  content: "\ec17";
}
.material-icons.mode_night:before {
  content: "\f036";
}
.material-icons.mode_of_travel:before {
  content: "\e7ce";
}
.material-icons.mode_standby:before {
  content: "\f037";
}
.material-icons.model_training:before {
  content: "\f0cf";
}
.material-icons.monetization_on:before {
  content: "\e263";
}
.material-icons.money:before {
  content: "\e57d";
}
.material-icons.money_off:before {
  content: "\e25c";
}
.material-icons.money_off_csred:before {
  content: "\f038";
}
.material-icons.monitor:before {
  content: "\ef5b";
}
.material-icons.monitor_heart:before {
  content: "\eaa2";
}
.material-icons.monitor_weight:before {
  content: "\f039";
}
.material-icons.monochrome_photos:before {
  content: "\e403";
}
.material-icons.mood:before {
  content: "\e7f2";
}
.material-icons.mood_bad:before {
  content: "\e7f3";
}
.material-icons.moped:before {
  content: "\eb28";
}
.material-icons.more:before {
  content: "\e619";
}
.material-icons.more_horiz:before {
  content: "\e5d3";
}
.material-icons.more_time:before {
  content: "\ea5d";
}
.material-icons.more_vert:before {
  content: "\e5d4";
}
.material-icons.mosque:before {
  content: "\eab2";
}
.material-icons.motion_photos_auto:before {
  content: "\f03a";
}
.material-icons.motion_photos_off:before {
  content: "\e9c0";
}
.material-icons.motion_photos_on:before {
  content: "\e9c1";
}
.material-icons.motion_photos_pause:before {
  content: "\f227";
}
.material-icons.motion_photos_paused:before {
  content: "\e9c2";
}
.material-icons.motorcycle:before {
  content: "\e91b";
}
.material-icons.mouse:before {
  content: "\e323";
}
.material-icons.move_down:before {
  content: "\eb61";
}
.material-icons.move_to_inbox:before {
  content: "\e168";
}
.material-icons.move_up:before {
  content: "\eb64";
}
.material-icons.movie:before {
  content: "\e02c";
}
.material-icons.movie_creation:before {
  content: "\e404";
}
.material-icons.movie_filter:before {
  content: "\e43a";
}
.material-icons.moving:before {
  content: "\e501";
}
.material-icons.mp:before {
  content: "\e9c3";
}
.material-icons.multiline_chart:before {
  content: "\e6df";
}
.material-icons.multiple_stop:before {
  content: "\f1b9";
}
.material-icons.multitrack_audio:before {
  content: "\e1b8";
}
.material-icons.museum:before {
  content: "\ea36";
}
.material-icons.music_note:before {
  content: "\e405";
}
.material-icons.music_off:before {
  content: "\e440";
}
.material-icons.music_video:before {
  content: "\e063";
}
.material-icons.my_library_add:before {
  content: "\e02e";
}
.material-icons.my_library_books:before {
  content: "\e02f";
}
.material-icons.my_library_music:before {
  content: "\e030";
}
.material-icons.my_location:before {
  content: "\e55c";
}
.material-icons.nat:before {
  content: "\ef5c";
}
.material-icons.nature:before {
  content: "\e406";
}
.material-icons.nature_people:before {
  content: "\e407";
}
.material-icons.navigate_before:before {
  content: "\e408";
}
.material-icons.navigate_next:before {
  content: "\e409";
}
.material-icons.navigation:before {
  content: "\e55d";
}
.material-icons.near_me:before {
  content: "\e569";
}
.material-icons.near_me_disabled:before {
  content: "\f1ef";
}
.material-icons.nearby_error:before {
  content: "\f03b";
}
.material-icons.nearby_off:before {
  content: "\f03c";
}
.material-icons.nest_cam_wired_stand:before {
  content: "\ec16";
}
.material-icons.network_cell:before {
  content: "\e1b9";
}
.material-icons.network_check:before {
  content: "\e640";
}
.material-icons.network_locked:before {
  content: "\e61a";
}
.material-icons.network_ping:before {
  content: "\ebca";
}
.material-icons.network_wifi:before {
  content: "\e1ba";
}
.material-icons.network_wifi_1_bar:before {
  content: "\ebe4";
}
.material-icons.network_wifi_2_bar:before {
  content: "\ebd6";
}
.material-icons.network_wifi_3_bar:before {
  content: "\ebe1";
}
.material-icons.new_label:before {
  content: "\e609";
}
.material-icons.new_releases:before {
  content: "\e031";
}
.material-icons.newspaper:before {
  content: "\eb81";
}
.material-icons.next_plan:before {
  content: "\ef5d";
}
.material-icons.next_week:before {
  content: "\e16a";
}
.material-icons.nfc:before {
  content: "\e1bb";
}
.material-icons.night_shelter:before {
  content: "\f1f1";
}
.material-icons.nightlife:before {
  content: "\ea62";
}
.material-icons.nightlight:before {
  content: "\f03d";
}
.material-icons.nightlight_round:before {
  content: "\ef5e";
}
.material-icons.nights_stay:before {
  content: "\ea46";
}
.material-icons.no_accounts:before {
  content: "\f03e";
}
.material-icons.no_adult_content:before {
  content: "\f8fe";
}
.material-icons.no_backpack:before {
  content: "\f237";
}
.material-icons.no_cell:before {
  content: "\f1a4";
}
.material-icons.no_crash:before {
  content: "\ebf0";
}
.material-icons.no_drinks:before {
  content: "\f1a5";
}
.material-icons.no_encryption:before {
  content: "\e641";
}
.material-icons.no_encryption_gmailerrorred:before {
  content: "\f03f";
}
.material-icons.no_flash:before {
  content: "\f1a6";
}
.material-icons.no_food:before {
  content: "\f1a7";
}
.material-icons.no_luggage:before {
  content: "\f23b";
}
.material-icons.no_meals:before {
  content: "\f1d6";
}
.material-icons.no_meals_ouline:before {
  content: "\f229";
}
.material-icons.no_meeting_room:before {
  content: "\eb4e";
}
.material-icons.no_photography:before {
  content: "\f1a8";
}
.material-icons.no_sim:before {
  content: "\e0cc";
}
.material-icons.no_stroller:before {
  content: "\f1af";
}
.material-icons.no_transfer:before {
  content: "\f1d5";
}
.material-icons.noise_aware:before {
  content: "\ebec";
}
.material-icons.noise_control_off:before {
  content: "\ebf3";
}
.material-icons.nordic_walking:before {
  content: "\e50e";
}
.material-icons.north:before {
  content: "\f1e0";
}
.material-icons.north_east:before {
  content: "\f1e1";
}
.material-icons.north_west:before {
  content: "\f1e2";
}
.material-icons.not_accessible:before {
  content: "\f0fe";
}
.material-icons.not_interested:before {
  content: "\e033";
}
.material-icons.not_listed_location:before {
  content: "\e575";
}
.material-icons.not_started:before {
  content: "\f0d1";
}
.material-icons.note:before {
  content: "\e06f";
}
.material-icons.note_add:before {
  content: "\e89c";
}
.material-icons.note_alt:before {
  content: "\f040";
}
.material-icons.notes:before {
  content: "\e26c";
}
.material-icons.notification_add:before {
  content: "\e399";
}
.material-icons.notification_important:before {
  content: "\e004";
}
.material-icons.notifications:before {
  content: "\e7f4";
}
.material-icons.notifications_active:before {
  content: "\e7f7";
}
.material-icons.notifications_none:before {
  content: "\e7f5";
}
.material-icons.notifications_off:before {
  content: "\e7f6";
}
.material-icons.notifications_on:before {
  content: "\e7f7";
}
.material-icons.notifications_paused:before {
  content: "\e7f8";
}
.material-icons.now_wallpaper:before {
  content: "\e1bc";
}
.material-icons.now_widgets:before {
  content: "\e1bd";
}
.material-icons.numbers:before {
  content: "\eac7";
}
.material-icons.offline_bolt:before {
  content: "\e932";
}
.material-icons.offline_pin:before {
  content: "\e90a";
}
.material-icons.offline_share:before {
  content: "\e9c5";
}
.material-icons.oil_barrel:before {
  content: "\ec15";
}
.material-icons.on_device_training:before {
  content: "\ebfd";
}
.material-icons.ondemand_video:before {
  content: "\e63a";
}
.material-icons.online_prediction:before {
  content: "\f0eb";
}
.material-icons.opacity:before {
  content: "\e91c";
}
.material-icons.open_in_browser:before {
  content: "\e89d";
}
.material-icons.open_in_full:before {
  content: "\f1ce";
}
.material-icons.open_in_new:before {
  content: "\e89e";
}
.material-icons.open_in_new_off:before {
  content: "\e4f6";
}
.material-icons.open_with:before {
  content: "\e89f";
}
.material-icons.other_houses:before {
  content: "\e58c";
}
.material-icons.outbond:before {
  content: "\f228";
}
.material-icons.outbound:before {
  content: "\e1ca";
}
.material-icons.outbox:before {
  content: "\ef5f";
}
.material-icons.outdoor_grill:before {
  content: "\ea47";
}
.material-icons.outgoing_mail:before {
  content: "\f0d2";
}
.material-icons.outlet:before {
  content: "\f1d4";
}
.material-icons.outlined_flag:before {
  content: "\e16e";
}
.material-icons.output:before {
  content: "\ebbe";
}
.material-icons.padding:before {
  content: "\e9c8";
}
.material-icons.pages:before {
  content: "\e7f9";
}
.material-icons.pageview:before {
  content: "\e8a0";
}
.material-icons.paid:before {
  content: "\f041";
}
.material-icons.palette:before {
  content: "\e40a";
}
.material-icons.pan_tool:before {
  content: "\e925";
}
.material-icons.pan_tool_alt:before {
  content: "\ebb9";
}
.material-icons.panorama:before {
  content: "\e40b";
}
.material-icons.panorama_fish_eye:before {
  content: "\e40c";
}
.material-icons.panorama_fisheye:before {
  content: "\e40c";
}
.material-icons.panorama_horizontal:before {
  content: "\e40d";
}
.material-icons.panorama_horizontal_select:before {
  content: "\ef60";
}
.material-icons.panorama_photosphere:before {
  content: "\e9c9";
}
.material-icons.panorama_photosphere_select:before {
  content: "\e9ca";
}
.material-icons.panorama_vertical:before {
  content: "\e40e";
}
.material-icons.panorama_vertical_select:before {
  content: "\ef61";
}
.material-icons.panorama_wide_angle:before {
  content: "\e40f";
}
.material-icons.panorama_wide_angle_select:before {
  content: "\ef62";
}
.material-icons.paragliding:before {
  content: "\e50f";
}
.material-icons.park:before {
  content: "\ea63";
}
.material-icons.party_mode:before {
  content: "\e7fa";
}
.material-icons.password:before {
  content: "\f042";
}
.material-icons.pattern:before {
  content: "\f043";
}
.material-icons.pause:before {
  content: "\e034";
}
.material-icons.pause_circle:before {
  content: "\e1a2";
}
.material-icons.pause_circle_filled:before {
  content: "\e035";
}
.material-icons.pause_circle_outline:before {
  content: "\e036";
}
.material-icons.pause_presentation:before {
  content: "\e0ea";
}
.material-icons.payment:before {
  content: "\e8a1";
}
.material-icons.payments:before {
  content: "\ef63";
}
.material-icons.paypal:before {
  content: "\ea8d";
}
.material-icons.pedal_bike:before {
  content: "\eb29";
}
.material-icons.pending:before {
  content: "\ef64";
}
.material-icons.pending_actions:before {
  content: "\f1bb";
}
.material-icons.pentagon:before {
  content: "\eb50";
}
.material-icons.people:before {
  content: "\e7fb";
}
.material-icons.people_alt:before {
  content: "\ea21";
}
.material-icons.people_outline:before {
  content: "\e7fc";
}
.material-icons.percent:before {
  content: "\eb58";
}
.material-icons.perm_camera_mic:before {
  content: "\e8a2";
}
.material-icons.perm_contact_cal:before {
  content: "\e8a3";
}
.material-icons.perm_contact_calendar:before {
  content: "\e8a3";
}
.material-icons.perm_data_setting:before {
  content: "\e8a4";
}
.material-icons.perm_device_info:before {
  content: "\e8a5";
}
.material-icons.perm_device_information:before {
  content: "\e8a5";
}
.material-icons.perm_identity:before {
  content: "\e8a6";
}
.material-icons.perm_media:before {
  content: "\e8a7";
}
.material-icons.perm_phone_msg:before {
  content: "\e8a8";
}
.material-icons.perm_scan_wifi:before {
  content: "\e8a9";
}
.material-icons.person:before {
  content: "\e7fd";
}
.material-icons.person_add:before {
  content: "\e7fe";
}
.material-icons.person_add_alt:before {
  content: "\ea4d";
}
.material-icons.person_add_alt_1:before {
  content: "\ef65";
}
.material-icons.person_add_disabled:before {
  content: "\e9cb";
}
.material-icons.person_off:before {
  content: "\e510";
}
.material-icons.person_outline:before {
  content: "\e7ff";
}
.material-icons.person_pin:before {
  content: "\e55a";
}
.material-icons.person_pin_circle:before {
  content: "\e56a";
}
.material-icons.person_remove:before {
  content: "\ef66";
}
.material-icons.person_remove_alt_1:before {
  content: "\ef67";
}
.material-icons.person_search:before {
  content: "\f106";
}
.material-icons.personal_injury:before {
  content: "\e6da";
}
.material-icons.personal_video:before {
  content: "\e63b";
}
.material-icons.pest_control:before {
  content: "\f0fa";
}
.material-icons.pest_control_rodent:before {
  content: "\f0fd";
}
.material-icons.pets:before {
  content: "\e91d";
}
.material-icons.phishing:before {
  content: "\ead7";
}
.material-icons.phone:before {
  content: "\e0cd";
}
.material-icons.phone_android:before {
  content: "\e324";
}
.material-icons.phone_bluetooth_speaker:before {
  content: "\e61b";
}
.material-icons.phone_callback:before {
  content: "\e649";
}
.material-icons.phone_disabled:before {
  content: "\e9cc";
}
.material-icons.phone_enabled:before {
  content: "\e9cd";
}
.material-icons.phone_forwarded:before {
  content: "\e61c";
}
.material-icons.phone_in_talk:before {
  content: "\e61d";
}
.material-icons.phone_iphone:before {
  content: "\e325";
}
.material-icons.phone_locked:before {
  content: "\e61e";
}
.material-icons.phone_missed:before {
  content: "\e61f";
}
.material-icons.phone_paused:before {
  content: "\e620";
}
.material-icons.phonelink:before {
  content: "\e326";
}
.material-icons.phonelink_erase:before {
  content: "\e0db";
}
.material-icons.phonelink_lock:before {
  content: "\e0dc";
}
.material-icons.phonelink_off:before {
  content: "\e327";
}
.material-icons.phonelink_ring:before {
  content: "\e0dd";
}
.material-icons.phonelink_setup:before {
  content: "\e0de";
}
.material-icons.photo:before {
  content: "\e410";
}
.material-icons.photo_album:before {
  content: "\e411";
}
.material-icons.photo_camera:before {
  content: "\e412";
}
.material-icons.photo_camera_back:before {
  content: "\ef68";
}
.material-icons.photo_camera_front:before {
  content: "\ef69";
}
.material-icons.photo_filter:before {
  content: "\e43b";
}
.material-icons.photo_library:before {
  content: "\e413";
}
.material-icons.photo_size_select_actual:before {
  content: "\e432";
}
.material-icons.photo_size_select_large:before {
  content: "\e433";
}
.material-icons.photo_size_select_small:before {
  content: "\e434";
}
.material-icons.php:before {
  content: "\eb8f";
}
.material-icons.piano:before {
  content: "\e521";
}
.material-icons.piano_off:before {
  content: "\e520";
}
.material-icons.picture_as_pdf:before {
  content: "\e415";
}
.material-icons.picture_in_picture:before {
  content: "\e8aa";
}
.material-icons.picture_in_picture_alt:before {
  content: "\e911";
}
.material-icons.pie_chart:before {
  content: "\e6c4";
}
.material-icons.pie_chart_outline:before {
  content: "\f044";
}
.material-icons.pie_chart_outlined:before {
  content: "\e6c5";
}
.material-icons.pin:before {
  content: "\f045";
}
.material-icons.pin_drop:before {
  content: "\e55e";
}
.material-icons.pin_end:before {
  content: "\e767";
}
.material-icons.pin_invoke:before {
  content: "\e763";
}
.material-icons.pinch:before {
  content: "\eb38";
}
.material-icons.pivot_table_chart:before {
  content: "\e9ce";
}
.material-icons.pix:before {
  content: "\eaa3";
}
.material-icons.place:before {
  content: "\e55f";
}
.material-icons.plagiarism:before {
  content: "\ea5a";
}
.material-icons.play_arrow:before {
  content: "\e037";
}
.material-icons.play_circle:before {
  content: "\e1c4";
}
.material-icons.play_circle_fill:before {
  content: "\e038";
}
.material-icons.play_circle_filled:before {
  content: "\e038";
}
.material-icons.play_circle_outline:before {
  content: "\e039";
}
.material-icons.play_disabled:before {
  content: "\ef6a";
}
.material-icons.play_for_work:before {
  content: "\e906";
}
.material-icons.play_lesson:before {
  content: "\f047";
}
.material-icons.playlist_add:before {
  content: "\e03b";
}
.material-icons.playlist_add_check:before {
  content: "\e065";
}
.material-icons.playlist_add_check_circle:before {
  content: "\e7e6";
}
.material-icons.playlist_add_circle:before {
  content: "\e7e5";
}
.material-icons.playlist_play:before {
  content: "\e05f";
}
.material-icons.playlist_remove:before {
  content: "\eb80";
}
.material-icons.plumbing:before {
  content: "\f107";
}
.material-icons.plus_one:before {
  content: "\e800";
}
.material-icons.podcasts:before {
  content: "\f048";
}
.material-icons.point_of_sale:before {
  content: "\f17e";
}
.material-icons.policy:before {
  content: "\ea17";
}
.material-icons.poll:before {
  content: "\e801";
}
.material-icons.polyline:before {
  content: "\ebbb";
}
.material-icons.polymer:before {
  content: "\e8ab";
}
.material-icons.pool:before {
  content: "\eb48";
}
.material-icons.portable_wifi_off:before {
  content: "\e0ce";
}
.material-icons.portrait:before {
  content: "\e416";
}
.material-icons.post_add:before {
  content: "\ea20";
}
.material-icons.power:before {
  content: "\e63c";
}
.material-icons.power_input:before {
  content: "\e336";
}
.material-icons.power_off:before {
  content: "\e646";
}
.material-icons.power_settings_new:before {
  content: "\e8ac";
}
.material-icons.precision_manufacturing:before {
  content: "\f049";
}
.material-icons.pregnant_woman:before {
  content: "\e91e";
}
.material-icons.present_to_all:before {
  content: "\e0df";
}
.material-icons.preview:before {
  content: "\f1c5";
}
.material-icons.price_change:before {
  content: "\f04a";
}
.material-icons.price_check:before {
  content: "\f04b";
}
.material-icons.print:before {
  content: "\e8ad";
}
.material-icons.print_disabled:before {
  content: "\e9cf";
}
.material-icons.priority_high:before {
  content: "\e645";
}
.material-icons.privacy_tip:before {
  content: "\f0dc";
}
.material-icons.private_connectivity:before {
  content: "\e744";
}
.material-icons.production_quantity_limits:before {
  content: "\e1d1";
}
.material-icons.propane:before {
  content: "\ec14";
}
.material-icons.propane_tank:before {
  content: "\ec13";
}
.material-icons.psychology:before {
  content: "\ea4a";
}
.material-icons.psychology_alt:before {
  content: "\f8ea";
}
.material-icons.public:before {
  content: "\e80b";
}
.material-icons.public_off:before {
  content: "\f1ca";
}
.material-icons.publish:before {
  content: "\e255";
}
.material-icons.published_with_changes:before {
  content: "\f232";
}
.material-icons.punch_clock:before {
  content: "\eaa8";
}
.material-icons.push_pin:before {
  content: "\f10d";
}
.material-icons.qr_code:before {
  content: "\ef6b";
}
.material-icons.qr_code_2:before {
  content: "\e00a";
}
.material-icons.qr_code_scanner:before {
  content: "\f206";
}
.material-icons.query_builder:before {
  content: "\e8ae";
}
.material-icons.query_stats:before {
  content: "\e4fc";
}
.material-icons.question_answer:before {
  content: "\e8af";
}
.material-icons.question_mark:before {
  content: "\eb8b";
}
.material-icons.queue:before {
  content: "\e03c";
}
.material-icons.queue_music:before {
  content: "\e03d";
}
.material-icons.queue_play_next:before {
  content: "\e066";
}
.material-icons.quick_contacts_dialer:before {
  content: "\e0cf";
}
.material-icons.quick_contacts_mail:before {
  content: "\e0d0";
}
.material-icons.quickreply:before {
  content: "\ef6c";
}
.material-icons.quiz:before {
  content: "\f04c";
}
.material-icons.quora:before {
  content: "\ea98";
}
.material-icons.r_mobiledata:before {
  content: "\f04d";
}
.material-icons.radar:before {
  content: "\f04e";
}
.material-icons.radio:before {
  content: "\e03e";
}
.material-icons.radio_button_checked:before {
  content: "\e837";
}
.material-icons.radio_button_off:before {
  content: "\e836";
}
.material-icons.radio_button_on:before {
  content: "\e837";
}
.material-icons.radio_button_unchecked:before {
  content: "\e836";
}
.material-icons.railway_alert:before {
  content: "\e9d1";
}
.material-icons.ramen_dining:before {
  content: "\ea64";
}
.material-icons.ramp_left:before {
  content: "\eb9c";
}
.material-icons.ramp_right:before {
  content: "\eb96";
}
.material-icons.rate_review:before {
  content: "\e560";
}
.material-icons.raw_off:before {
  content: "\f04f";
}
.material-icons.raw_on:before {
  content: "\f050";
}
.material-icons.read_more:before {
  content: "\ef6d";
}
.material-icons.real_estate_agent:before {
  content: "\e73a";
}
.material-icons.receipt:before {
  content: "\e8b0";
}
.material-icons.receipt_long:before {
  content: "\ef6e";
}
.material-icons.recent_actors:before {
  content: "\e03f";
}
.material-icons.recommend:before {
  content: "\e9d2";
}
.material-icons.record_voice_over:before {
  content: "\e91f";
}
.material-icons.rectangle:before {
  content: "\eb54";
}
.material-icons.recycling:before {
  content: "\e760";
}
.material-icons.reddit:before {
  content: "\eaa0";
}
.material-icons.redeem:before {
  content: "\e8b1";
}
.material-icons.redo:before {
  content: "\e15a";
}
.material-icons.reduce_capacity:before {
  content: "\f21c";
}
.material-icons.refresh:before {
  content: "\e5d5";
}
.material-icons.remember_me:before {
  content: "\f051";
}
.material-icons.remove:before {
  content: "\e15b";
}
.material-icons.remove_circle:before {
  content: "\e15c";
}
.material-icons.remove_circle_outline:before {
  content: "\e15d";
}
.material-icons.remove_done:before {
  content: "\e9d3";
}
.material-icons.remove_from_queue:before {
  content: "\e067";
}
.material-icons.remove_moderator:before {
  content: "\e9d4";
}
.material-icons.remove_red_eye:before {
  content: "\e417";
}
.material-icons.remove_road:before {
  content: "\ebfc";
}
.material-icons.remove_shopping_cart:before {
  content: "\e928";
}
.material-icons.reorder:before {
  content: "\e8fe";
}
.material-icons.repartition:before {
  content: "\f8e8";
}
.material-icons.repeat:before {
  content: "\e040";
}
.material-icons.repeat_on:before {
  content: "\e9d6";
}
.material-icons.repeat_one:before {
  content: "\e041";
}
.material-icons.repeat_one_on:before {
  content: "\e9d7";
}
.material-icons.replay:before {
  content: "\e042";
}
.material-icons.replay_10:before {
  content: "\e059";
}
.material-icons.replay_30:before {
  content: "\e05a";
}
.material-icons.replay_5:before {
  content: "\e05b";
}
.material-icons.replay_circle_filled:before {
  content: "\e9d8";
}
.material-icons.reply:before {
  content: "\e15e";
}
.material-icons.reply_all:before {
  content: "\e15f";
}
.material-icons.report:before {
  content: "\e160";
}
.material-icons.report_gmailerrorred:before {
  content: "\f052";
}
.material-icons.report_off:before {
  content: "\e170";
}
.material-icons.report_problem:before {
  content: "\e8b2";
}
.material-icons.request_page:before {
  content: "\f22c";
}
.material-icons.request_quote:before {
  content: "\f1b6";
}
.material-icons.reset_tv:before {
  content: "\e9d9";
}
.material-icons.restart_alt:before {
  content: "\f053";
}
.material-icons.restaurant:before {
  content: "\e56c";
}
.material-icons.restaurant_menu:before {
  content: "\e561";
}
.material-icons.restore:before {
  content: "\e8b3";
}
.material-icons.restore_from_trash:before {
  content: "\e938";
}
.material-icons.restore_page:before {
  content: "\e929";
}
.material-icons.reviews:before {
  content: "\f054";
}
.material-icons.rice_bowl:before {
  content: "\f1f5";
}
.material-icons.ring_volume:before {
  content: "\e0d1";
}
.material-icons.rocket:before {
  content: "\eba5";
}
.material-icons.rocket_launch:before {
  content: "\eb9b";
}
.material-icons.roller_shades:before {
  content: "\ec12";
}
.material-icons.roller_shades_closed:before {
  content: "\ec11";
}
.material-icons.roller_skating:before {
  content: "\ebcd";
}
.material-icons.roofing:before {
  content: "\f201";
}
.material-icons.room:before {
  content: "\e8b4";
}
.material-icons.room_preferences:before {
  content: "\f1b8";
}
.material-icons.room_service:before {
  content: "\eb49";
}
.material-icons.rotate_90_degrees_ccw:before {
  content: "\e418";
}
.material-icons.rotate_90_degrees_cw:before {
  content: "\eaab";
}
.material-icons.rotate_left:before {
  content: "\e419";
}
.material-icons.rotate_right:before {
  content: "\e41a";
}
.material-icons.roundabout_left:before {
  content: "\eb99";
}
.material-icons.roundabout_right:before {
  content: "\eba3";
}
.material-icons.rounded_corner:before {
  content: "\e920";
}
.material-icons.route:before {
  content: "\eacd";
}
.material-icons.router:before {
  content: "\e328";
}
.material-icons.rowing:before {
  content: "\e921";
}
.material-icons.rss_feed:before {
  content: "\e0e5";
}
.material-icons.rsvp:before {
  content: "\f055";
}
.material-icons.rtt:before {
  content: "\e9ad";
}
.material-icons.rule:before {
  content: "\f1c2";
}
.material-icons.rule_folder:before {
  content: "\f1c9";
}
.material-icons.run_circle:before {
  content: "\ef6f";
}
.material-icons.running_with_errors:before {
  content: "\e51d";
}
.material-icons.rv_hookup:before {
  content: "\e642";
}
.material-icons.safety_check:before {
  content: "\ebef";
}
.material-icons.safety_divider:before {
  content: "\e1cc";
}
.material-icons.sailing:before {
  content: "\e502";
}
.material-icons.sanitizer:before {
  content: "\f21d";
}
.material-icons.satellite:before {
  content: "\e562";
}
.material-icons.satellite_alt:before {
  content: "\eb3a";
}
.material-icons.save:before {
  content: "\e161";
}
.material-icons.save_alt:before {
  content: "\e171";
}
.material-icons.save_as:before {
  content: "\eb60";
}
.material-icons.saved_search:before {
  content: "\ea11";
}
.material-icons.savings:before {
  content: "\e2eb";
}
.material-icons.scale:before {
  content: "\eb5f";
}
.material-icons.scanner:before {
  content: "\e329";
}
.material-icons.scatter_plot:before {
  content: "\e268";
}
.material-icons.schedule:before {
  content: "\e8b5";
}
.material-icons.schedule_send:before {
  content: "\ea0a";
}
.material-icons.schema:before {
  content: "\e4fd";
}
.material-icons.school:before {
  content: "\e80c";
}
.material-icons.science:before {
  content: "\ea4b";
}
.material-icons.score:before {
  content: "\e269";
}
.material-icons.scoreboard:before {
  content: "\ebd0";
}
.material-icons.screen_lock_landscape:before {
  content: "\e1be";
}
.material-icons.screen_lock_portrait:before {
  content: "\e1bf";
}
.material-icons.screen_lock_rotation:before {
  content: "\e1c0";
}
.material-icons.screen_rotation:before {
  content: "\e1c1";
}
.material-icons.screen_rotation_alt:before {
  content: "\ebee";
}
.material-icons.screen_search_desktop:before {
  content: "\ef70";
}
.material-icons.screen_share:before {
  content: "\e0e2";
}
.material-icons.screenshot:before {
  content: "\f056";
}
.material-icons.screenshot_monitor:before {
  content: "\ec08";
}
.material-icons.scuba_diving:before {
  content: "\ebce";
}
.material-icons.sd:before {
  content: "\e9dd";
}
.material-icons.sd_card:before {
  content: "\e623";
}
.material-icons.sd_card_alert:before {
  content: "\f057";
}
.material-icons.sd_storage:before {
  content: "\e1c2";
}
.material-icons.search:before {
  content: "\e8b6";
}
.material-icons.search_off:before {
  content: "\ea76";
}
.material-icons.security:before {
  content: "\e32a";
}
.material-icons.security_update:before {
  content: "\f058";
}
.material-icons.security_update_good:before {
  content: "\f059";
}
.material-icons.security_update_warning:before {
  content: "\f05a";
}
.material-icons.segment:before {
  content: "\e94b";
}
.material-icons.select_all:before {
  content: "\e162";
}
.material-icons.self_improvement:before {
  content: "\ea78";
}
.material-icons.sell:before {
  content: "\f05b";
}
.material-icons.send:before {
  content: "\e163";
}
.material-icons.send_and_archive:before {
  content: "\ea0c";
}
.material-icons.send_time_extension:before {
  content: "\eadb";
}
.material-icons.send_to_mobile:before {
  content: "\f05c";
}
.material-icons.sensor_door:before {
  content: "\f1b5";
}
.material-icons.sensor_occupied:before {
  content: "\ec10";
}
.material-icons.sensor_window:before {
  content: "\f1b4";
}
.material-icons.sensors:before {
  content: "\e51e";
}
.material-icons.sensors_off:before {
  content: "\e51f";
}
.material-icons.sentiment_dissatisfied:before {
  content: "\e811";
}
.material-icons.sentiment_neutral:before {
  content: "\e812";
}
.material-icons.sentiment_satisfied:before {
  content: "\e813";
}
.material-icons.sentiment_satisfied_alt:before {
  content: "\e0ed";
}
.material-icons.sentiment_very_dissatisfied:before {
  content: "\e814";
}
.material-icons.sentiment_very_satisfied:before {
  content: "\e815";
}
.material-icons.set_meal:before {
  content: "\f1ea";
}
.material-icons.settings:before {
  content: "\e8b8";
}
.material-icons.settings_accessibility:before {
  content: "\f05d";
}
.material-icons.settings_applications:before {
  content: "\e8b9";
}
.material-icons.settings_backup_restore:before {
  content: "\e8ba";
}
.material-icons.settings_bluetooth:before {
  content: "\e8bb";
}
.material-icons.settings_brightness:before {
  content: "\e8bd";
}
.material-icons.settings_cell:before {
  content: "\e8bc";
}
.material-icons.settings_display:before {
  content: "\e8bd";
}
.material-icons.settings_ethernet:before {
  content: "\e8be";
}
.material-icons.settings_input_antenna:before {
  content: "\e8bf";
}
.material-icons.settings_input_component:before {
  content: "\e8c0";
}
.material-icons.settings_input_composite:before {
  content: "\e8c1";
}
.material-icons.settings_input_hdmi:before {
  content: "\e8c2";
}
.material-icons.settings_input_svideo:before {
  content: "\e8c3";
}
.material-icons.settings_overscan:before {
  content: "\e8c4";
}
.material-icons.settings_phone:before {
  content: "\e8c5";
}
.material-icons.settings_power:before {
  content: "\e8c6";
}
.material-icons.settings_remote:before {
  content: "\e8c7";
}
.material-icons.settings_suggest:before {
  content: "\f05e";
}
.material-icons.settings_system_daydream:before {
  content: "\e1c3";
}
.material-icons.settings_voice:before {
  content: "\e8c8";
}
.material-icons.severe_cold:before {
  content: "\ebd3";
}
.material-icons.share:before {
  content: "\e80d";
}
.material-icons.share_arrival_time:before {
  content: "\e524";
}
.material-icons.share_location:before {
  content: "\f05f";
}
.material-icons.shield:before {
  content: "\e9e0";
}
.material-icons.shield_moon:before {
  content: "\eaa9";
}
.material-icons.shop:before {
  content: "\e8c9";
}
.material-icons.shop_2:before {
  content: "\e19e";
}
.material-icons.shop_two:before {
  content: "\e8ca";
}
.material-icons.shopify:before {
  content: "\ea9d";
}
.material-icons.shopping_bag:before {
  content: "\f1cc";
}
.material-icons.shopping_basket:before {
  content: "\e8cb";
}
.material-icons.shopping_cart:before {
  content: "\e8cc";
}
.material-icons.shopping_cart_checkout:before {
  content: "\eb88";
}
.material-icons.short_text:before {
  content: "\e261";
}
.material-icons.shortcut:before {
  content: "\f060";
}
.material-icons.show_chart:before {
  content: "\e6e1";
}
.material-icons.shower:before {
  content: "\f061";
}
.material-icons.shuffle:before {
  content: "\e043";
}
.material-icons.shuffle_on:before {
  content: "\e9e1";
}
.material-icons.shutter_speed:before {
  content: "\e43d";
}
.material-icons.sick:before {
  content: "\f220";
}
.material-icons.sign_language:before {
  content: "\ebe5";
}
.material-icons.signal_cellular_0_bar:before {
  content: "\f0a8";
}
.material-icons.signal_cellular_4_bar:before {
  content: "\e1c8";
}
.material-icons.signal_cellular_alt:before {
  content: "\e202";
}
.material-icons.signal_cellular_alt_1_bar:before {
  content: "\ebdf";
}
.material-icons.signal_cellular_alt_2_bar:before {
  content: "\ebe3";
}
.material-icons.signal_cellular_connected_no_internet_0_bar:before {
  content: "\f0ac";
}
.material-icons.signal_cellular_connected_no_internet_4_bar:before {
  content: "\e1cd";
}
.material-icons.signal_cellular_no_sim:before {
  content: "\e1ce";
}
.material-icons.signal_cellular_nodata:before {
  content: "\f062";
}
.material-icons.signal_cellular_null:before {
  content: "\e1cf";
}
.material-icons.signal_cellular_off:before {
  content: "\e1d0";
}
.material-icons.signal_wifi_0_bar:before {
  content: "\f0b0";
}
.material-icons.signal_wifi_4_bar:before {
  content: "\e1d8";
}
.material-icons.signal_wifi_4_bar_lock:before {
  content: "\e1d9";
}
.material-icons.signal_wifi_bad:before {
  content: "\f063";
}
.material-icons.signal_wifi_connected_no_internet_4:before {
  content: "\f064";
}
.material-icons.signal_wifi_off:before {
  content: "\e1da";
}
.material-icons.signal_wifi_statusbar_4_bar:before {
  content: "\f065";
}
.material-icons.signal_wifi_statusbar_connected_no_internet_4:before {
  content: "\f066";
}
.material-icons.signal_wifi_statusbar_null:before {
  content: "\f067";
}
.material-icons.signpost:before {
  content: "\eb91";
}
.material-icons.sim_card:before {
  content: "\e32b";
}
.material-icons.sim_card_alert:before {
  content: "\e624";
}
.material-icons.sim_card_download:before {
  content: "\f068";
}
.material-icons.single_bed:before {
  content: "\ea48";
}
.material-icons.sip:before {
  content: "\f069";
}
.material-icons.skateboarding:before {
  content: "\e511";
}
.material-icons.skip_next:before {
  content: "\e044";
}
.material-icons.skip_previous:before {
  content: "\e045";
}
.material-icons.sledding:before {
  content: "\e512";
}
.material-icons.slideshow:before {
  content: "\e41b";
}
.material-icons.slow_motion_video:before {
  content: "\e068";
}
.material-icons.smart_button:before {
  content: "\f1c1";
}
.material-icons.smart_display:before {
  content: "\f06a";
}
.material-icons.smart_screen:before {
  content: "\f06b";
}
.material-icons.smart_toy:before {
  content: "\f06c";
}
.material-icons.smartphone:before {
  content: "\e32c";
}
.material-icons.smoke_free:before {
  content: "\eb4a";
}
.material-icons.smoking_rooms:before {
  content: "\eb4b";
}
.material-icons.sms:before {
  content: "\e625";
}
.material-icons.sms_failed:before {
  content: "\e626";
}
.material-icons.snapchat:before {
  content: "\ea6e";
}
.material-icons.snippet_folder:before {
  content: "\f1c7";
}
.material-icons.snooze:before {
  content: "\e046";
}
.material-icons.snowboarding:before {
  content: "\e513";
}
.material-icons.snowing:before {
  content: "\e80f";
}
.material-icons.snowmobile:before {
  content: "\e503";
}
.material-icons.snowshoeing:before {
  content: "\e514";
}
.material-icons.soap:before {
  content: "\f1b2";
}
.material-icons.social_distance:before {
  content: "\e1cb";
}
.material-icons.solar_power:before {
  content: "\ec0f";
}
.material-icons.sort:before {
  content: "\e164";
}
.material-icons.sort_by_alpha:before {
  content: "\e053";
}
.material-icons.sos:before {
  content: "\ebf7";
}
.material-icons.soup_kitchen:before {
  content: "\e7d3";
}
.material-icons.source:before {
  content: "\f1c4";
}
.material-icons.south:before {
  content: "\f1e3";
}
.material-icons.south_america:before {
  content: "\e7e4";
}
.material-icons.south_east:before {
  content: "\f1e4";
}
.material-icons.south_west:before {
  content: "\f1e5";
}
.material-icons.spa:before {
  content: "\eb4c";
}
.material-icons.space_bar:before {
  content: "\e256";
}
.material-icons.space_dashboard:before {
  content: "\e66b";
}
.material-icons.spatial_audio:before {
  content: "\ebeb";
}
.material-icons.spatial_audio_off:before {
  content: "\ebe8";
}
.material-icons.spatial_tracking:before {
  content: "\ebea";
}
.material-icons.speaker:before {
  content: "\e32d";
}
.material-icons.speaker_group:before {
  content: "\e32e";
}
.material-icons.speaker_notes:before {
  content: "\e8cd";
}
.material-icons.speaker_notes_off:before {
  content: "\e92a";
}
.material-icons.speaker_phone:before {
  content: "\e0d2";
}
.material-icons.speed:before {
  content: "\e9e4";
}
.material-icons.spellcheck:before {
  content: "\e8ce";
}
.material-icons.splitscreen:before {
  content: "\f06d";
}
.material-icons.spoke:before {
  content: "\e9a7";
}
.material-icons.sports:before {
  content: "\ea30";
}
.material-icons.sports_bar:before {
  content: "\f1f3";
}
.material-icons.sports_baseball:before {
  content: "\ea51";
}
.material-icons.sports_basketball:before {
  content: "\ea26";
}
.material-icons.sports_cricket:before {
  content: "\ea27";
}
.material-icons.sports_esports:before {
  content: "\ea28";
}
.material-icons.sports_football:before {
  content: "\ea29";
}
.material-icons.sports_golf:before {
  content: "\ea2a";
}
.material-icons.sports_gymnastics:before {
  content: "\ebc4";
}
.material-icons.sports_handball:before {
  content: "\ea33";
}
.material-icons.sports_hockey:before {
  content: "\ea2b";
}
.material-icons.sports_kabaddi:before {
  content: "\ea34";
}
.material-icons.sports_martial_arts:before {
  content: "\eae9";
}
.material-icons.sports_mma:before {
  content: "\ea2c";
}
.material-icons.sports_motorsports:before {
  content: "\ea2d";
}
.material-icons.sports_rugby:before {
  content: "\ea2e";
}
.material-icons.sports_score:before {
  content: "\f06e";
}
.material-icons.sports_soccer:before {
  content: "\ea2f";
}
.material-icons.sports_tennis:before {
  content: "\ea32";
}
.material-icons.sports_volleyball:before {
  content: "\ea31";
}
.material-icons.square:before {
  content: "\eb36";
}
.material-icons.square_foot:before {
  content: "\ea49";
}
.material-icons.ssid_chart:before {
  content: "\eb66";
}
.material-icons.stacked_bar_chart:before {
  content: "\e9e6";
}
.material-icons.stacked_line_chart:before {
  content: "\f22b";
}
.material-icons.stadium:before {
  content: "\eb90";
}
.material-icons.stairs:before {
  content: "\f1a9";
}
.material-icons.star:before {
  content: "\e838";
}
.material-icons.star_border:before {
  content: "\e83a";
}
.material-icons.star_border_purple500:before {
  content: "\f099";
}
.material-icons.star_half:before {
  content: "\e839";
}
.material-icons.star_outline:before {
  content: "\f06f";
}
.material-icons.star_purple500:before {
  content: "\f09a";
}
.material-icons.star_rate:before {
  content: "\f0ec";
}
.material-icons.stars:before {
  content: "\e8d0";
}
.material-icons.start:before {
  content: "\e089";
}
.material-icons.stay_current_landscape:before {
  content: "\e0d3";
}
.material-icons.stay_current_portrait:before {
  content: "\e0d4";
}
.material-icons.stay_primary_landscape:before {
  content: "\e0d5";
}
.material-icons.stay_primary_portrait:before {
  content: "\e0d6";
}
.material-icons.sticky_note_2:before {
  content: "\f1fc";
}
.material-icons.stop:before {
  content: "\e047";
}
.material-icons.stop_circle:before {
  content: "\ef71";
}
.material-icons.stop_screen_share:before {
  content: "\e0e3";
}
.material-icons.storage:before {
  content: "\e1db";
}
.material-icons.store:before {
  content: "\e8d1";
}
.material-icons.store_mall_directory:before {
  content: "\e563";
}
.material-icons.storefront:before {
  content: "\ea12";
}
.material-icons.storm:before {
  content: "\f070";
}
.material-icons.straight:before {
  content: "\eb95";
}
.material-icons.straighten:before {
  content: "\e41c";
}
.material-icons.stream:before {
  content: "\e9e9";
}
.material-icons.streetview:before {
  content: "\e56e";
}
.material-icons.strikethrough_s:before {
  content: "\e257";
}
.material-icons.stroller:before {
  content: "\f1ae";
}
.material-icons.style:before {
  content: "\e41d";
}
.material-icons.subdirectory_arrow_left:before {
  content: "\e5d9";
}
.material-icons.subdirectory_arrow_right:before {
  content: "\e5da";
}
.material-icons.subject:before {
  content: "\e8d2";
}
.material-icons.subscript:before {
  content: "\f111";
}
.material-icons.subscriptions:before {
  content: "\e064";
}
.material-icons.subtitles:before {
  content: "\e048";
}
.material-icons.subtitles_off:before {
  content: "\ef72";
}
.material-icons.subway:before {
  content: "\e56f";
}
.material-icons.summarize:before {
  content: "\f071";
}
.material-icons.sunny:before {
  content: "\e81a";
}
.material-icons.sunny_snowing:before {
  content: "\e819";
}
.material-icons.superscript:before {
  content: "\f112";
}
.material-icons.supervised_user_circle:before {
  content: "\e939";
}
.material-icons.supervisor_account:before {
  content: "\e8d3";
}
.material-icons.support:before {
  content: "\ef73";
}
.material-icons.support_agent:before {
  content: "\f0e2";
}
.material-icons.surfing:before {
  content: "\e515";
}
.material-icons.surround_sound:before {
  content: "\e049";
}
.material-icons.swap_calls:before {
  content: "\e0d7";
}
.material-icons.swap_horiz:before {
  content: "\e8d4";
}
.material-icons.swap_horizontal_circle:before {
  content: "\e933";
}
.material-icons.swap_vert:before {
  content: "\e8d5";
}
.material-icons.swap_vert_circle:before {
  content: "\e8d6";
}
.material-icons.swap_vertical_circle:before {
  content: "\e8d6";
}
.material-icons.swipe:before {
  content: "\e9ec";
}
.material-icons.swipe_down:before {
  content: "\eb53";
}
.material-icons.swipe_down_alt:before {
  content: "\eb30";
}
.material-icons.swipe_left:before {
  content: "\eb59";
}
.material-icons.swipe_left_alt:before {
  content: "\eb33";
}
.material-icons.swipe_right:before {
  content: "\eb52";
}
.material-icons.swipe_right_alt:before {
  content: "\eb56";
}
.material-icons.swipe_up:before {
  content: "\eb2e";
}
.material-icons.swipe_up_alt:before {
  content: "\eb35";
}
.material-icons.swipe_vertical:before {
  content: "\eb51";
}
.material-icons.switch_access_shortcut:before {
  content: "\e7e1";
}
.material-icons.switch_access_shortcut_add:before {
  content: "\e7e2";
}
.material-icons.switch_account:before {
  content: "\e9ed";
}
.material-icons.switch_camera:before {
  content: "\e41e";
}
.material-icons.switch_left:before {
  content: "\f1d1";
}
.material-icons.switch_right:before {
  content: "\f1d2";
}
.material-icons.switch_video:before {
  content: "\e41f";
}
.material-icons.synagogue:before {
  content: "\eab0";
}
.material-icons.sync:before {
  content: "\e627";
}
.material-icons.sync_alt:before {
  content: "\ea18";
}
.material-icons.sync_disabled:before {
  content: "\e628";
}
.material-icons.sync_lock:before {
  content: "\eaee";
}
.material-icons.sync_problem:before {
  content: "\e629";
}
.material-icons.system_security_update:before {
  content: "\f072";
}
.material-icons.system_security_update_good:before {
  content: "\f073";
}
.material-icons.system_security_update_warning:before {
  content: "\f074";
}
.material-icons.system_update:before {
  content: "\e62a";
}
.material-icons.system_update_alt:before {
  content: "\e8d7";
}
.material-icons.system_update_tv:before {
  content: "\e8d7";
}
.material-icons.tab:before {
  content: "\e8d8";
}
.material-icons.tab_unselected:before {
  content: "\e8d9";
}
.material-icons.table_bar:before {
  content: "\ead2";
}
.material-icons.table_chart:before {
  content: "\e265";
}
.material-icons.table_restaurant:before {
  content: "\eac6";
}
.material-icons.table_rows:before {
  content: "\f101";
}
.material-icons.table_view:before {
  content: "\f1be";
}
.material-icons.tablet:before {
  content: "\e32f";
}
.material-icons.tablet_android:before {
  content: "\e330";
}
.material-icons.tablet_mac:before {
  content: "\e331";
}
.material-icons.tag:before {
  content: "\e9ef";
}
.material-icons.tag_faces:before {
  content: "\e420";
}
.material-icons.takeout_dining:before {
  content: "\ea74";
}
.material-icons.tap_and_play:before {
  content: "\e62b";
}
.material-icons.tapas:before {
  content: "\f1e9";
}
.material-icons.task:before {
  content: "\f075";
}
.material-icons.task_alt:before {
  content: "\e2e6";
}
.material-icons.taxi_alert:before {
  content: "\ef74";
}
.material-icons.telegram:before {
  content: "\ea6b";
}
.material-icons.temple_buddhist:before {
  content: "\eab3";
}
.material-icons.temple_hindu:before {
  content: "\eaaf";
}
.material-icons.terminal:before {
  content: "\eb8e";
}
.material-icons.terrain:before {
  content: "\e564";
}
.material-icons.text_decrease:before {
  content: "\eadd";
}
.material-icons.text_fields:before {
  content: "\e262";
}
.material-icons.text_format:before {
  content: "\e165";
}
.material-icons.text_increase:before {
  content: "\eae2";
}
.material-icons.text_rotate_up:before {
  content: "\e93a";
}
.material-icons.text_rotate_vertical:before {
  content: "\e93b";
}
.material-icons.text_rotation_angledown:before {
  content: "\e93c";
}
.material-icons.text_rotation_angleup:before {
  content: "\e93d";
}
.material-icons.text_rotation_down:before {
  content: "\e93e";
}
.material-icons.text_rotation_none:before {
  content: "\e93f";
}
.material-icons.text_snippet:before {
  content: "\f1c6";
}
.material-icons.textsms:before {
  content: "\e0d8";
}
.material-icons.texture:before {
  content: "\e421";
}
.material-icons.theater_comedy:before {
  content: "\ea66";
}
.material-icons.theaters:before {
  content: "\e8da";
}
.material-icons.thermostat:before {
  content: "\f076";
}
.material-icons.thermostat_auto:before {
  content: "\f077";
}
.material-icons.thumb_down:before {
  content: "\e8db";
}
.material-icons.thumb_down_alt:before {
  content: "\e816";
}
.material-icons.thumb_down_off_alt:before {
  content: "\e9f2";
}
.material-icons.thumb_up:before {
  content: "\e8dc";
}
.material-icons.thumb_up_alt:before {
  content: "\e817";
}
.material-icons.thumb_up_off_alt:before {
  content: "\e9f3";
}
.material-icons.thumbs_up_down:before {
  content: "\e8dd";
}
.material-icons.thunderstorm:before {
  content: "\ebdb";
}
.material-icons.tiktok:before {
  content: "\ea7e";
}
.material-icons.time_to_leave:before {
  content: "\e62c";
}
.material-icons.timelapse:before {
  content: "\e422";
}
.material-icons.timeline:before {
  content: "\e922";
}
.material-icons.timer:before {
  content: "\e425";
}
.material-icons.timer_10:before {
  content: "\e423";
}
.material-icons.timer_10_select:before {
  content: "\f07a";
}
.material-icons.timer_3:before {
  content: "\e424";
}
.material-icons.timer_3_select:before {
  content: "\f07b";
}
.material-icons.timer_off:before {
  content: "\e426";
}
.material-icons.tips_and_updates:before {
  content: "\e79a";
}
.material-icons.tire_repair:before {
  content: "\ebc8";
}
.material-icons.title:before {
  content: "\e264";
}
.material-icons.toc:before {
  content: "\e8de";
}
.material-icons.today:before {
  content: "\e8df";
}
.material-icons.toggle_off:before {
  content: "\e9f5";
}
.material-icons.toggle_on:before {
  content: "\e9f6";
}
.material-icons.token:before {
  content: "\ea25";
}
.material-icons.toll:before {
  content: "\e8e0";
}
.material-icons.tonality:before {
  content: "\e427";
}
.material-icons.topic:before {
  content: "\f1c8";
}
.material-icons.tornado:before {
  content: "\e199";
}
.material-icons.touch_app:before {
  content: "\e913";
}
.material-icons.tour:before {
  content: "\ef75";
}
.material-icons.toys:before {
  content: "\e332";
}
.material-icons.track_changes:before {
  content: "\e8e1";
}
.material-icons.traffic:before {
  content: "\e565";
}
.material-icons.train:before {
  content: "\e570";
}
.material-icons.tram:before {
  content: "\e571";
}
.material-icons.transcribe:before {
  content: "\f8ec";
}
.material-icons.transfer_within_a_station:before {
  content: "\e572";
}
.material-icons.transform:before {
  content: "\e428";
}
.material-icons.transgender:before {
  content: "\e58d";
}
.material-icons.transit_enterexit:before {
  content: "\e579";
}
.material-icons.translate:before {
  content: "\e8e2";
}
.material-icons.travel_explore:before {
  content: "\e2db";
}
.material-icons.trending_down:before {
  content: "\e8e3";
}
.material-icons.trending_flat:before {
  content: "\e8e4";
}
.material-icons.trending_neutral:before {
  content: "\e8e4";
}
.material-icons.trending_up:before {
  content: "\e8e5";
}
.material-icons.trip_origin:before {
  content: "\e57b";
}
.material-icons.troubleshoot:before {
  content: "\e1d2";
}
.material-icons.try:before {
  content: "\f07c";
}
.material-icons.tsunami:before {
  content: "\ebd8";
}
.material-icons.tty:before {
  content: "\f1aa";
}
.material-icons.tune:before {
  content: "\e429";
}
.material-icons.tungsten:before {
  content: "\f07d";
}
.material-icons.turn_left:before {
  content: "\eba6";
}
.material-icons.turn_right:before {
  content: "\ebab";
}
.material-icons.turn_sharp_left:before {
  content: "\eba7";
}
.material-icons.turn_sharp_right:before {
  content: "\ebaa";
}
.material-icons.turn_slight_left:before {
  content: "\eba4";
}
.material-icons.turn_slight_right:before {
  content: "\eb9a";
}
.material-icons.turned_in:before {
  content: "\e8e6";
}
.material-icons.turned_in_not:before {
  content: "\e8e7";
}
.material-icons.tv:before {
  content: "\e333";
}
.material-icons.tv_off:before {
  content: "\e647";
}
.material-icons.two_wheeler:before {
  content: "\e9f9";
}
.material-icons.type_specimen:before {
  content: "\f8f0";
}
.material-icons.u_turn_left:before {
  content: "\eba1";
}
.material-icons.u_turn_right:before {
  content: "\eba2";
}
.material-icons.umbrella:before {
  content: "\f1ad";
}
.material-icons.unarchive:before {
  content: "\e169";
}
.material-icons.undo:before {
  content: "\e166";
}
.material-icons.unfold_less:before {
  content: "\e5d6";
}
.material-icons.unfold_more:before {
  content: "\e5d7";
}
.material-icons.unpublished:before {
  content: "\f236";
}
.material-icons.unsubscribe:before {
  content: "\e0eb";
}
.material-icons.upcoming:before {
  content: "\f07e";
}
.material-icons.update:before {
  content: "\e923";
}
.material-icons.update_disabled:before {
  content: "\e075";
}
.material-icons.upgrade:before {
  content: "\f0fb";
}
.material-icons.upload:before {
  content: "\f09b";
}
.material-icons.upload_file:before {
  content: "\e9fc";
}
.material-icons.usb:before {
  content: "\e1e0";
}
.material-icons.usb_off:before {
  content: "\e4fa";
}
.material-icons.vaccines:before {
  content: "\e138";
}
.material-icons.vape_free:before {
  content: "\ebc6";
}
.material-icons.vaping_rooms:before {
  content: "\ebcf";
}
.material-icons.verified:before {
  content: "\ef76";
}
.material-icons.verified_user:before {
  content: "\e8e8";
}
.material-icons.vertical_align_bottom:before {
  content: "\e258";
}
.material-icons.vertical_align_center:before {
  content: "\e259";
}
.material-icons.vertical_align_top:before {
  content: "\e25a";
}
.material-icons.vertical_distribute:before {
  content: "\e076";
}
.material-icons.vertical_shades:before {
  content: "\ec0e";
}
.material-icons.vertical_shades_closed:before {
  content: "\ec0d";
}
.material-icons.vertical_split:before {
  content: "\e949";
}
.material-icons.vibration:before {
  content: "\e62d";
}
.material-icons.video_call:before {
  content: "\e070";
}
.material-icons.video_camera_back:before {
  content: "\f07f";
}
.material-icons.video_camera_front:before {
  content: "\f080";
}
.material-icons.video_collection:before {
  content: "\e04a";
}
.material-icons.video_file:before {
  content: "\eb87";
}
.material-icons.video_label:before {
  content: "\e071";
}
.material-icons.video_library:before {
  content: "\e04a";
}
.material-icons.video_settings:before {
  content: "\ea75";
}
.material-icons.video_stable:before {
  content: "\f081";
}
.material-icons.videocam:before {
  content: "\e04b";
}
.material-icons.videocam_off:before {
  content: "\e04c";
}
.material-icons.videogame_asset:before {
  content: "\e338";
}
.material-icons.videogame_asset_off:before {
  content: "\e500";
}
.material-icons.view_agenda:before {
  content: "\e8e9";
}
.material-icons.view_array:before {
  content: "\e8ea";
}
.material-icons.view_carousel:before {
  content: "\e8eb";
}
.material-icons.view_column:before {
  content: "\e8ec";
}
.material-icons.view_comfortable:before {
  content: "\e42a";
}
.material-icons.view_comfy:before {
  content: "\e42a";
}
.material-icons.view_comfy_alt:before {
  content: "\eb73";
}
.material-icons.view_compact:before {
  content: "\e42b";
}
.material-icons.view_compact_alt:before {
  content: "\eb74";
}
.material-icons.view_cozy:before {
  content: "\eb75";
}
.material-icons.view_day:before {
  content: "\e8ed";
}
.material-icons.view_headline:before {
  content: "\e8ee";
}
.material-icons.view_in_ar:before {
  content: "\e9fe";
}
.material-icons.view_kanban:before {
  content: "\eb7f";
}
.material-icons.view_list:before {
  content: "\e8ef";
}
.material-icons.view_module:before {
  content: "\e8f0";
}
.material-icons.view_quilt:before {
  content: "\e8f1";
}
.material-icons.view_sidebar:before {
  content: "\f114";
}
.material-icons.view_stream:before {
  content: "\e8f2";
}
.material-icons.view_timeline:before {
  content: "\eb85";
}
.material-icons.view_week:before {
  content: "\e8f3";
}
.material-icons.vignette:before {
  content: "\e435";
}
.material-icons.villa:before {
  content: "\e586";
}
.material-icons.visibility:before {
  content: "\e8f4";
}
.material-icons.visibility_off:before {
  content: "\e8f5";
}
.material-icons.voice_chat:before {
  content: "\e62e";
}
.material-icons.voice_over_off:before {
  content: "\e94a";
}
.material-icons.voicemail:before {
  content: "\e0d9";
}
.material-icons.volcano:before {
  content: "\ebda";
}
.material-icons.volume_down:before {
  content: "\e04d";
}
.material-icons.volume_down_alt:before {
  content: "\e79c";
}
.material-icons.volume_mute:before {
  content: "\e04e";
}
.material-icons.volume_off:before {
  content: "\e04f";
}
.material-icons.volume_up:before {
  content: "\e050";
}
.material-icons.volunteer_activism:before {
  content: "\ea70";
}
.material-icons.vpn_key:before {
  content: "\e0da";
}
.material-icons.vpn_key_off:before {
  content: "\eb7a";
}
.material-icons.vpn_lock:before {
  content: "\e62f";
}
.material-icons.vrpano:before {
  content: "\f082";
}
.material-icons.wallet:before {
  content: "\f8ff";
}
.material-icons.wallet_giftcard:before {
  content: "\e8f6";
}
.material-icons.wallet_membership:before {
  content: "\e8f7";
}
.material-icons.wallet_travel:before {
  content: "\e8f8";
}
.material-icons.wallpaper:before {
  content: "\e1bc";
}
.material-icons.warehouse:before {
  content: "\ebb8";
}
.material-icons.warning:before {
  content: "\e002";
}
.material-icons.warning_amber:before {
  content: "\f083";
}
.material-icons.wash:before {
  content: "\f1b1";
}
.material-icons.watch:before {
  content: "\e334";
}
.material-icons.watch_later:before {
  content: "\e924";
}
.material-icons.watch_off:before {
  content: "\eae3";
}
.material-icons.water:before {
  content: "\f084";
}
.material-icons.water_damage:before {
  content: "\f203";
}
.material-icons.water_drop:before {
  content: "\e798";
}
.material-icons.waterfall_chart:before {
  content: "\ea00";
}
.material-icons.waves:before {
  content: "\e176";
}
.material-icons.waving_hand:before {
  content: "\e766";
}
.material-icons.wb_auto:before {
  content: "\e42c";
}
.material-icons.wb_cloudy:before {
  content: "\e42d";
}
.material-icons.wb_incandescent:before {
  content: "\e42e";
}
.material-icons.wb_iridescent:before {
  content: "\e436";
}
.material-icons.wb_shade:before {
  content: "\ea01";
}
.material-icons.wb_sunny:before {
  content: "\e430";
}
.material-icons.wb_twighlight:before {
  content: "\ea02";
}
.material-icons.wb_twilight:before {
  content: "\e1c6";
}
.material-icons.wc:before {
  content: "\e63d";
}
.material-icons.web:before {
  content: "\e051";
}
.material-icons.web_asset:before {
  content: "\e069";
}
.material-icons.web_asset_off:before {
  content: "\e4f7";
}
.material-icons.web_stories:before {
  content: "\e595";
}
.material-icons.webhook:before {
  content: "\eb92";
}
.material-icons.wechat:before {
  content: "\ea81";
}
.material-icons.weekend:before {
  content: "\e16b";
}
.material-icons.west:before {
  content: "\f1e6";
}
.material-icons.whatsapp:before {
  content: "\ea9c";
}
.material-icons.whatshot:before {
  content: "\e80e";
}
.material-icons.wheelchair_pickup:before {
  content: "\f1ab";
}
.material-icons.where_to_vote:before {
  content: "\e177";
}
.material-icons.widgets:before {
  content: "\e1bd";
}
.material-icons.width_full:before {
  content: "\f8f5";
}
.material-icons.width_normal:before {
  content: "\f8f6";
}
.material-icons.width_wide:before {
  content: "\f8f7";
}
.material-icons.wifi:before {
  content: "\e63e";
}
.material-icons.wifi_1_bar:before {
  content: "\e4ca";
}
.material-icons.wifi_2_bar:before {
  content: "\e4d9";
}
.material-icons.wifi_calling:before {
  content: "\ef77";
}
.material-icons.wifi_calling_3:before {
  content: "\f085";
}
.material-icons.wifi_channel:before {
  content: "\eb6a";
}
.material-icons.wifi_find:before {
  content: "\eb31";
}
.material-icons.wifi_lock:before {
  content: "\e1e1";
}
.material-icons.wifi_off:before {
  content: "\e648";
}
.material-icons.wifi_password:before {
  content: "\eb6b";
}
.material-icons.wifi_protected_setup:before {
  content: "\f0fc";
}
.material-icons.wifi_tethering:before {
  content: "\e1e2";
}
.material-icons.wifi_tethering_error:before {
  content: "\ead9";
}
.material-icons.wifi_tethering_error_rounded:before {
  content: "\f086";
}
.material-icons.wifi_tethering_off:before {
  content: "\f087";
}
.material-icons.wind_power:before {
  content: "\ec0c";
}
.material-icons.window:before {
  content: "\f088";
}
.material-icons.wine_bar:before {
  content: "\f1e8";
}
.material-icons.woman:before {
  content: "\e13e";
}
.material-icons.woo_commerce:before {
  content: "\ea6d";
}
.material-icons.wordpress:before {
  content: "\ea9f";
}
.material-icons.work:before {
  content: "\e8f9";
}
.material-icons.work_history:before {
  content: "\ec09";
}
.material-icons.work_off:before {
  content: "\e942";
}
.material-icons.work_outline:before {
  content: "\e943";
}
.material-icons.workspace_premium:before {
  content: "\e7af";
}
.material-icons.workspaces:before {
  content: "\e1a0";
}
.material-icons.workspaces_filled:before {
  content: "\ea0d";
}
.material-icons.workspaces_outline:before {
  content: "\ea0f";
}
.material-icons.wrap_text:before {
  content: "\e25b";
}
.material-icons.wrong_location:before {
  content: "\ef78";
}
.material-icons.wysiwyg:before {
  content: "\f1c3";
}
.material-icons.yard:before {
  content: "\f089";
}
.material-icons.youtube_searched_for:before {
  content: "\e8fa";
}
.material-icons.zoom_in:before {
  content: "\e8ff";
}
.material-icons.zoom_in_map:before {
  content: "\eb2d";
}
.material-icons.zoom_out:before {
  content: "\e900";
}
.material-icons.zoom_out_map:before {
  content: "\e56b";
}
:root {
  --op-icon-input-search: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="48" width="48"><path fill="%236C7C9D" d="M39.8 41.95 26.65 28.8q-1.5 1.3-3.5 2.025-2 .725-4.25.725-5.4 0-9.15-3.75T6 18.75q0-5.3 3.75-9.05 3.75-3.75 9.1-3.75 5.3 0 9.025 3.75 3.725 3.75 3.725 9.05 0 2.15-.7 4.15-.7 2-2.1 3.75L42 39.75Zm-20.95-13.4q4.05 0 6.9-2.875Q28.6 22.8 28.6 18.75t-2.85-6.925Q22.9 8.95 18.85 8.95q-4.1 0-6.975 2.875T9 18.75q0 4.05 2.875 6.925t6.975 2.875Z"/></svg>');
  --op-icon-search-cancel: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" height="48" width="48"><path fill="%230077CC" d="m16.5 33.6 7.5-7.5 7.5 7.5 2.1-2.1-7.5-7.5 7.5-7.5-2.1-2.1-7.5 7.5-7.5-7.5-2.1 2.1 7.5 7.5-7.5 7.5ZM24 44q-4.1 0-7.75-1.575-3.65-1.575-6.375-4.3-2.725-2.725-4.3-6.375Q4 28.1 4 24q0-4.15 1.575-7.8 1.575-3.65 4.3-6.35 2.725-2.7 6.375-4.275Q19.9 4 24 4q4.15 0 7.8 1.575 3.65 1.575 6.35 4.275 2.7 2.7 4.275 6.35Q44 19.85 44 24q0 4.1-1.575 7.75-1.575 3.65-4.275 6.375t-6.35 4.3Q28.15 44 24 44Z"/></svg>');
  --op-form-dropdown-arrow: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" height="48" width="48"><path d="m24 30.75-12-12 2.15-2.15L24 26.5l9.85-9.85L36 18.8Z"/></svg>');
}
:root {
  --op-color-primary-plus-eight: hsl(var(--op-color-primary-h), 83%, 98%);
  --op-color-primary-plus-seven: hsl(var(--op-color-primary-h), 91%, 96%);
  --op-color-primary-plus-six: hsl(var(--op-color-primary-h), 94%, 94%);
  --op-color-primary-plus-five: hsl(var(--op-color-primary-h), 96%, 90%);
  --op-color-primary-plus-four: hsl(var(--op-color-primary-h), 98%, 84%);
  --op-color-primary-plus-three: hsl(var(--op-color-primary-h), 99%, 70%);
  --op-color-primary-plus-two: hsl(var(--op-color-primary-h), 99%, 62%);
  --op-color-primary-plus-one: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 48%);
  --op-color-primary-base: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 42%);
  --op-color-primary-minus-one: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 35%);
  --op-color-primary-minus-two: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 30%);
  --op-color-primary-minus-three: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 26%);
  --op-color-primary-minus-four: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 22%);
  --op-color-primary-minus-five: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 16%);
  --op-color-primary-minus-six: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 12%);
  --op-color-primary-on-plus-max: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 40%);
  --op-color-primary-on-plus-max-alt: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 1%);
  --op-color-primary-on-plus-eight: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 39%);
  --op-color-primary-on-plus-eight-alt: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 1%);
  --op-color-primary-on-plus-seven: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 38%);
  --op-color-primary-on-plus-seven-alt: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 1%);
  --op-color-primary-on-plus-six: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 37%);
  --op-color-primary-on-plus-six-alt: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 1%);
  --op-color-primary-on-plus-five: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 35%);
  --op-color-primary-on-plus-five-alt: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 1%);
  --op-color-primary-on-plus-four: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 32%);
  --op-color-primary-on-plus-four-alt: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 1%);
  --op-color-primary-on-plus-three: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 25%);
  --op-color-primary-on-plus-three-alt: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 1%);
  --op-color-primary-on-plus-two: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 21%);
  --op-color-primary-on-plus-two-alt: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 1%);
  --op-color-primary-on-plus-one: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 13%);
  --op-color-primary-on-plus-one-alt: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 1%);
  --op-color-primary-on-base: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 5%);
  --op-color-primary-on-base-alt: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 1%);
  --op-color-primary-on-minus-one: hsl(var(--op-color-primary-h), 96%, 91%);
  --op-color-primary-on-minus-one-alt: hsl(var(--op-color-primary-h), 71%, 99%);
  --op-color-primary-on-minus-two: hsl(var(--op-color-primary-h), 98%, 84%);
  --op-color-primary-on-minus-two-alt: hsl(var(--op-color-primary-h), 71%, 99%);
  --op-color-primary-on-minus-three: hsl(var(--op-color-primary-h), 98%, 76%);
  --op-color-primary-on-minus-three-alt: hsl(var(--op-color-primary-h), 71%, 99%);
  --op-color-primary-on-minus-four: hsl(var(--op-color-primary-h), 99%, 68%);
  --op-color-primary-on-minus-four-alt: hsl(var(--op-color-primary-h), 71%, 99%);
  --op-color-primary-on-minus-five: hsl(var(--op-color-primary-h), 99%, 60%);
  --op-color-primary-on-minus-five-alt: hsl(var(--op-color-primary-h), 71%, 99%);
  --op-color-primary-on-minus-six: hsl(var(--op-color-primary-h), 99%, 52%);
  --op-color-primary-on-minus-six-alt: hsl(var(--op-color-primary-h), 71%, 99%);
  --op-color-primary-on-minus-seven: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 44%);
  --op-color-primary-on-minus-seven-alt: hsl(var(--op-color-primary-h), 71%, 99%);
  --op-color-primary-on-minus-eight: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 42%);
  --op-color-primary-on-minus-eight-alt: hsl(var(--op-color-primary-h), 71%, 99%);
  --op-color-primary-on-minus-max: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 40%);
  --op-color-primary-on-minus-max-alt: hsl(var(--op-color-primary-h), 71%, 99%);
  --op-color-secondary-plus-max: hsl(var(--op-color-secondary-h), var(--op-color-secondary-s), 100%);
  --op-color-secondary-plus-eight: hsl(var(--op-color-secondary-h), 33%, 98%);
  --op-color-secondary-plus-seven: hsl(var(--op-color-secondary-h), 36%, 96%);
  --op-color-secondary-plus-six: hsl(var(--op-color-secondary-h), 39%, 94%);
  --op-color-secondary-plus-five: hsl(var(--op-color-secondary-h), 40%, 90%);
  --op-color-secondary-plus-four: hsl(var(--op-color-secondary-h), 40%, 84%);
  --op-color-secondary-plus-three: hsl(var(--op-color-secondary-h), var(--op-color-secondary-s), 70%);
  --op-color-secondary-plus-two: hsl(var(--op-color-secondary-h), var(--op-color-secondary-s), 60%);
  --op-color-secondary-plus-one: hsl(var(--op-color-secondary-h), var(--op-color-secondary-s), 47%);
  --op-color-secondary-base: hsl(var(--op-color-secondary-h), var(--op-color-secondary-s), 40%);
  --op-color-secondary-minus-one: hsl(var(--op-color-secondary-h), var(--op-color-secondary-s), 32%);
  --op-color-secondary-minus-two: hsl(var(--op-color-secondary-h), var(--op-color-secondary-s), 28%);
  --op-color-secondary-minus-three: hsl(var(--op-color-secondary-h), var(--op-color-secondary-s), 26%);
  --op-color-secondary-minus-four: hsl(var(--op-color-secondary-h), var(--op-color-secondary-s), 22%);
  --op-color-secondary-minus-five: hsl(var(--op-color-secondary-h), var(--op-color-secondary-s), 16%);
  --op-color-secondary-minus-six: hsl(var(--op-color-secondary-h), var(--op-color-secondary-s), 12%);
  --op-color-secondary-minus-seven: hsl(var(--op-color-secondary-h), var(--op-color-secondary-s), 8%);
  --op-color-secondary-minus-eight: hsl(var(--op-color-secondary-h), var(--op-color-secondary-s), 4%);
  --op-color-secondary-minus-max: hsl(var(--op-color-secondary-h), var(--op-color-secondary-s), 0%);
  --op-color-secondary-on-plus-max: hsl(var(--op-color-secondary-h), var(--op-color-secondary-s), 52%);
  --op-color-secondary-on-plus-max-alt: hsl(var(--op-color-secondary-h), 60%, 1%);
  --op-color-secondary-on-plus-eight: hsl(var(--op-color-secondary-h), var(--op-color-secondary-s), 51%);
  --op-color-secondary-on-plus-eight-alt: hsl(var(--op-color-secondary-h), 60%, 1%);
  --op-color-secondary-on-plus-seven: hsl(var(--op-color-secondary-h), var(--op-color-secondary-s), 50%);
  --op-color-secondary-on-plus-seven-alt: hsl(var(--op-color-secondary-h), 60%, 1%);
  --op-color-secondary-on-plus-six: hsl(var(--op-color-secondary-h), var(--op-color-secondary-s), 48%);
  --op-color-secondary-on-plus-six-alt: hsl(var(--op-color-secondary-h), 60%, 1%);
  --op-color-secondary-on-plus-five: hsl(var(--op-color-secondary-h), var(--op-color-secondary-s), 45%);
  --op-color-secondary-on-plus-five-alt: hsl(var(--op-color-secondary-h), 60%, 1%);
  --op-color-secondary-on-plus-four: hsl(var(--op-color-secondary-h), var(--op-color-secondary-s), 40%);
  --op-color-secondary-on-plus-four-alt: hsl(var(--op-color-secondary-h), 60%, 1%);
  --op-color-secondary-on-plus-three: hsl(var(--op-color-secondary-h), var(--op-color-secondary-s), 27%);
  --op-color-secondary-on-plus-three-alt: hsl(var(--op-color-secondary-h), 60%, 1%);
  --op-color-secondary-on-plus-two: hsl(var(--op-color-secondary-h), var(--op-color-secondary-s), 15%);
  --op-color-secondary-on-plus-two-alt: hsl(var(--op-color-secondary-h), 60%, 1%);
  --op-color-secondary-on-plus-one: hsl(var(--op-color-secondary-h), var(--op-color-secondary-s), 92%);
  --op-color-secondary-on-plus-one-alt: hsl(var(--op-color-secondary-h), var(--op-color-secondary-s), 99%);
  --op-color-secondary-on-base: hsl(var(--op-color-secondary-h), var(--op-color-secondary-s), 84%);
  --op-color-secondary-on-base-alt: hsl(var(--op-color-secondary-h), var(--op-color-secondary-s), 99%);
  --op-color-secondary-on-minus-one: hsl(var(--op-color-secondary-h), var(--op-color-secondary-s), 75%);
  --op-color-secondary-on-minus-one-alt: hsl(var(--op-color-secondary-h), var(--op-color-secondary-s), 99%);
  --op-color-secondary-on-minus-two: hsl(var(--op-color-secondary-h), var(--op-color-secondary-s), 71%);
  --op-color-secondary-on-minus-two-alt: hsl(var(--op-color-secondary-h), var(--op-color-secondary-s), 99%);
  --op-color-secondary-on-minus-three: hsl(var(--op-color-secondary-h), var(--op-color-secondary-s), 69%);
  --op-color-secondary-on-minus-three-alt: hsl(var(--op-color-secondary-h), var(--op-color-secondary-s), 99%);
  --op-color-secondary-on-minus-four: hsl(var(--op-color-secondary-h), var(--op-color-secondary-s), 65%);
  --op-color-secondary-on-minus-four-alt: hsl(var(--op-color-secondary-h), var(--op-color-secondary-s), 99%);
  --op-color-secondary-on-minus-five: hsl(var(--op-color-secondary-h), var(--op-color-secondary-s), 61%);
  --op-color-secondary-on-minus-five-alt: hsl(var(--op-color-secondary-h), var(--op-color-secondary-s), 99%);
  --op-color-secondary-on-minus-six: hsl(var(--op-color-secondary-h), var(--op-color-secondary-s), 60%);
  --op-color-secondary-on-minus-six-alt: hsl(var(--op-color-secondary-h), var(--op-color-secondary-s), 99%);
  --op-color-secondary-on-minus-seven: hsl(var(--op-color-secondary-h), var(--op-color-secondary-s), 55%);
  --op-color-secondary-on-minus-seven-alt: hsl(var(--op-color-secondary-h), var(--op-color-secondary-s), 99%);
  --op-color-secondary-on-minus-eight: hsl(var(--op-color-secondary-h), var(--op-color-secondary-s), 54%);
  --op-color-secondary-on-minus-eight-alt: hsl(var(--op-color-secondary-h), var(--op-color-secondary-s), 99%);
  --op-color-secondary-on-minus-max: hsl(var(--op-color-secondary-h), var(--op-color-secondary-s), 53%);
  --op-color-secondary-on-minus-max-alt: hsl(var(--op-color-secondary-h), var(--op-color-secondary-s), 99%);
  --op-color-neutral-plus-one: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 46%);
  --op-color-neutral-minus-three: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 26%);
  --op-color-neutral-minus-four: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 22%);
  --op-color-neutral-minus-five: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 16%);
  --op-color-neutral-minus-six: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 12%);
  --op-color-neutral-on-plus-max: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 40%);
  --op-color-neutral-on-plus-max-alt: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 1%);
  --op-color-neutral-on-plus-eight: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 38%);
  --op-color-neutral-on-plus-eight-alt: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 1%);
  --op-color-neutral-on-plus-seven: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 37%);
  --op-color-neutral-on-plus-seven-alt: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 1%);
  --op-color-neutral-on-plus-six: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 46%);
  --op-color-neutral-on-plus-six-alt: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 1%);
  --op-color-neutral-on-plus-five: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 43%);
  --op-color-neutral-on-plus-five-alt: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 1%);
  --op-color-neutral-on-plus-four: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 38%);
  --op-color-neutral-on-plus-four-alt: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 1%);
  --op-color-neutral-on-plus-three: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 27%);
  --op-color-neutral-on-plus-three-alt: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 1%);
  --op-color-neutral-on-plus-two: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 22%);
  --op-color-neutral-on-plus-two-alt: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 1%);
  --op-color-neutral-on-plus-one: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 94%);
  --op-color-neutral-on-plus-one-alt: hsl(var(--op-color-neutral-h), 14%, 99%);
  --op-color-neutral-on-base: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 86%);
  --op-color-neutral-on-base-alt: hsl(var(--op-color-neutral-h), 14%, 99%);
  --op-color-neutral-on-minus-one: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 81%);
  --op-color-neutral-on-minus-one-alt: hsl(var(--op-color-neutral-h), 14%, 99%);
  --op-color-neutral-on-minus-two: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 76%);
  --op-color-neutral-on-minus-two-alt: hsl(var(--op-color-neutral-h), 14%, 99%);
  --op-color-neutral-on-minus-three: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 71%);
  --op-color-neutral-on-minus-three-alt: hsl(var(--op-color-neutral-h), 14%, 99%);
  --op-color-neutral-on-minus-four: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 66%);
  --op-color-neutral-on-minus-four-alt: hsl(var(--op-color-neutral-h), 14%, 99%);
  --op-color-neutral-on-minus-five: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 62%);
  --op-color-neutral-on-minus-five-alt: hsl(var(--op-color-neutral-h), 14%, 99%);
  --op-color-neutral-on-minus-six: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 59%);
  --op-color-neutral-on-minus-six-alt: hsl(var(--op-color-neutral-h), 14%, 99%);
  --op-color-neutral-on-minus-seven: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 53%);
  --op-color-neutral-on-minus-seven-alt: hsl(var(--op-color-neutral-h), 14%, 99%);
  --op-color-neutral-on-minus-eight: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 51%);
  --op-color-neutral-on-minus-eight-alt: hsl(var(--op-color-neutral-h), 14%, 99%);
  --op-color-neutral-on-minus-max: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 50%);
  --op-color-neutral-on-minus-max-alt: hsl(var(--op-color-neutral-h), 14%, 99%);
  --op-color-alerts-danger-plus-eight: hsl(var(--op-color-alerts-danger-h), 67%, 98%);
  --op-color-alerts-danger-plus-seven: hsl(var(--op-color-alerts-danger-h), 74%, 96%);
  --op-color-alerts-danger-plus-six: hsl(var(--op-color-alerts-danger-h), 81%, 94%);
  --op-color-alerts-danger-plus-five: hsl(var(--op-color-alerts-danger-h), 81%, 90%);
  --op-color-alerts-danger-plus-four: hsl(var(--op-color-alerts-danger-h), 81%, 86%);
  --op-color-alerts-danger-plus-three: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 80%);
  --op-color-alerts-danger-plus-two: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 72%);
  --op-color-alerts-danger-plus-one: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 62%);
  --op-color-alerts-danger-base: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 55%);
  --op-color-alerts-danger-minus-one: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 40%);
  --op-color-alerts-danger-minus-four: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 22%);
  --op-color-alerts-danger-minus-five: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 16%);
  --op-color-alerts-danger-minus-six: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 12%);
  --op-color-alerts-danger-on-plus-max: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 50%);
  --op-color-alerts-danger-on-plus-max-alt: hsl(var(--op-color-alerts-danger-h), 100%, 1%);
  --op-color-alerts-danger-on-plus-eight: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 48%);
  --op-color-alerts-danger-on-plus-eight-alt: hsl(var(--op-color-alerts-danger-h), 100%, 1%);
  --op-color-alerts-danger-on-plus-seven: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 46%);
  --op-color-alerts-danger-on-plus-seven-alt: hsl(var(--op-color-alerts-danger-h), 100%, 1%);
  --op-color-alerts-danger-on-plus-six: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 44%);
  --op-color-alerts-danger-on-plus-six-alt: hsl(var(--op-color-alerts-danger-h), 100%, 1%);
  --op-color-alerts-danger-on-plus-five: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 41%);
  --op-color-alerts-danger-on-plus-five-alt: hsl(var(--op-color-alerts-danger-h), 100%, 1%);
  --op-color-alerts-danger-on-plus-four: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 30%);
  --op-color-alerts-danger-on-plus-four-alt: hsl(var(--op-color-alerts-danger-h), 100%, 1%);
  --op-color-alerts-danger-on-plus-three: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 22%);
  --op-color-alerts-danger-on-plus-three-alt: hsl(var(--op-color-alerts-danger-h), 100%, 1%);
  --op-color-alerts-danger-on-plus-two: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 10%);
  --op-color-alerts-danger-on-plus-two-alt: hsl(var(--op-color-alerts-danger-h), 100%, 1%);
  --op-color-alerts-danger-on-plus-one: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 14%);
  --op-color-alerts-danger-on-plus-one-alt: hsl(var(--op-color-alerts-danger-h), 100%, 1%);
  --op-color-alerts-danger-on-base: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 8%);
  --op-color-alerts-danger-on-base-alt: hsl(var(--op-color-alerts-danger-h), 100%, 1%);
  --op-color-alerts-danger-on-minus-one: hsl(var(--op-color-alerts-danger-h), 81%, 90%);
  --op-color-alerts-danger-on-minus-one-alt: hsl(var(--op-color-alerts-danger-h), 71%, 99%);
  --op-color-alerts-danger-on-minus-two: hsl(var(--op-color-alerts-danger-h), 82%, 81%);
  --op-color-alerts-danger-on-minus-two-alt: hsl(var(--op-color-alerts-danger-h), 71%, 99%);
  --op-color-alerts-danger-on-minus-three: hsl(var(--op-color-alerts-danger-h), 82%, 76%);
  --op-color-alerts-danger-on-minus-three-alt: hsl(var(--op-color-alerts-danger-h), 71%, 99%);
  --op-color-alerts-danger-on-minus-four: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 72%);
  --op-color-alerts-danger-on-minus-four-alt: hsl(var(--op-color-alerts-danger-h), 71%, 99%);
  --op-color-alerts-danger-on-minus-five: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 68%);
  --op-color-alerts-danger-on-minus-five-alt: hsl(var(--op-color-alerts-danger-h), 71%, 99%);
  --op-color-alerts-danger-on-minus-six: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 63%);
  --op-color-alerts-danger-on-minus-six-alt: hsl(var(--op-color-alerts-danger-h), 71%, 99%);
  --op-color-alerts-danger-on-minus-seven: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 55%);
  --op-color-alerts-danger-on-minus-seven-alt: hsl(var(--op-color-alerts-danger-h), 71%, 99%);
  --op-color-alerts-danger-on-minus-eight: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 51%);
  --op-color-alerts-danger-on-minus-eight-alt: hsl(var(--op-color-alerts-danger-h), 71%, 99%);
  --op-color-alerts-danger-on-minus-max: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 50%);
  --op-color-alerts-danger-on-minus-max-alt: hsl(var(--op-color-alerts-danger-h), 71%, 99%);
  --op-color-alerts-notice-plus-eight: hsl(var(--op-color-alerts-notice-h), 83%, 98%);
  --op-color-alerts-notice-plus-seven: hsl(var(--op-color-alerts-notice-h), 91%, 96%);
  --op-color-alerts-notice-plus-six: hsl(var(--op-color-alerts-notice-h), 94%, 94%);
  --op-color-alerts-notice-plus-five: hsl(var(--op-color-alerts-notice-h), 96%, 90%);
  --op-color-alerts-notice-plus-four: hsl(var(--op-color-alerts-notice-h), 98%, 84%);
  --op-color-alerts-notice-plus-three: hsl(var(--op-color-alerts-notice-h), 98%, 78%);
  --op-color-alerts-notice-plus-two: hsl(var(--op-color-alerts-notice-h), 99%, 70%);
  --op-color-alerts-notice-plus-one: hsl(var(--op-color-alerts-notice-h), 99%, 62%);
  --op-color-alerts-notice-base: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 48%);
  --op-color-alerts-notice-minus-one: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 40%);
  --op-color-alerts-notice-minus-two: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 36%);
  --op-color-alerts-notice-minus-three: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 28%);
  --op-color-alerts-notice-minus-five: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 16%);
  --op-color-alerts-notice-minus-six: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 12%);
  --op-color-alerts-notice-on-plus-max: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 26%);
  --op-color-alerts-notice-on-plus-max-alt: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 1%);
  --op-color-alerts-notice-on-plus-eight: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 26%);
  --op-color-alerts-notice-on-plus-eight-alt: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 1%);
  --op-color-alerts-notice-on-plus-seven: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 26%);
  --op-color-alerts-notice-on-plus-seven-alt: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 1%);
  --op-color-alerts-notice-on-plus-six: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 25%);
  --op-color-alerts-notice-on-plus-six-alt: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 1%);
  --op-color-alerts-notice-on-plus-five: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 25%);
  --op-color-alerts-notice-on-plus-five-alt: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 1%);
  --op-color-alerts-notice-on-plus-four: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 24%);
  --op-color-alerts-notice-on-plus-four-alt: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 1%);
  --op-color-alerts-notice-on-plus-three: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 23%);
  --op-color-alerts-notice-on-plus-three-alt: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 1%);
  --op-color-alerts-notice-on-plus-two: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 22%);
  --op-color-alerts-notice-on-plus-two-alt: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 1%);
  --op-color-alerts-notice-on-plus-one: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 22%);
  --op-color-alerts-notice-on-plus-one-alt: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 1%);
  --op-color-alerts-notice-on-base: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 15%);
  --op-color-alerts-notice-on-base-alt: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 1%);
  --op-color-alerts-notice-on-minus-one: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 12%);
  --op-color-alerts-notice-on-minus-one-alt: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 1%);
  --op-color-alerts-notice-on-minus-two: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 12%);
  --op-color-alerts-notice-on-minus-two-alt: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 1%);
  --op-color-alerts-notice-on-minus-three: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 4%);
  --op-color-alerts-notice-on-minus-three-alt: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 1%);
  --op-color-alerts-notice-on-minus-four: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 54%);
  --op-color-alerts-notice-on-minus-four-alt: hsl(var(--op-color-alerts-notice-h), 71%, 99%);
  --op-color-alerts-notice-on-minus-five: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 44%);
  --op-color-alerts-notice-on-minus-five-alt: hsl(var(--op-color-alerts-notice-h), 71%, 99%);
  --op-color-alerts-notice-on-minus-six: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 41%);
  --op-color-alerts-notice-on-minus-six-alt: hsl(var(--op-color-alerts-notice-h), 71%, 99%);
  --op-color-alerts-notice-on-minus-seven: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 31%);
  --op-color-alerts-notice-on-minus-seven-alt: hsl(var(--op-color-alerts-notice-h), 71%, 99%);
  --op-color-alerts-notice-on-minus-eight: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 28%);
  --op-color-alerts-notice-on-minus-eight-alt: hsl(var(--op-color-alerts-notice-h), 71%, 99%);
  --op-color-alerts-notice-on-minus-max: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 27%);
  --op-color-alerts-notice-on-minus-max-alt: hsl(var(--op-color-alerts-notice-h), 71%, 99%);
  --op-color-alerts-info-plus-eight: hsl(var(--op-color-alerts-info-h), 83%, 98%);
  --op-color-alerts-info-plus-seven: hsl(var(--op-color-alerts-info-h), 91%, 96%);
  --op-color-alerts-info-plus-six: hsl(var(--op-color-alerts-info-h), 94%, 94%);
  --op-color-alerts-info-plus-five: hsl(var(--op-color-alerts-info-h), 96%, 90%);
  --op-color-alerts-info-plus-four: hsl(var(--op-color-alerts-info-h), 98%, 84%);
  --op-color-alerts-info-plus-three: hsl(var(--op-color-alerts-info-h), 99%, 70%);
  --op-color-alerts-info-plus-two: hsl(var(--op-color-alerts-info-h), 99%, 68%);
  --op-color-alerts-info-plus-one: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 60%);
  --op-color-alerts-info-minus-one: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 32%);
  --op-color-alerts-info-minus-two: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 28%);
  --op-color-alerts-info-minus-three: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 26%);
  --op-color-alerts-info-minus-four: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 22%);
  --op-color-alerts-info-minus-five: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 16%);
  --op-color-alerts-info-minus-six: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 12%);
  --op-color-alerts-info-on-plus-max: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 40%);
  --op-color-alerts-info-on-plus-max-alt: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 1%);
  --op-color-alerts-info-on-plus-eight: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 39%);
  --op-color-alerts-info-on-plus-eight-alt: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 1%);
  --op-color-alerts-info-on-plus-seven: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 38%);
  --op-color-alerts-info-on-plus-seven-alt: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 1%);
  --op-color-alerts-info-on-plus-six: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 37%);
  --op-color-alerts-info-on-plus-six-alt: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 1%);
  --op-color-alerts-info-on-plus-five: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 35%);
  --op-color-alerts-info-on-plus-five-alt: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 1%);
  --op-color-alerts-info-on-plus-four: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 32%);
  --op-color-alerts-info-on-plus-four-alt: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 1%);
  --op-color-alerts-info-on-plus-three: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 25%);
  --op-color-alerts-info-on-plus-three-alt: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 1%);
  --op-color-alerts-info-on-plus-two: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 22%);
  --op-color-alerts-info-on-plus-two-alt: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 1%);
  --op-color-alerts-info-on-plus-one: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 12%);
  --op-color-alerts-info-on-plus-one-alt: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 1%);
  --op-color-alerts-info-on-base: hsl(var(--op-color-alerts-info-h), 71%, 99%);
  --op-color-alerts-info-on-base-alt: hsl(var(--op-color-alerts-info-h), 71%, 99%);
  --op-color-alerts-info-on-minus-one: hsl(var(--op-color-alerts-info-h), 98%, 84%);
  --op-color-alerts-info-on-minus-one-alt: hsl(var(--op-color-alerts-info-h), 71%, 99%);
  --op-color-alerts-info-on-minus-two: hsl(var(--op-color-alerts-info-h), 98%, 76%);
  --op-color-alerts-info-on-minus-two-alt: hsl(var(--op-color-alerts-info-h), 71%, 99%);
  --op-color-alerts-info-on-minus-three: hsl(var(--op-color-alerts-info-h), 99%, 72%);
  --op-color-alerts-info-on-minus-three-alt: hsl(var(--op-color-alerts-info-h), 71%, 99%);
  --op-color-alerts-info-on-minus-four: hsl(var(--op-color-alerts-info-h), 99%, 64%);
  --op-color-alerts-info-on-minus-four-alt: hsl(var(--op-color-alerts-info-h), 71%, 99%);
  --op-color-alerts-info-on-minus-five: hsl(var(--op-color-alerts-info-h), 99%, 56%);
  --op-color-alerts-info-on-minus-five-alt: hsl(var(--op-color-alerts-info-h), 71%, 99%);
  --op-color-alerts-info-on-minus-six: hsl(var(--op-color-alerts-info-h), 99%, 52%);
  --op-color-alerts-info-on-minus-six-alt: hsl(var(--op-color-alerts-info-h), 71%, 99%);
  --op-color-alerts-info-on-minus-seven: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 44%);
  --op-color-alerts-info-on-minus-seven-alt: hsl(var(--op-color-alerts-info-h), 71%, 99%);
  --op-color-alerts-info-on-minus-eight: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 42%);
  --op-color-alerts-info-on-minus-eight-alt: hsl(var(--op-color-alerts-info-h), 71%, 99%);
  --op-color-alerts-info-on-minus-max: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 40%);
  --op-color-alerts-info-on-minus-max-alt: hsl(var(--op-color-alerts-info-h), 71%, 99%);
  --op-color-alerts-warning-plus-eight: hsl(var(--op-color-alerts-warning-h), 83%, 98%);
  --op-color-alerts-warning-plus-seven: hsl(var(--op-color-alerts-warning-h), 91%, 96%);
  --op-color-alerts-warning-plus-six: hsl(var(--op-color-alerts-warning-h), 88%, 94%);
  --op-color-alerts-warning-plus-five: hsl(var(--op-color-alerts-warning-h), 92%, 90%);
  --op-color-alerts-warning-plus-four: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 86%);
  --op-color-alerts-warning-plus-three: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 77%);
  --op-color-alerts-warning-plus-two: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 70%);
  --op-color-alerts-warning-plus-one: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 60%);
  --op-color-alerts-warning-base: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 46%);
  --op-color-alerts-warning-minus-one: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 40%);
  --op-color-alerts-warning-minus-two: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 32%);
  --op-color-alerts-warning-minus-three: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 28%);
  --op-color-alerts-warning-minus-four: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 22%);
  --op-color-alerts-warning-minus-five: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 16%);
  --op-color-alerts-warning-minus-six: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 12%);
  --op-color-alerts-warning-minus-seven: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 8%);
  --op-color-alerts-warning-minus-eight: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 4%);
  --op-color-alerts-warning-on-plus-max: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 30%);
  --op-color-alerts-warning-on-plus-max-alt: hsl(var(--op-color-alerts-warning-h), 100%, 1%);
  --op-color-alerts-warning-on-plus-eight: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 30%);
  --op-color-alerts-warning-on-plus-eight-alt: hsl(var(--op-color-alerts-warning-h), 100%, 1%);
  --op-color-alerts-warning-on-plus-seven: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 30%);
  --op-color-alerts-warning-on-plus-seven-alt: hsl(var(--op-color-alerts-warning-h), 100%, 1%);
  --op-color-alerts-warning-on-plus-six: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 29%);
  --op-color-alerts-warning-on-plus-six-alt: hsl(var(--op-color-alerts-warning-h), 100%, 1%);
  --op-color-alerts-warning-on-plus-five: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 28%);
  --op-color-alerts-warning-on-plus-five-alt: hsl(var(--op-color-alerts-warning-h), 100%, 1%);
  --op-color-alerts-warning-on-plus-four: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 26%);
  --op-color-alerts-warning-on-plus-four-alt: hsl(var(--op-color-alerts-warning-h), 100%, 1%);
  --op-color-alerts-warning-on-plus-three: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 24%);
  --op-color-alerts-warning-on-plus-three-alt: hsl(var(--op-color-alerts-warning-h), 100%, 1%);
  --op-color-alerts-warning-on-plus-two: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 23%);
  --op-color-alerts-warning-on-plus-two-alt: hsl(var(--op-color-alerts-warning-h), 100%, 1%);
  --op-color-alerts-warning-on-plus-one: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 20%);
  --op-color-alerts-warning-on-plus-one-alt: hsl(var(--op-color-alerts-warning-h), 100%, 1%);
  --op-color-alerts-warning-on-base: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 13%);
  --op-color-alerts-warning-on-base-alt: hsl(var(--op-color-alerts-warning-h), 100%, 1%);
  --op-color-alerts-warning-on-minus-one: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 12%);
  --op-color-alerts-warning-on-minus-one-alt: hsl(var(--op-color-alerts-warning-h), 100%, 1%);
  --op-color-alerts-warning-on-minus-two: hsl(var(--op-color-alerts-warning-h), 100%, 4%);
  --op-color-alerts-warning-on-minus-two-alt: hsl(var(--op-color-alerts-warning-h), 100%, 1%);
  --op-color-alerts-warning-on-minus-three: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 88%);
  --op-color-alerts-warning-on-minus-three-alt: hsl(var(--op-color-alerts-warning-h), 71%, 99%);
  --op-color-alerts-warning-on-minus-four: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 77%);
  --op-color-alerts-warning-on-minus-four-alt: hsl(var(--op-color-alerts-warning-h), 71%, 99%);
  --op-color-alerts-warning-on-minus-five: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 77%);
  --op-color-alerts-warning-on-minus-five-alt: hsl(var(--op-color-alerts-warning-h), 71%, 99%);
  --op-color-alerts-warning-on-minus-six: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 77%);
  --op-color-alerts-warning-on-minus-six-alt: hsl(var(--op-color-alerts-warning-h), 71%, 99%);
  --op-color-alerts-warning-on-minus-seven: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 77%);
  --op-color-alerts-warning-on-minus-seven-alt: hsl(var(--op-color-alerts-warning-h), 71%, 99%);
  --op-color-alerts-warning-on-minus-eight: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 77%);
  --op-color-alerts-warning-on-minus-eight-alt: hsl(var(--op-color-alerts-warning-h), 71%, 99%);
  --op-color-alerts-warning-on-minus-max: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 77%);
  --op-color-alerts-warning-on-minus-max-alt: hsl(var(--op-color-alerts-warning-h), 71%, 99%);
  --op-color-background: var(--op-color-neutral-plus-seven);
  --op-color-on-background: var(--op-color-neutral-on-plus-seven-alt);
}
:root {
  --op-color-primary-h: 205;
  --op-color-primary-s: 100%;
  --op-color-primary-l: 35%;
  --op-color-secondary-h: 220;
  --op-color-secondary-s: 42%;
  --op-color-secondary-l: 50%;
  --op-color-neutral-h: 220;
  --op-color-neutral-s: 20%;
  --op-color-neutral-l: 40%;
  --op-color-alerts-danger-h: 0;
  --op-color-alerts-danger-s: 84%;
  --op-color-alerts-danger-l: 60%;
  --op-color-alerts-notice-h: 158;
  --op-color-alerts-notice-s: 100%;
  --op-color-alerts-notice-l: 35%;
  --op-color-alerts-info-h: 205;
  --op-color-alerts-info-s: 100%;
  --op-color-alerts-info-l: 35%;
  --op-color-alerts-warning-h: 43;
  --op-color-alerts-warning-s: 96%;
  --op-color-alerts-warning-l: 56%;
  --op-font-family: "Manrope", Roboto, sans-serif;
  --op-color-border: var(--op-color-neutral-plus-four);
  --op-border-input: inset 0px 1px 1px var(--op-color-neutral-plus-four);
  --op-inset-shadow-input: inset 0px 2px 1px rgba(0, 0, 0, 0.08);
  --op-border-width: 1px;
  --op-border-width-large: 2px;
  --op-border-width-x-large: 4px;
  --op-space-scale-unit: 1rem;
  --op-space-4x-small: calc(var(--op-space-scale-unit)*0.1);
  --op-space-3x-small: calc(var(--op-space-scale-unit)*0.2);
  --op-space-2x-small: calc(var(--op-space-scale-unit)*0.4);
  --op-space-x-small: calc(var(--op-space-scale-unit)*0.8);
  --op-space-small: calc(var(--op-space-scale-unit)*1.2);
  --op-space-medium: calc(var(--op-space-scale-unit)*1.6);
  --op-space-large: calc(var(--op-space-scale-unit)*2);
  --op-space-x-large: calc(var(--op-space-scale-unit)*2.4);
  --op-space-2x-large: calc(var(--op-space-scale-unit)*2.8);
  --op-space-3x-large: calc(var(--op-space-scale-unit)*3.2);
  --op-space-4x-large: calc(var(--op-space-scale-unit)*3.6);
  --op-space-5x-large: calc(var(--op-space-scale-unit)*4);
  --op-space-6x-large: calc(var(--op-space-scale-unit)*4.4);
  --op-space-7x-large: calc(var(--op-space-scale-unit)*4.8);
  --op-space-8x-large: calc(var(--op-space-scale-unit)*6.4);
  --op-space-9x-large: calc(var(--op-space-scale-unit)*8);
  --fd-focus-style: inset var(--op-border-all) var(--op-color-primary-minus-three), 0 0 0 3px var(--op-color-primary-plus-four);
  --fd-focus-style-delete: inset var(--op-border-all) var(--op-color-alerts-danger-minus-three), 0 0 0 3px var(--op-color-alerts-danger-plus-four);
  --op-header-height: var(--op-space-8x-large);
  --op-table-cell-height: var(--op-space-8x-large);
  --op-table-min-height: 50rem;
  /* Input Heights */
  --op-input-height-medium: 3.2rem;
  --op-input-height-x-large: 4.4rem;
  --op-input-height-2x-large: 8.4rem;
  /* Opacities */
  --op-opacity-disabled: 0.44;
  /* Shadows */
  --op-shadow-x-small: 0px 1px 2px hsl(from var(--op-color-neutral-minus-max) h s l / 8%);
}
@keyframes slideIn {
  0% {
    right: -130%;
  }
  10% {
    right: 0;
  }
}
/* Animations */
@keyframes slideInOut {
  /* If a duration of 5s is set: */
  /* Start off the screen */
  0% {
    right: -130%;
  }
  /* Animate onto the screen for 0.5s */
  10% {
    right: 0;
  }
  /* Stay on the screen for 3s */
  70% {
    right: 0;
  }
  /* Animate off the screen for 1.5s */
  100% {
    right: -130%;
  }
}
/* Container for alerts in lower-right-hand corner of screen */
.alert-container {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--op-space-small);
  padding: var(--op-space-small);
}
.alert {
  /* Add a faint shadow to alerts */
  --fd-alert-shadow: 0px var(--op-border-width) var(--op-border-width-x-large) rgba(0, 0, 0, 0.08);
  --fd-transition-alert: 5s;
  position: relative;
  z-index: var(--op-z-index-alert-group);
  animation: unset;
  border-radius: var(--op-radius-large);
  font-weight: var(--op-font-weight-bold);
  padding: var(--op-space-medium) var(--op-space-large);
  /* Modifiers */
  &.alert--notice {
    background-color: var(--op-color-alerts-notice-plus-five);
    color: var(--op-color-alerts-notice-on-plus-five);
    box-shadow: var(--op-border-all) var(--op-color-alerts-notice-plus-four), var(--fd-alert-shadow);
  }
  &.alert--info {
    background-color: var(--op-color-alerts-info-plus-five);
    color: var(--op-color-alerts-info-on-plus-five);
    box-shadow: var(--op-border-all) var(--op-color-alerts-info-plus-four), var(--fd-alert-shadow);
  }
  &.alert--warning {
    background-color: var(--op-color-alerts-warning-plus-five);
    color: var(--op-color-alerts-warning-on-plus-five);
    box-shadow: var(--op-border-all) var(--op-color-alerts-warning-plus-four), var(--fd-alert-shadow);
  }
  &.alert--danger {
    background-color: var(--op-color-alerts-danger-plus-five);
    color: var(--op-color-alerts-danger-on-plus-five);
    box-shadow: var(--op-border-all) var(--op-color-alerts-danger-plus-four), var(--fd-alert-shadow);
  }
  /* Alert moves off the screen after a short period of time */
  &.alert--temporary {
    animation: slideInOut var(--fd-transition-alert) normal forwards;
  }
  /* Alert stays on screen until user dismisses it */
  &.alert--hold {
    animation: slideIn var(--fd-transition-alert) normal forwards;
  }
  /* Alert text */
  .alert__messages {
    font-size: var(--op-font-x-small);
  }
}
.badge, .purchase-order__status--ordered, .purchase-order__status--in-progress, .review-status-badge--review_rejected, .review-status-badge--ignored, .review-status-badge--approved, .review-status-badge--change_requested, .review-status-badge--in_review, .review-status-badge--not_ready, .ad-status-badge--canceled, .ad-status-badge--completed, .ad-status-badge--booked, .ad-status-badge--started, .ad-status-badge--ready, .ad-status-badge--delinquent, .ad-status-badge--pending, .ad-status-badge--rejected, .ad-status-badge--unbookable, .ad-status-badge--bookable, .ad-status-badge--eligible {
  line-height: var(--op-line-height-densest);
  font-weight: var(--op-font-weight-normal);
  background-color: var(--op-color-neutral-plus-four);
  color: var(--op-color-neutral-on-plus-four-alt);
  &.badge--primary {
    background-color: var(--op-color-primary-minus-one);
    color: var(--op-color-primary-on-minus-one);
  }
  &.badge--secondary {
    background-color: var(--op-color-neutral-plus-eight);
    color: var(--op-color-neutral-on-plus-eight-alt);
    border: var(--op-border-width) solid var(--op-color-neutral-plus-three);
  }
  /* Project-specific modifier */
  &.badge--outlined {
    background-color: var(--op-color-neutral-plus-max);
    color: var(--op-color-neutral-on-plus-max-alt);
    box-shadow: var(--op-border-all) var(--op-color-neutral-plus-four);
  }
}
/* ====================== */
/* Button Theme Overrides */
/* ====================== */
.btn {
  --_op-btn-height-small: var(--op-input-height-medium);
  --_op-btn-height-medium: var(--op-input-height-large);
  --_op-btn-height-large: var(--op-input-height-x-large);
  --_op-btn-font-small: var(--op-font-x-small);
  --_op-btn-font-medium: var(--op-font-small);
  --_op-btn-font-large: var(--op-font-medium);
  --_op-btn-padding-large: 0 var(--op-space-medium);
  /* Component Defaults */
  --__op-btn-font-size: var(--_op-btn-font-medium);
  --__op-btn-height: var(--_op-btn-height-medium);
  background-color: var(--op-color-neutral-plus-max);
  border-radius: var(--op-radius-large);
  box-shadow: var(--op-border-all) var(--op-color-border), var(--op-shadow-x-small);
  color: var(--op-color-neutral-on-plus-max-alt);
  font-weight: var(--op-font-weight-semi-bold);
  height: var(--__op-btn-height);
  padding: 0 var(--op-space-small);
  /* Default Focus State */
  &:focus,
  &:focus-within,
  &:focus-visible {
    outline: none;
    box-shadow: var(--fd-focus-style);
  }
  /* Default Hover State */
  &:hover {
    background-color: var(--op-color-primary-plus-eight);
    box-shadow: var(--op-border-all) var(--op-color-primary-plus-three), var(--op-shadow-x-small);
    color: var(--op-color-primary-on-plus-eight);
  }
  /* Default Borderless State */
  &.btn--no-border {
    color: var(--op-color-primary-on-plus-max-alt);
    /* Default Borderless + Hover State */
    &:hover {
      background-color: var(--op-color-primary-plus-eight);
      box-shadow: var(--op-border-all) var(--op-color-primary-plus-three), var(--op-shadow-x-small);
      color: var(--op-color-primary-on-plus-eight);
    }
  }
  /* Small button */
  &.btn--small {
    font-weight: var(--op-font-weight-bold);
  }
  /* Large button */
  &.btn--large {
    font-weight: var(--op-font-weight-bold);
  }
  /* Variant Modifiers */
  /* Primary Button */
  &.btn--primary {
    background-color: var(--op-color-primary-minus-one);
    box-shadow: var(--op-shadow-x-small);
    color: var(--op-color-primary-on-minus-one-alt);
    /* Hover State */
    &:hover {
      background-color: var(--op-color-primary-minus-three);
      color: var(--op-color-primary-on-minus-three-alt);
      box-shadow: var(--op-shadow-x-small);
    }
    /* Focus State */
    &:focus,
    &:focus-within,
    &:focus-visible {
      box-shadow: var(--fd-focus-style);
      background-color: var(--op-color-primary-minus-one);
      color: var(--op-color-primary-on-minus-one-alt);
    }
    /* Primary Borderless State */
    &.btn--no-border {
      /* Primary Borderless + Hover State */
      &:hover {
        background-color: var(--op-color-primary-plus-eight);
        box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-three), var(--op-shadow-x-small);
        color: var(--op-color-primary-on-plus-eight);
      }
    }
  }
  /* Delete Button */
  &.btn--delete {
    background-color: var(--op-color-alerts-danger-minus-one);
    box-shadow: var(--op-shadow-x-small);
    color: var(--op-color-alerts-danger-on-minus-one-alt);
    /* Hover State */
    &:hover {
      background-color: var(--op-color-alerts-danger-minus-three);
      box-shadow: var(--op-shadow-x-small);
      color: var(--op-color-alerts-danger-on-minus-three-alt);
    }
    /* Focus State */
    &:focus,
    &:focus-within,
    &:focus-visible {
      background-color: var(--op-color-alerts-danger-minus-one);
      box-shadow: var(--fd-focus-style-delete);
      color: var(--op-color-alerts-danger-on-minus-one-alt);
    }
    /* Borderless State */
    &.btn--no-border {
      background-color: transparent;
      box-shadow: none;
      color: var(--op-color-alerts-danger-on-plus-max);
      /* Borderless + Hover State */
      &:hover {
        background-color: var(--op-color-alerts-danger-plus-eight);
        box-shadow: inset var(--op-border-all) var(--op-color-alerts-danger-plus-three), var(--op-shadow-x-small);
        color: var(--op-color-alerts-danger-on-plus-eight);
      }
    }
  }
}
.form-control, .ts-wrapper .ts-control {
  --_op-form-control-font-small: var(--op-font-x-small);
  --_op-form-control-font-medium: var(--op-font-small);
  --_op-form-control-font-large: var(--op-font-medium);
  --__op-form-control-height: var(--_op-form-control-height-large);
  --op_input-disabled-opacity: 0.44;
}
.form-control.form-control--small, .ts-wrapper .form-control--small.ts-control {
  font-weight: var(--op-font-weight-normal);
}
.form-control.form-control--medium, .ts-wrapper .form-control--medium.ts-control {
  font-weight: var(--op-font-weight-semi-bold);
}
.form-control:not([type=radio], [type=checkbox]), .ts-wrapper .ts-control:not([type=radio], [type=checkbox]) {
  font-weight: var(--op-font-weight-semi-bold);
  font-size: var(--op-font-small);
  background-color: var(--op-color-neutral-plus-eight);
  color: var(--op-color-neutral-on-plus-eight-alt);
  border-radius: var(--op-radius-large);
  padding: var(--op-space-small);
  box-shadow: var(--op-inset-shadow-input), inset var(--op-border-all) var(--__op-form-control-border-color);
}
.form-control:not([type=radio], [type=checkbox]):focus, .ts-wrapper .ts-control:not([type=radio], [type=checkbox]):focus, .form-control:not([type=radio], [type=checkbox]):focus-within, .ts-wrapper .ts-control:not([type=radio], [type=checkbox]):focus-within, .form-control:not([type=radio], [type=checkbox]):focus-visible, .ts-wrapper .ts-control:not([type=radio], [type=checkbox]):focus-visible, .form-control:not([type=radio], [type=checkbox]):active, .ts-wrapper .ts-control:not([type=radio], [type=checkbox]):active {
  outline: none;
  box-shadow: 0px 0px 0px var(--op-border-width-x-large) var(--op-color-primary-plus-four), var(--fd-focus-style);
}
.form-control:not([type=radio], [type=checkbox]):focus:hover:not(:disabled), .ts-wrapper .ts-control:not([type=radio], [type=checkbox]):focus:hover:not(:disabled), .form-control:not([type=radio], [type=checkbox]):focus-within:hover:not(:disabled), .ts-wrapper .ts-control:not([type=radio], [type=checkbox]):focus-within:hover:not(:disabled), .form-control:not([type=radio], [type=checkbox]):focus-visible:hover:not(:disabled), .ts-wrapper .ts-control:not([type=radio], [type=checkbox]):focus-visible:hover:not(:disabled), .form-control:not([type=radio], [type=checkbox]):active:hover:not(:disabled), .ts-wrapper .ts-control:not([type=radio], [type=checkbox]):active:hover:not(:disabled) {
  box-shadow: 0px 0px 0px var(--op-border-width-x-large) var(--op-color-primary-plus-four), var(--fd-focus-style);
}
.form-control:not([type=radio], [type=checkbox])::-moz-placeholder, .ts-wrapper .ts-control:not([type=radio], [type=checkbox])::-moz-placeholder {
  color: hsl(from var(--op-color-neutral-on-plus-eight-alt) h s l/0.44);
}
.form-control:not([type=radio], [type=checkbox])::placeholder, .ts-wrapper .ts-control:not([type=radio], [type=checkbox])::placeholder {
  color: hsl(from var(--op-color-neutral-on-plus-eight-alt) h s l/0.44);
}
.form-control:not([type=radio], [type=checkbox]):hover:not(:disabled), .ts-wrapper .ts-control:not([type=radio], [type=checkbox]):hover:not(:disabled) {
  background-color: var(--op-color-primary-plus-eight);
  color: var(--op-color-primary-on-plus-eight-alt);
  box-shadow: var(--op-border-all) var(--op-color-primary-plus-two), var(--op-border-input);
}
.disabled .form-control:not([type=radio], [type=checkbox]), .disabled .ts-wrapper .ts-control:not([type=radio], [type=checkbox]), .ts-wrapper .disabled .ts-control:not([type=radio], [type=checkbox]) {
  opacity: var(--op-opacity-disabled);
  box-shadow: var(--op-inset-shadow-input), inset 0px 0px 0px var(--op-border-width) var(--op-color-neutral-plus-four);
  cursor: not-allowed !important;
  padding: var(--op-space-x-small) var(--op-space-small);
}
.disabled .form-control:not([type=radio], [type=checkbox]):hover:not(:disabled), .disabled .ts-wrapper .ts-control:not([type=radio], [type=checkbox]):hover:not(:disabled), .ts-wrapper .disabled .ts-control:not([type=radio], [type=checkbox]):hover:not(:disabled) {
  background-color: var(--op-color-neutral-plus-eight);
  box-shadow: var(--op-inset-shadow-input), inset 0px 0px 0px var(--op-border-width) var(--op-color-neutral-plus-four);
}
.disabled .form-control:not([type=radio], [type=checkbox]) *, .disabled .ts-wrapper .ts-control:not([type=radio], [type=checkbox]) *, .ts-wrapper .disabled .ts-control:not([type=radio], [type=checkbox]) * {
  cursor: not-allowed !important;
}
.readonly .form-control:not([type=radio], [type=checkbox]), .readonly .ts-wrapper .ts-control:not([type=radio], [type=checkbox]), .ts-wrapper .readonly .ts-control:not([type=radio], [type=checkbox]) {
  opacity: var(--op-opacity-disabled);
  box-shadow: var(--op-inset-shadow-input), inset 0px 0px 0px var(--op-border-width) var(--op-color-neutral-plus-four);
  cursor: not-allowed !important;
  padding: var(--op-space-x-small) var(--op-space-small);
}
.readonly .form-control:not([type=radio], [type=checkbox]):hover:not(:disabled), .readonly .ts-wrapper .ts-control:not([type=radio], [type=checkbox]):hover:not(:disabled), .ts-wrapper .readonly .ts-control:not([type=radio], [type=checkbox]):hover:not(:disabled) {
  background-color: var(--op-color-neutral-plus-seven);
  box-shadow: var(--op-inset-shadow-input), inset 0px 0px 0px var(--op-border-width) var(--op-color-neutral-plus-four);
}
.readonly .form-control:not([type=radio], [type=checkbox]) *, .readonly .ts-wrapper .ts-control:not([type=radio], [type=checkbox]) *, .ts-wrapper .readonly .ts-control:not([type=radio], [type=checkbox]) * {
  cursor: not-allowed !important;
}
.form-group--error .form-control:not([type=radio], [type=checkbox]), .form-group--error .ts-wrapper .ts-control:not([type=radio], [type=checkbox]), .ts-wrapper .form-group--error .ts-control:not([type=radio], [type=checkbox]) {
  box-shadow: var(--op-border-all) var(--op-color-alerts-danger-plus-one);
}
.form-group--warning .form-control:not([type=radio], [type=checkbox]), .form-group--warning .ts-wrapper .ts-control:not([type=radio], [type=checkbox]), .ts-wrapper .form-group--warning .ts-control:not([type=radio], [type=checkbox]) {
  box-shadow: var(--op-border-all) var(--op-color-alerts-warning-plus-one);
}
.form-group.form-group--error {
  gap: var(--op-space-2x-small);
}
.form-group.form-group--small {
  width: calc(var(--op-space-scale-unit)*8);
}
.form-group.form-group--medium {
  width: calc(var(--op-space-scale-unit)*12);
}
.form-group.form-group--switch-exclude {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  padding: 0;
}
.form-group.form-group--with-suffix {
  white-space: nowrap;
}
.form-group ~ .form-control__suffix-text {
  margin-left: var(--op-space-small);
  padding-top: calc(var(--op-space-scale-unit)*4.4);
  font-size: var(--op-font-small);
  font-weight: var(--op-font-weight-normal);
}
.form-group.form-group--error ~ .form-control__suffix-text {
  padding-top: calc(var(--op-space-scale-unit)*4);
}
.form-error, .live-input__display-error {
  padding-top: 0;
  padding-left: 0;
  background-color: unset;
  color: var(--op-color-alerts-danger-on-minus-eight);
  font-size: var(--op-font-x-small);
  font-weight: var(--op-font-weight-normal);
}
fieldset {
  margin: unset;
  padding: unset;
  border: unset;
}
textarea.form-control, .ts-wrapper textarea.ts-control {
  font-size: var(--op-font-x-small);
}
select.form-control, .ts-wrapper select.ts-control {
  background-image: var(--op-form-dropdown-arrow);
  content: "";
  background-position: right var(--op-space-small) center;
  background-repeat: no-repeat;
  background-size: var(--op-space-large);
  background-color: var(--op-color-neutral-plus-max);
  border-color: transparent;
  box-shadow: var(--op-border-all) var(--op-color-border), var(--op-shadow-x-small);
  color: var(--op-color-neutral-on-plus-max-alt);
  padding-right: var(--op-space-4x-large);
  text-align: left;
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /* Safari and Chrome */
  appearance: none;
}
select.form-control:not(:disabled, .btn--disabled):hover, .ts-wrapper select.ts-control:not(:disabled, .btn--disabled):hover {
  background-color: var(--op-color-primary-plus-eight);
  box-shadow: var(--op-border-all) var(--op-color-primary-plus-three), var(--op-shadow-x-small);
  color: var(--op-color-primary-on-plus-eight);
}
.form-control--read-only {
  box-shadow: none;
}
.input-with-icon {
  position: relative;
  grid-column: 1/3;
}
.input-with-icon .material-symbols-outlined {
  display: flex;
  align-items: center;
  position: absolute;
  right: var(--op-space-small);
  top: 0;
  bottom: 0;
  pointer-events: none;
}
.readonly-data-display {
  display: inline-grid;
  align-items: center;
  grid-column: 1/3;
  background: var(--op-color-neutral-plus-seven);
  border-radius: var(--op-radius-large);
  color: var(--op-color-neutral-on-plus-seven);
  font-size: var(--op-font-small);
  height: var(--op-input-height-large);
  padding: var(--op-space-2x-small) var(--op-space-small) var(--op-space-2x-small) var(--op-space-small);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.readonly-data-display.readonly-data-display--medium {
  width: calc(var(--op-space-scale-unit)*12);
}
.readonly-data-display.readonly-data-display--small {
  width: calc(var(--op-space-scale-unit)*10);
}
.form-control[readonly], .ts-wrapper [readonly].ts-control {
  padding: var(--op-space-2x-small) var(--op-space-x-small) var(--op-space-2x-small) var(--op-space-small);
  background: var(--op-color-neutral-plus-seven);
  box-shadow: none;
  color: var(--op-color-neutral-on-plus-seven);
}
.form-control[readonly]::-webkit-input-placeholder, .ts-wrapper [readonly].ts-control::-webkit-input-placeholder {
  color: var(--op-color-neutral-on-plus-seven);
}
input[type=search] {
  background-image: var(--op-icon-input-search);
  content: "";
  background-position: left var(--op-space-medium) center;
  background-repeat: no-repeat;
  background-size: var(--op-space-large);
  padding-left: var(--op-space-5x-large);
}
input[type=search]::-moz-placeholder {
  opacity: 0.4;
}
input[type=search]::placeholder {
  opacity: 0.4;
}
input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: var(--op-space-medium);
  width: var(--op-space-medium);
  background: var(--op-icon-search-cancel);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0;
  pointer-events: none;
}
input[type=search]:focus::-webkit-search-cancel-button {
  opacity: 1;
  pointer-events: all;
}
.form-group--horizontal {
  padding-left: var(--op-space-small);
  min-width: var(--op-space-8x-large);
}
.horizontal_label_input {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: var(--op-space-small);
}
.form-control--numeric {
  text-align: right;
}
.form-label {
  color: var(--op-color-neutral-on-plus-max-alt);
  font-weight: var(--op-font-weight-bold);
  line-height: var(--op-line-height-dense);
  font-size: var(--op-font-x-small);
  letter-spacing: 0;
}
.form__container--two-column {
  display: flex;
  flex-direction: column;
}
.form__container--two-column .two-column-form__row {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: var(--op-space-medium);
}
.form__container--two-column .two-column-form__row .two-column-form__column {
  width: 50%;
  display: flex;
  gap: var(--op-space-medium);
}
.form__container--two-column .two-column-form__row .two-column-form__column:only-of-type {
  padding-right: calc(var(--op-space-x-large)/2);
}
.form__container--two-column .two-column-form__field-set {
  color: var(--op-color-neutral-on-plus-eight-alt);
  font-weight: var(--op-font-weight-bold);
  line-height: var(--op-line-height-dense);
  font-size: var(--op-font-x-small);
  display: flex;
  flex-direction: row;
  align-content: center;
  gap: var(--op-space-4x-small);
}
.form__container--two-column .two-column-form__section:not(:last-child) {
  margin-bottom: var(--op-space-x-large);
  padding-bottom: var(--op-space-x-large);
  border-bottom: 1px solid var(--op-color-neutral-plus-four);
}
.form__container--two-column .two-column-form__section-header {
  font-weight: var(--op-font-weight-bold);
  font-size: var(--op-font-size-medium);
  line-height: 1;
  padding-bottom: var(--op-space-medium);
  display: flex;
  gap: var(--op-space-x-small);
}
.form__container--two-column .two-column-form__section-header .tooltip {
  line-height: 1.5;
}
.form__container--two-column .two-column-form__checkbox-row {
  display: flex;
  align-items: center;
  gap: var(--op-space-2x-small);
  padding-top: var(--op-space-large);
}
.form__container--two-column .two-column-form__checkbox-row .tooltip-container {
  margin-bottom: var(--op-space-2x-small);
}
.form-control[type=file], .ts-wrapper [type=file].ts-control {
  padding: calc(var(--op-space-scale-unit)*0.6) var(--op-space-small);
}
.form-control[type=file]::file-selector-button, .ts-wrapper [type=file].ts-control::file-selector-button {
  min-height: unset;
  height: var(--op-space-2x-large);
}
.dialog {
  --width: calc(var(--op-space-scale-unit)*64);
  --body-spacing: 0;
}
.dialog::part(panel) {
  border-radius: var(--op-radius-large);
  border: var(--op-border-width) solid var(--op-color-neutral-plus-four);
  overflow: hidden;
}
.dialog::part(header), .dialog::part(footer) {
  display: none;
}
.dialog::part(body) {
  display: flex;
  flex-direction: column;
}
.dialog.dialog--x-large {
  --width: calc(100vw - var(--op-space-5x-large)*2);
  --height: calc(100vh - var(--op-space-5x-large)*2);
}
.dialog.dialog--x-large::part(panel) {
  max-width: var(--width);
  max-height: var(--height);
}
.dialog.dialog--x-large .dialog__header {
  padding: var(--op-space-medium) var(--op-space-2x-large);
  align-items: center;
}
.dialog.dialog--x-large .dialog__header-title {
  font-size: var(--op-font-2x-large);
  font-weight: var(--op-font-weight-semi-bold);
}
.dialog.dialog--x-large .dialog__body {
  padding: 0;
}
.dialog.dialog--x-large .dialog__footer {
  padding: var(--op-space-small) var(--op-space-2x-large);
  align-items: center;
}
.dialog__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  background-color: var(--op-color-neutral-plus-max);
  color: var(--op-color-neutral-on-plus-max-alt);
  padding: var(--op-space-small) var(--op-space-medium);
  border-bottom: var(--op-border-width) solid var(--op-color-neutral-plus-four);
}
.dialog__body {
  background-color: var(--op-color-neutral-plus-eight);
  padding: var(--op-space-x-large);
  flex: 1;
  overflow: auto;
}
.dialog__instructions {
  font-size: var(--op-font-small);
}
.dialog__footer {
  background-color: var(--op-color-neutral-plus-max);
  color: var(--op-color-neutral-on-plus-max);
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding: var(--op-space-small) var(--op-space-medium);
  border-top: var(--op-border-width) solid var(--op-color-neutral-plus-four);
}
.dialog__header-title {
  margin: 0;
  font-size: var(--op-font-medium);
  font-weight: var(--op-font-weight-normal);
}
.dialog__header-title--bold {
  font-size: var(--op-font-large);
  font-weight: var(--op-font-weight-bold);
}
.dialog__header-close {
  cursor: pointer;
}
.dialog__header-close a {
  color: var(--op-color-neutral-on-plus-max-alt);
  text-decoration: none;
}
.dialog--small {
  --width: calc(var(--op-space-scale-unit)*48);
}
.dialog--small .dialog__header-title {
  font-size: var(--op-font-small);
  font-weight: var(--op-font-weight-normal);
}
.dialog__body--small {
  font-size: var(--op-font-small);
  font-weight: var(--op-font-weight-normal);
}
.dialog--large {
  --width: calc(var(--op-space-scale-unit)*84);
}
.dialog--large .dialog__header {
  padding: var(--op-space-x-large) var(--op-space-2x-large);
}
.dialog--large .dialog__header-title {
  font-size: var(--op-font-3x-large);
  font-weight: var(--op-font-weight-normal);
}
.dialog--confirm {
  padding: 0;
  border: var(--op-border-width) solid var(--op-color-neutral-plus-four);
  border-radius: var(--op-radius-large);
  max-width: var(--width);
}
.dialog--confirm .dialog__body {
  text-align: left;
}
.dialog--confirm #confirm--deny-btn:has(> .hide) {
  display: none;
}
.sidebar {
  --_op-sidebar-transition: none;
  --_op-sidebar-background-color: var(--op-color-neutral-plus-max);
  box-shadow: none;
}
.sidebar .flytedesk-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--op-color-primary-minus-two);
  height: var(--op-header-height);
  background-repeat: no-repeat;
  background-image: url(/assets/flytedesk_logo_light-ae95fc14b38ed6813b23a680480d088225126a09212e34e2f47bf2c566748218.svg);
  background-position: center;
}
.sidebar .sidebar__content {
  padding: var(--op-space-x-large) var(--op-space-medium);
  border-right: var(--op-space-4x-small) solid var(--op-color-neutral-plus-five);
}
.sidebar .sidebar__content a.btn {
  height: var(--op-space-7x-large);
}
.sidebar .btn {
  font-size: var(--op-font-small);
  font-weight: var(--op-font-weight-bold);
  letter-spacing: var(--op-letter-spacing-navigation);
}
.sidebar .btn .material-symbols-outlined {
  --__op-icon-font-size: var(--_op-icon-font-size-x-large);
  --__op-icon-optical-size: var(--_op-icon-optical-size-large);
}
.sidebar .btn.btn--active, .sidebar .btn:not(:disabled, .btn--disabled):hover {
  box-shadow: none;
  background-color: var(--op-color-primary-plus-five);
}
.sidebar .btn.btn--active .material-symbols-outlined, .sidebar .btn:not(:disabled, .btn--disabled):hover .material-symbols-outlined {
  color: var(--op-color-primary-on-plus-eight) !important;
}
.sidebar .btn:not(:disabled, .btn--disabled):hover {
  box-shadow: var(--op-border-all) var(--op-color-primary-plus-two);
  background-color: var(--op-color-primary-plus-seven);
}
.sidebar .btn:hover {
  font-weight: var(--op-font-weight-bold);
}
.sidebar:not(.sidebar--responsive).sidebar--drawer {
  --_op-sidebar-drawer-width: calc(var(--op-space-scale-unit)*21.6);
}
.sidebar.sidebar--rail .flytedesk-logo {
  background-image: url(/assets/fd-arrow-76be45c17b2ce0f32e176bc5790902e631b6747d4befb31ab0b6d50f7531c72e.svg);
  background-position: center;
  background-size: var(--op-space-x-large);
}
.sidebar--drawer .sidebar__button--rail {
  display: none;
}
.sidebar--drawer.sidebar:not(.sidebar--responsive) .tooltip {
  display: none;
}
.sidebar__state-button {
  margin-top: auto;
}
.sidebar--rail .sidebar__content a.btn {
  width: var(--op-space-7x-large);
}
.sidebar--rail .sidebar__button.sidebar__button--drawer {
  display: none;
}
.sidebar .icon.sidebar__icon {
  --__op-icon-weight: var(--op-font-weight-normal);
}
.sidebar__button {
  margin-left: auto;
  display: flex;
  width: calc(var(--op-space-x-large)*2);
  height: calc(var(--op-space-x-large)*2);
}
.sidebar__button .material-symbols-outlined.icon--normal {
  --__op-icon-weight: var(--op-font-weight-normal);
  --__op-icon-font-size: var(--_op-icon-font-size-medium);
  --__op-icon-optical-size: var(--_op-icon-optical-size-medium);
}
.spinner-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.switch {
  input {
    /* Switch input is still affecting layout; take it out of the flow */
    position: absolute;
    /* Don't change hover state of switch if disabled */
    &:disabled {
      &:hover + label {
        &::after {
          background-color: var(--op-color-neutral-plus-eight);
        }
      }
    }
  }
}
/* Switch disabled state for both input+label, and for label+input */
.switch:has(input:disabled) + .form-label,
.form-label:has(+ .switch input:disabled) {
  color: var(--op-color-neutral-plus-four);
  cursor: not-allowed;
}
/* Switch used to exclude from search results */
.form-group--switch-exclude {
  /* Color switch label if checked */
  &:has(input:checked) {
    .form-label {
      color: var(--op-color-primary-base);
    }
  }
  /* Exclude switch label is slightly lighter font-weight than input labels */
  .form-label {
    font-weight: var(--op-font-weight-semi-bold);
  }
}
.table {
  --_op-table-cell-padding-default: var(--op-space-small) var(--op-space-medium);
  --_op-table-cell-padding-comfortable: var(--op-space-medium) var(--op-space-medium);
  --_op-table-cell-padding-compact: var(--op-space-x-small) var(--op-space-x-small);
  --op-table-column-width-small: calc(var(--op-space-scale-unit)*8);
  --op-table-column-width-medium: calc(var(--op-space-scale-unit)*23);
  --op-table-column-selection-width: var(--op-space-large);
  --inset-border-right: var(--op-border-left);
  --inset-border-left: var(--op-border-right);
  --inset-border-top: var(--op-border-bottom);
  --inset-border-bottom: var(--op-border-top);
  --_fd-table-font-size: var(--op-font-small);
  box-shadow: none;
}
.scrollable-table-container {
  flex-grow: 1;
  width: 100%;
  overflow-y: auto;
}
.scrollable-table-container.scrollable-table-container--padded .table__contents {
  padding: var(--op-space-medium);
}
.table__table-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.table__current-record-indicator {
  display: flex;
  align-items: center;
  font-size: var(--_fd-table-font-size);
  font-weight: var(--op-font-weight-bold);
  text-transform: lowercase;
}
.table {
  contain: unset;
}
.table thead {
  background-color: var(--op-color-neutral-plus-eight);
}
.table thead:has(th input[type=checkbox]:checked) {
  background-color: var(--op-color-neutral-plus-eight);
}
.table thead .tooltip-icon {
  margin-inline: var(--op-space-2x-small) 0;
}
.table thead th {
  box-shadow: inset var(--inset-border-bottom) var(--op-color-border), inset var(--inset-border-top) var(--op-color-border);
  padding-inline: var(--op-space-large);
  text-transform: capitalize;
  white-space: nowrap;
  font-size: var(--_fd-table-font-size);
  font-weight: var(--op-font-weight-bold);
  color: var(--op-color-neutral-on-plus-eight);
}
.table thead th.text-right .table__flex-header {
  flex-direction: row-reverse;
}
.table thead th.text-right .sort-icon {
  margin-inline: 0 var(--op-space-x-small);
}
.table thead th.text-right .tooltip-icon {
  margin-inline: 0 var(--op-space-2x-small);
}
.table thead th:first-of-type {
  border-top-left-radius: var(--op-radius-large);
  box-shadow: inset var(--inset-border-bottom) var(--op-color-border), inset var(--inset-border-top) var(--op-color-border), inset var(--inset-border-left) var(--op-color-border);
}
.table thead th:last-of-type {
  border-top-right-radius: var(--op-radius-large);
  box-shadow: inset var(--inset-border-bottom) var(--op-color-border), inset var(--inset-border-top) var(--op-color-border), inset var(--inset-border-right) var(--op-color-border);
}
.table thead th:only-child {
  border-radius: var(--op-radius-large) var(--op-radius-large) 0 0;
  box-shadow: inset var(--inset-border-top) var(--op-color-border), inset var(--inset-border-right) var(--op-color-border), inset var(--inset-border-left) var(--op-color-border);
}
.table thead tr:last-child th {
  border-radius: 0;
}
.table thead tr:only-child th:first-of-type {
  border-top-left-radius: var(--op-radius-large);
}
.table thead tr:only-child th:last-of-type {
  border-top-right-radius: var(--op-radius-large);
}
.table thead tr:only-child th:only-child {
  border-radius: var(--op-radius-large) var(--op-radius-large) 0 0;
}
.table tbody {
  background-color: var(--op-color-neutral-plus-max);
  font-weight: var(--op-font-weight-semi-bold);
  box-shadow: inset var(--inset-border-left) var(--op-color-border), inset var(--inset-border-right) var(--op-color-border);
}
.table tbody th {
  text-transform: capitalize;
  white-space: nowrap;
  font-size: var(--_fd-table-font-size);
  font-weight: var(--op-font-weight-bold);
  color: var(--op-color-neutral-on-plus-eight);
  box-shadow: inset var(--inset-border-top) var(--op-color-border);
}
.table tbody .table__group-header {
  background-color: var(--op-color-neutral-plus-six);
}
.table tbody .table__group-header th {
  padding-inline: var(--op-space-large);
  box-shadow: inset var(--inset-border-bottom) var(--op-color-border), inset var(--inset-border-left) var(--op-color-border), inset var(--inset-border-right) var(--op-color-border);
}
.table tbody td {
  font-size: var(--_fd-table-font-size);
  color: var(--op-color-primary-on-plus-seven-alt);
  box-shadow: inset var(--inset-border-bottom) var(--op-color-border);
  padding: 0 var(--op-space-large) 0 var(--op-space-large);
  height: var(--op-table-cell-height);
}
.table tbody td.column--x-small {
  width: var(--op-space-large);
}
.table tbody td.column--no_padding {
  padding: 0;
}
.table tbody:has(tr.noresults):not(:only-of-type) {
  display: none;
}
.table tbody:last-child {
  border-bottom-left-radius: var(--op-radius-large);
  border-bottom-right-radius: var(--op-radius-large);
}
.table tbody:last-child td {
  box-shadow: inset var(--inset-border-bottom) var(--op-color-border);
}
.table tbody:last-child tr:last-of-type td:first-of-type {
  box-shadow: inset var(--inset-border-left) var(--op-color-border), inset var(--inset-border-bottom) var(--op-color-border);
  border-bottom-left-radius: var(--op-radius-large);
}
.table tbody:last-child tr:last-of-type td:last-of-type {
  box-shadow: inset var(--inset-border-right) var(--op-color-border), inset var(--inset-border-bottom) var(--op-color-border);
  border-bottom-right-radius: var(--op-radius-large);
}
.table tfoot th {
  text-transform: capitalize;
  white-space: nowrap;
  font-size: var(--_fd-table-font-size);
  font-weight: var(--op-font-weight-bold);
  color: var(--op-color-neutral-on-plus-eight);
}
.table .table__column--small {
  width: var(--op-table-column-width-small);
}
.table .table__column--small .tooltip-header {
  justify-content: end;
}
.table .table__column--medium {
  width: var(--op-table-column-width-medium);
}
.table .table__column--indicator {
  padding: 0 var(--op-space-small) !important;
  width: var(--op-space-medium);
}
.table .table__column--selection {
  width: var(--op-table-column-selection-width);
}
.table.table--sticky-header thead {
  position: sticky;
  top: 0;
  z-index: 1;
}
.table.table--sticky-footer tfoot {
  position: sticky;
  bottom: 0;
  z-index: 1;
}
.table .table__footer_contents {
  display: flex;
  justify-content: flex-end;
  align-content: center;
  gap: var(--op-space-medium);
}
.table:has(tfoot) tbody:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.table:has(tfoot) tr:last-of-type td:first-of-type {
  border-bottom-left-radius: 0;
}
.table:has(tfoot) tr:last-of-type td:last-of-type {
  border-bottom-right-radius: 0;
}
.table tr:first-of-type td:last-of-type.noresults {
  box-shadow: inset var(--inset-border-right) var(--op-color-border), inset var(--inset-border-left) var(--op-color-border);
  padding: calc(var(--op-space-2x-large)*3) var(--op-space-2x-large);
}
.table--has-hover tr:hover td {
  background-color: var(--op-color-primary-plus-eight);
  color: var(--op-color-primary-on-plus-eight);
}
tr.active td {
  background-color: var(--op-color-primary-plus-seven);
  color: var(--op-color-primary-on-plus-seven-alt);
}
tr:has(input#row_selector[type=checkbox]:checked) td {
  background-color: var(--op-color-primary-plus-seven);
  color: var(--op-color-primary-on-plus-seven-alt);
}
tr.active:hover td {
  background-color: var(--op-color-primary-plus-six);
  color: var(--op-color-primary-on-plus-six);
}
.table-container tr:not(:last-child),
.table-danger tr:not(:last-child),
.table-primary tr:not(:last-child),
.table tr:not(:last-child) {
  box-shadow: none;
}
.table-container tfoot,
.table-danger tfoot,
.table-primary tfoot,
.table tfoot {
  background-color: var(--op-color-neutral-plus-eight);
}
.table-container tfoot th,
.table-danger tfoot th,
.table-primary tfoot th,
.table tfoot th {
  border-bottom-left-radius: var(--op-radius-large);
  border-bottom-right-radius: var(--op-radius-large);
  box-shadow: inset var(--inset-border-bottom) var(--op-color-border), inset var(--inset-border-left) var(--op-color-border), inset var(--inset-border-right) var(--op-color-border);
}
.table__input-field--numeric {
  font-size: var(--op-font-x-small);
  font-weight: var(--op-font-weight-normal);
}
.table__data--single-line,
.table__data--1st-line {
  padding-top: var(--op-space-x-small);
}
.table__data--truncate-text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-width: 250px;
  overflow: hidden;
}
.table__data--single-line {
  padding-top: initial;
}
.table__data--2nd-line {
  font-size: var(--op-font-x-small);
  font-weight: var(--op-font-weight-normal);
  color: var(--op-color-neutral-minus-two);
  padding-bottom: var(--op-space-x-small);
}
.table__action-dropdown-trigger {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: var(--op-space-2x-small);
  min-width: 36px;
}
.table__record-link {
  color: var(--op-color-primary-base);
  padding: unset;
  text-align: left;
}
td a {
  text-decoration: none;
}
.table__row--empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.table__row--disabled td {
  opacity: var(--op-opacity-disabled);
  pointer-events: none;
}
.table__flex-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  text-decoration: none;
  color: var(--op-color-neutral-on-plus-eight);
}
.table__flex-header .sort-icon {
  visibility: hidden;
  margin-inline: var(--op-space-x-small) 0;
}
.table__flex-header--sortable:hover {
  color: var(--op-color-primary-original);
}
.table__flex-header--sortable:hover .tooltip-icon {
  cursor: pointer;
}
.table__flex-header--sortable.sortable-header--asc .sort-icon, .table__flex-header--sortable.sortable-header--desc .sort-icon, .table__flex-header--sortable:hover .sort-icon {
  visibility: visible;
}
.text-pair {
  --_op-text-pair-font-size-small: var(--op-font-x-small);
  --_op-text-pair-font-size-medium: var(--op-font-small);
  gap: 0px;
  .text-pair__subtitle {
    color: var(--op-color-neutral-on-plus-max);
  }
}
.avatar {
  --_op-avatar-size-small: var(--op-space-x-large);
  --_op-avatar-size-medium: calc(var(--op-space-scale-unit)*8);
  --_op-avatar-size-large: calc(var(--op-space-scale-unit)*15);
  border: 1px solid var(--op-color-neutral-plus-four);
}
.avatar--small {
  border: 2px solid var(--op-color-neutral-plus-max);
  box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.5) inset;
}
.card-list-item-group {
  display: flex;
  flex-direction: column;
  gap: var(--op-space-medium);
  container-type: inline-size;
  container-name: listCardContainer;
}
.card-list-item-group__empty-list {
  background-color: var(--op-color-neutral-plus-five);
  color: var(--op-color-neutral-on-plus-five);
  padding: var(--op-space-2x-large);
  border-radius: var(--op-radius-large);
  text-align: center;
}
.card-list-item {
  contain: initial;
  transition: var(--op-transition-input);
  border-radius: var(--op-radius-large);
  box-shadow: 0 0 0 var(--op-border-width) var(--op-color-neutral-plus-four);
  background-color: var(--op-color-primary-plus-max);
}
.card-list-item .card-list-item__more-menu {
  text-align: right;
}
.card-list-item .card-list-item__more-menu sl-dropdown::part(trigger) {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: var(--op-space-2x-small);
  min-width: 36px;
  opacity: var(--op-opacity-none);
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.card-list-item:hover {
  box-shadow: 0 0 0 var(--op-border-width-large) var(--op-color-primary-base), var(--op-shadow-medium);
}
.card-list-item:hover .card-list-item__more-menu sl-dropdown::part(trigger) {
  opacity: var(--op-opacity-full);
  pointer-events: initial;
  -webkit-user-select: initial;
     -moz-user-select: initial;
          user-select: initial;
}
.card-list-item .card__body, .card-list-item .ad-review-card__body, .card-list-item .ad-review-card__body--gap-small {
  --_card-column-width--large: calc(var(--op-space-scale-unit)*13);
  --_card-column-width--medium: calc(var(--op-space-scale-unit)*12);
  --_card-column-width--small: calc(var(--op-space-scale-unit)*8);
  --_card-column-width--x-small: calc(var(--op-space-scale-unit)*4);
  --_card-column-width--2x-small: var(--op-space-scale-unit);
  display: grid;
  gap: var(--op-space-3x-large);
  border-radius: var(--op-radius-large);
  align-items: center;
  background-color: var(--op-color-neutral-plus-max);
  color: var(--op-color-neutral-on-plus-max-alt);
}
.card-list-item .card__body:not(:last-child), .card-list-item .ad-review-card__body:not(:last-child), .card-list-item .ad-review-card__body--gap-small:not(:last-child) {
  border-radius: var(--op-radius-large) var(--op-radius-large) 0 0;
}
.card-list-item .card__body .button_to, .card-list-item .ad-review-card__body .button_to, .card-list-item .ad-review-card__body--gap-small .button_to {
  display: grid;
}
.card-list-item .card__body .button_to button, .card-list-item .ad-review-card__body .button_to button, .card-list-item .ad-review-card__body--gap-small .button_to button {
  display: flex;
  gap: var(--op-space-x-small);
}
.card-list-item .card__body .hidden-column, .card-list-item .ad-review-card__body .hidden-column, .card-list-item .ad-review-card__body--gap-small .hidden-column {
  opacity: 0;
  pointer-events: none;
}
sl-drawer {
  --size: calc(var(--op-space-scale-unit)*71.2);
  --header-spacing: var(--op-space-x-large);
  --body-spacing: var(--op-space-x-large);
}
#drawer {
  transform: translateX(calc(var(--op-space-scale-unit)*-100));
  transition: 4s;
}
#drawer .drawer_header {
  font-size: var(--op-font-2x-large);
  font-weight: var(--op-font-weight-bold);
  margin: 0;
}
#drawer::part(header) {
  border-bottom: 1px solid var(--op-color-neutral-plus-four);
}
#drawer::part(header-actions) {
  align-self: auto;
  padding: var(--header-spacing);
  padding-left: 0;
}
#drawer::part(close-button) {
  display: none;
}
#drawer::part(body) {
  background-color: var(--op-color-neutral-plus-eight);
}
#drawer::part(panel) {
  overflow-y: hidden;
}
#drawer::part(footer) {
  border-top: 1px solid var(--op-color-neutral-plus-four);
}
sl-dropdown::part(trigger) {
  display: flex;
  cursor: pointer;
}
sl-dropdown[disabled=true], sl-dropdown[disabled] {
  pointer-events: none;
}
sl-dropdown[disabled=true] button, sl-dropdown[disabled] button {
  opacity: var(--op-opacity-disabled);
}
sl-dropdown .dropdown__items-container {
  z-index: var(--op-z-index-dropdown);
  min-width: calc(var(--op-space-scale-unit)*20);
  background-color: var(--op-color-neutral-plus-max);
  border-radius: var(--op-radius-large);
}
sl-dropdown .dropdown__items-container::part(panel) {
  display: flex;
}
sl-dropdown .dropdown__items-container.hidden {
  visibility: hidden;
}
sl-dropdown .dropdown__items-container .dropdown__item::part(base) {
  flex-grow: 1;
  background-color: unset;
}
sl-dropdown .dropdown__items-container .dropdown__item:has(.btn--disabled) {
  pointer-events: none;
  cursor: not-allowed;
}
sl-dropdown .dropdown__items-container .dropdown__item::part(label) {
  overflow: unset;
}
sl-dropdown .dropdown__items-container .dropdown__item .btn {
  --fd-radius-dropdown: 6px;
  text-align: start;
  width: 100%;
  justify-content: left;
  border-radius: var(--fd-radius-dropdown);
}
sl-dropdown .dropdown__items-container .dropdown__item .btn:has(.icon) {
  display: flex;
  justify-content: space-between !important;
}
.divider {
  --_op-divider-padding-x-large: var(--op-space-x-large);
}
.divider.divider--spacing-x-large {
  --__op-divider-padding: var(--_op-divider-padding-x-large);
}
.vertical-line {
  border-left: 1px solid var(--op-color-neutral-plus-four);
  margin: 0 var(--op-space-x-small);
  width: var(--op-space-3x-small);
}
.flatpickr-innerContainer .flatpickr-day {
  color: var(--op-color-on-background);
}
.flatpickr-innerContainer .flatpickr-day:hover {
  background-color: var(--op-color-neutral-plus-four);
  color: var(--op-color-neutral-on-plus-four);
  border-color: var(--op-color-neutral-plus-four);
}
.flatpickr-innerContainer .flatpickr-day.selected {
  background-color: var(--op-color-primary-base);
  color: var(--op-color-primary-on-base);
  border-color: var(--op-color-primary-base);
}
.flatpickr-innerContainer .flatpickr-day.selected:hover {
  background-color: var(--op-color-primary-plus-one);
  color: var(--op-color-primary-on-plus-one);
  border-color: var(--op-color-primary-plus-one);
}
.flatpickr-innerContainer .flatpickr-disabled, .flatpickr-innerContainer .notAllowed {
  color: var(--op-color-neutral-plus-four);
}
.flatpickr-innerContainer .flatpickr-disabled:hover, .flatpickr-innerContainer .notAllowed:hover {
  background-color: unset;
  border-color: transparent;
  color: var(--op-color-neutral-on-plus-four);
}
.flatpickr-innerContainer .flatpickr-disabled.inRange, .flatpickr-innerContainer .inRange.notAllowed {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
}
.flatpickr-innerContainer .flatpickr-disabled.startRange:hover, .flatpickr-innerContainer .startRange.notAllowed:hover {
  background-color: var(--op-color-primary-base);
  border-color: var(--op-color-primary-base);
  color: var(--op-color-primary-on-base);
}
.flatpickr-innerContainer .flatpickr-disabled + .startRange, .flatpickr-innerContainer .notAllowed + .startRange {
  background-color: var(--op-color-primary-base);
  color: var(--op-color-primary-on-base);
}
.app__header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background-color: var(--op-color-primary-base);
  color: var(--op-color-primary-on-base);
  height: var(--op-header-height);
  padding: 0 var(--op-space-4x-large);
  position: initial;
  z-index: initial;
}
.app-with-sidebar:not(:has(.sidebar)) .app__header {
  padding: 0 var(--op-space-4x-large) 0 0;
}
.app-with-sidebar:not(:has(.sidebar)) .app__header .flytedesk-logo {
  background-color: var(--op-color-primary-minus-two);
  height: var(--op-header-height);
  width: calc(var(--op-size-unit)*22);
  background-repeat: no-repeat;
  background-image: url(/assets/fd-arrow-76be45c17b2ce0f32e176bc5790902e631b6747d4befb31ab0b6d50f7531c72e.svg);
  background-position: center;
  background-size: var(--op-space-x-large);
  justify-self: flex-start;
}
.app__header_icon-group {
  display: flex;
  align-items: center;
  gap: var(--op-space-x-small);
}
.app__header_icon-button {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--op-radius-circle);
  height: var(--op-space-5x-large);
  width: var(--op-space-5x-large);
  text-decoration: none;
}
.app__header_icon-button:hover {
  background-color: var(--op-color-primary-minus-one);
  color: var(--op-color-primary-on-minus-one);
}
.app__header_icon-button:focus-visible {
  outline: none;
  box-shadow: var(--fd-focus-style);
  background-color: var(--op-color-primary-minus-two);
  color: var(--op-color-primary-on-minus-two);
}
.app__header_icon {
  color: var(--op-color-primary-plus-four);
}
.app__header_image {
  border-radius: 50%;
}
.form-control[aria-busy=true], .ts-wrapper [aria-busy=true].ts-control {
  background: url(/assets/busy-1a83c33a18d1dea18d0f97ea220bf86da64668ec8dd9bbcd8011334009c73e13.gif) no-repeat right center;
}
.form-control.form-control--numeric[aria-busy=true], .ts-wrapper .form-control--numeric[aria-busy=true].ts-control {
  background: url(/assets/busy-1a83c33a18d1dea18d0f97ea220bf86da64668ec8dd9bbcd8011334009c73e13.gif) no-repeat left center;
}
.form-control--numeric.form-control__icon {
  float: left;
  margin-left: var(--op-space-scale-unit);
  margin-top: calc(var(--op-space-scale-unit)*-4.5);
  position: relative;
  overflow: visible;
}
.form-control__icon.form-control__icon--error {
  color: var(--op-color-alerts-danger-plus-one);
}
.form-control__icon.form-control__icon--warning {
  color: var(--op-color-alerts-warning-plus-one);
}
.live-input__display-error {
  padding-top: var(--op-space-2x-small);
}
.new-activity-indicator {
  background-color: var(--op-color-primary-minus-one);
  padding: var(--op-space-x-small) var(--op-space-small);
  box-shadow: 0 4px 5px -1px grey;
  display: flex;
  align-items: center;
  gap: var(--op-space-small);
}
.new-activity-indicator a {
  display: flex;
  align-items: center;
  justify-content: stretch;
  color: var(--op-color-primary-on-minus-one-alt);
  text-decoration: none;
}
.pagination-control {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.pagination-control .pagination-control__progress {
  color: var(--op-color-neutral-on-plus-max-alt);
  text-align: center;
  text-wrap: nowrap;
  font-family: var(--op-font-family);
  font-size: var(--op-font-small);
  font-weight: var(--op-font-weight-semi-bold);
  line-height: normal;
}
.pagination-control .pagination-control__previous,
.pagination-control .pagination-control__first,
.pagination-control .pagination-control__next,
.pagination-control .pagination-control__last {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: var(--op-color-neutral-on-plus-eight);
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.pagination-control .pagination-control__previous:not(.disabled):hover,
.pagination-control .pagination-control__first:not(.disabled):hover,
.pagination-control .pagination-control__next:not(.disabled):hover,
.pagination-control .pagination-control__last:not(.disabled):hover {
  color: var(--op-color-primary-base);
}
.pagination-control--disabled, .pagination-control .pagination-control__previous.disabled,
.pagination-control .pagination-control__first.disabled,
.pagination-control .pagination-control__next.disabled,
.pagination-control .pagination-control__last.disabled {
  opacity: 0.4;
  pointer-events: none;
}
.paginated-container {
  display: flex;
  flex-direction: column;
}
.paginated-container .paginated-container__content {
  flex: 1;
  overflow-y: auto;
}
.paginated-container .paginated-container__footer {
  background: var(--op-color-neutral-plus-eight);
  padding: var(--op-space-medium);
  border-top: 1px solid var(--op-color-neutral-plus-five);
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-content: center;
  gap: var(--op-space-medium);
  color: var(--op-color-neutral-on-plus-eight-alt);
}
.paginated-container .paginated-container__footer .pagination-control__previous,
.paginated-container .paginated-container__footer .pagination-control__first,
.paginated-container .paginated-container__footer .pagination-control__next,
.paginated-container .paginated-container__footer .pagination-control__last {
  font-size: var(--op-font-small);
  font-weight: var(--op-font-weight-semi-bold);
  color: var(--op-color-neutral-on-plus-eight-alt);
}
.paginated-container__empty-list {
  background-color: var(--op-color-neutral-plus-five);
  color: var(--op-color-neutral-on-plus-five);
  padding: var(--op-space-2x-large);
  border-radius: var(--op-radius-large);
  text-align: center;
  margin: var(--op-space-x-large);
  height: unset;
}
.popover {
  position: absolute;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: var(--op-radius-large);
  border: 1px solid var(--op-color-neutral-plus-four);
  background: var(--op-color-neutral-plus-eight);
  box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.25);
  padding: var(--op-space-small);
  width: calc(var(--op-space-scale-unit)*22.4);
  z-index: 1000;
}
.popover__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--op-space-medium);
  padding: 0 var(--op-space-small) var(--op-space-small) var(--op-space-small);
}
.popover__header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  align-self: stretch;
  gap: 10px;
}
.progress-bar__message {
  font-size: var(--op-font-small);
  margin-top: var(--op-space-small);
}
.progress-bar__label {
  font-size: var(--op-font-small);
}
.search-input__input-wrapper {
  --search-input-bg-color: var(--op-color-neutral-plus-eight);
  padding: var(--op-space-x-small) var(--op-space-small);
  background: var(--search-input-bg-color);
  box-shadow: var(--op-inset-shadow-input), inset var(--op-border-all) var(--op-color-neutral-plus-four);
  border-radius: var(--op-space-x-small);
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.search-input__input-wrapper .material-symbols-outlined, .search-input__input-wrapper .material-symbols {
  color: var(--op-color-neutral-plus-one);
  margin-right: var(--op-space-2x-small);
  padding: 1px;
}
.search-input__input-wrapper:focus-within {
  outline: none;
  box-shadow: 0px 0px 0px var(--op-border-width-x-large) var(--op-color-primary-plus-four), var(--fd-focus-style);
}
.search-input__input-wrapper:focus-within:hover:not(:disabled) {
  box-shadow: 0px 0px 0px var(--op-border-width-x-large) var(--op-color-primary-plus-four), var(--fd-focus-style);
}
.search-input__input-wrapper:hover:not(:disabled) {
  background-color: var(--op-color-primary-plus-eight);
  color: var(--op-color-primary-on-plus-eight);
  box-shadow: var(--op-border-all) var(--op-color-primary-plus-two), var(--op-border-input);
}
.search-input__input-wrapper input {
  border-style: hidden;
  outline: none;
  background: var(--search-input-bg-color);
  font-size: var(--op-font-small);
  font-weight: var(--op-font-weight-semi-bold);
  color: var(--op-color-neutral-on-plus-eight);
  width: 90%;
}
.search-input__input-wrapper input[aria-busy=true] {
  background: url(/assets/busy-1a83c33a18d1dea18d0f97ea220bf86da64668ec8dd9bbcd8011334009c73e13.gif) no-repeat right center;
}
.search-input__input-wrapper input:-moz-placeholder + .search-input__clear-button {
  display: none;
}
.search-input__input-wrapper input:placeholder-shown + .search-input__clear-button {
  display: none;
}
.search-input__input-wrapper .search-input__clear-button {
  display: contents;
}
.search-input__input-wrapper .search-input__clear-button .material-symbols-outlined, .search-input__input-wrapper .search-input__clear-button .material-symbols {
  color: var(--op-color-neutral-on-plus-three);
}
.sl-search-input {
  --search-input-bg-color: var(--op-color-neutral-plus-eight);
  max-width: calc(var(--op-space-scale-unit)*50);
  width: 100%;
}
.sl-search-input::part(base) {
  background: var(--search-input-bg-color);
  border-radius: var(--op-space-x-small);
}
.sl-search-input::part(input) {
  font-size: var(--op-font-small);
  font-weight: var(--op-font-weight-semi-bold);
  color: var(--op-color-primary-on-plus-eight);
}
.sl-search-input::part(input)[aria-busy=true] {
  background: url(/assets/busy-1a83c33a18d1dea18d0f97ea220bf86da64668ec8dd9bbcd8011334009c73e13.gif) no-repeat right center;
}
.sl-search-input::part(input)::-moz-placeholder {
  color: hsl(from var(--op-color-neutral-on-plus-eight-alt) h s l/0.44);
}
.sl-search-input::part(input)::placeholder {
  color: hsl(from var(--op-color-neutral-on-plus-eight-alt) h s l/0.44);
}
.sort-component {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--op-space-x-small);
  margin-left: var(--op-space-2x-small);
}
.sort-component label {
  font-size: var(--op-font-small);
  font-weight: var(--op-font-weight-semi-bold);
}
.sort-component input:checked ~ label {
  display: none;
}
.sort-component input[type=radio] {
  display: none;
}
.single_filter_select {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--op-space-x-small);
  margin-left: var(--op-space-2x-small);
}
.single_filter_select label {
  font-size: var(--op-font-small);
  font-weight: var(--op-font-weight-semi-bold);
}
.page__subheader {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-size: var(--op-font-3x-large);
  font-weight: var(--op-font-weight-bold);
  background-color: var(--op-color-neutral-plus-max);
  color: var(--op-color-neutral-on-plus-max-alt);
  border-bottom: 1px solid var(--op-color-neutral-plus-five);
}
.page__subheader--multiple-segments {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
}
.page__subheader--multiple-segments .page__subheader--segment {
  display: flex;
  width: 100%;
  border-bottom: 1px solid var(--op-color-neutral-plus-five);
}
.page__subheader--default-padding {
  padding: var(--op-space-medium) var(--op-space-x-large);
}
.page__subheader--segment {
  display: flex;
  width: 100%;
}
.page__subheader:empty {
  min-height: unset;
  padding: unset;
}
.subheader__title_line {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: var(--op-space-medium);
  min-width: 0;
}
.subheader__back-and-title--container {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  font-size: var(--op-font-3x-large);
}
.subheader__back-and-title--container h2 {
  margin: 0;
}
.subheader__back-link {
  display: flex;
  flex-direction: row;
  font-size: var(--op-font-x-small);
  font-weight: var(--op-font-weight-normal);
}
.subheader__back-link a {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.subheader__title {
  display: flex;
  gap: var(--op-space-medium);
  align-items: center;
}
.subheader__title.subheader__title--with-back-link {
  padding-left: var(--op-space-x-small);
}
.subheader__title.subheader__title--padded-right {
  padding-right: var(--op-space-3x-large);
}
.subheader__title-text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.subheader__run-dates {
  display: flex;
  gap: var(--op-space-2x-small);
  align-items: center;
  white-space: nowrap;
  font-size: var(--op-font-small);
  font-weight: var(--op-font-weight-normal);
}
.subheader__breadcrumbs {
  gap: var(--op-space-x-small);
  align-items: center;
}
.subheader__toolbar, .subheader__toolbar--wide {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: var(--op-space-medium);
  background-color: var(--op-color-neutral-plus-max);
}
.subheader__toolbar--wide {
  padding-inline: var(--op-space-medium);
}
.toolbar__actions, .subheader-toolbar__actions {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding: 0;
  gap: var(--op-space-medium);
  margin-left: auto;
}
.toolbar__actions:has(.disabled), .subheader-toolbar__actions:has(.disabled) {
  cursor: not-allowed;
}
.toolbar__actions .disabled, .subheader-toolbar__actions .disabled {
  pointer-events: none;
  opacity: var(--op-opacity-disabled);
}
.subheader-toolbar__actions {
  align-self: flex-end;
  display: flex;
  gap: var(--op-space-medium);
}
sl-tab-group.full-height::part(base) {
  height: 100%;
}
sl-tab-group::part(nav) {
  flex-shrink: 0;
  display: grid;
  width: 200px;
  background-color: var(--op-color-neutral-plus-max);
  padding: var(--op-space-large);
}
sl-tab-group::part(active-tab-indicator) {
  display: none;
}
sl-tab-group::part(tabs) {
  border: unset;
  gap: var(--op-space-x-small);
  height: 100%;
}
sl-tab-group sl-tab-panel {
  height: 100%;
}
sl-tab-group sl-tab-panel::part(base) {
  padding: unset;
  height: 100%;
}
sl-tab-group sl-tab::part(base) {
  color: var(--op-color-primary-on-plus-five-alt);
  font-family: var(--op-font-family);
  font-size: var(--op-font-small);
  font-weight: var(--op-font-weight-bold);
  line-height: var(--op-line-height-base);
  gap: var(--op-space-x-small);
  padding: var(--op-space-x-small);
  width: 100%;
}
sl-tab-group sl-tab::part(base):hover {
  color: var(--op-color-primary-on-plus-eight);
}
sl-tab-group sl-tab::part(base).tab.tab--active {
  color: var(--op-color-primary-on-plus-eight);
}
sl-tab-group sl-tab[active] {
  border-radius: var(--op-radius-large);
  background: var(--op-color-primary-plus-five);
}
sl-tab-group .tab-title[aria-selected=false]:hover {
  background-color: var(--op-color-primary-plus-eight);
  box-shadow: var(--op-border-all) var(--op-color-primary-plus-three), var(--op-shadow-x-small);
  color: var(--op-color-primary-on-plus-eight);
  border-radius: var(--op-radius-large);
  box-shadow: var(--op-border-all) var(--op-color-primary-plus-two);
}
.no-input .ts-control .item + input {
  display: none !important;
}
.ts-control:has(.tooltip-container) {
  overflow: unset;
}
.ts-wrapper {
  grid-column: 1/3;
}
.ts-wrapper.multi .ts-control, .ts-wrapper.multi.input-active .ts-control {
  background-image: none !important;
  max-height: calc(var(--op-space-scale-unit)*28.8);
  overflow-y: auto;
}
.ts-wrapper.multi .ts-control div, .ts-wrapper.multi.input-active .ts-control div {
  background-color: var(--op-color-primary-minus-one);
  color: var(--op-color-primary-on-minus-one-alt);
}
.ts-wrapper.single .ts-control, .ts-wrapper.single.input-active .ts-control {
  background-image: var(--op-form-dropdown-arrow) !important;
}
.ts-wrapper.single .ts-control, .ts-wrapper.multi .ts-control, .ts-wrapper.single.input-active .ts-control, .ts-wrapper.multi.input-active .ts-control {
  background-size: var(--op-space-large);
  box-shadow: var(--op-inset-shadow-input), inset 0px 0px 0px var(--op-border-width) var(--op-color-neutral-plus-four);
}
.ts-wrapper .ts-control {
  flex-wrap: nowrap;
  line-height: var(--op-line-height-densest);
  padding-right: var(--op-space-7x-large) !important;
  background-image: var(--op-form-dropdown-arrow);
}
.ts-wrapper .ts-control div.clear-button {
  font-size: var(--op-font-medium);
  color: var(--op-color-neutral-on-plus-eight);
  opacity: 1;
  right: var(--op-space-medium);
  padding: unset;
  top: var(--op-space-small);
  transform: unset;
  display: none;
}
.ts-wrapper .ts-control div.item ~ .clear-button {
  display: unset;
}
.ts-wrapper .ts-control input {
  font-size: var(--op-font-small);
}
.ts-wrapper .ts-control input::-moz-placeholder {
  color: hsl(from var(--op-color-neutral-on-plus-eight-alt) h s l/0.44);
  font-weight: var(--op-font-weight-semi-bold);
}
.ts-wrapper .ts-control input::placeholder {
  color: hsl(from var(--op-color-neutral-on-plus-eight-alt) h s l/0.44);
  font-weight: var(--op-font-weight-semi-bold);
}
.ts-wrapper.input-hidden .ts-control > input {
  position: inherit;
}
.ts-wrapper.single .ts-control, .ts-wrapper.multi .ts-control, .ts-wrapper.single.has-items .ts-control, .ts-wrapper.multi.has-items .ts-control {
  display: flex;
  align-items: center;
  padding: var(--op-space-x-small) var(--op-space-small);
  min-height: unset;
}
.ts-wrapper.multi.has-items .ts-control > input {
  margin: unset !important;
}
.ts-wrapper.multi .ts-control {
  display: flex;
  flex-wrap: wrap;
  gap: var(--op-space-2x-small);
  min-height: var(--op-input-height-large);
  height: auto;
}
.ts-wrapper.multi .ts-control .item {
  display: flex;
  gap: var(--op-space-small);
  margin: 0;
  padding: var(--op-space-2x-small) var(--op-space-x-small);
  border-radius: var(--op-radius-pill);
  font-size: var(--op-font-x-small);
  font-weight: var(--op-font-weight-normal);
  line-height: var(--op-line-height-dense);
  max-width: 25ch;
}
.ts-wrapper.multi .ts-control .item .remove {
  border: none;
  padding: 0;
  margin: 0;
  width: var(--op-space-medium);
}
.ts-wrapper.multi .ts-control .item .remove:hover:not(:disabled) {
  background: unset;
}
.ts-wrapper.multi .ts-control .option {
  font-size: var(--op-font-small);
  font-weight: var(--op-font-weight-semi-bold);
}
.ts-wrapper.disabled.multi .ts-control .item {
  pointer-events: none;
  background-color: var(--op-color-neutral-plus-four);
  color: var(--op-color-neutral-on-plus-four);
  padding-right: var(--op-space-x-small) !important;
}
.ts-wrapper.disabled.multi .ts-control .item .remove {
  display: none;
}
.ts-wrapper.disabled.multi .ts-control .clear-button {
  display: none;
}
.ts-wrapper.disabled.multi input {
  display: none !important;
}
.ts-wrapper.readonly.multi .ts-control .item {
  pointer-events: none;
  background-color: var(--op-color-neutral-plus-four);
  color: var(--op-color-neutral-on-plus-four);
  padding-right: var(--op-space-x-small) !important;
}
.ts-wrapper.readonly.multi .ts-control .item .remove {
  display: none;
}
.ts-wrapper.readonly.multi .ts-control .clear-button {
  display: none;
}
.ts-wrapper.readonly.multi input {
  display: none !important;
}
.ts-wrapper.dropdown-active .ts-control {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ts-wrapper.dropdown-active .ts-dropdown {
  margin-top: var(--op-space-4x-small);
  border: none;
  box-shadow: var(--op-border-all) var(--op-color-border);
  border-bottom-left-radius: var(--op-radius-large);
  border-bottom-right-radius: var(--op-radius-large);
  contain: paint;
}
.ts-wrapper.dropdown-active .ts-dropdown .option-subtext {
  font-size: var(--op-font-x-small);
  font-weight: var(--op-font-weight-normal);
  color: var(--op-color-neutral-minus-two);
}
.ts-wrapper .optgroup {
  border-bottom: 1px solid var(--op-color-neutral-plus-four);
}
.ts-wrapper .optgroup-header {
  color: var(--op-color-neutral-plus-three);
  font-weight: var(--op-font-weight-bold);
}
.ts-wrapper .optgroup-header .option {
  color: var(--op-color-neutral-on-plus-max);
  font-weight: var(--op-font-weight-semi-bold);
}
.tooltip-text .tooltip-text__text-container {
  height: calc(var(--lines)*1lh);
  display: -webkit-box;
  -webkit-line-clamp: var(--lines);
  -webkit-box-orient: vertical;
  overflow: hidden;
  overflow-wrap: anywhere;
}
.tooltip-text .tooltip[data-show] {
  display: none;
}
.tooltip-text :has(.truncated) + .tooltip[data-show] {
  display: block;
  z-index: var(--op-z-index-tooltip);
}
.tooltip-header, .tooltip-container {
  display: flex;
  align-items: center;
}
.tooltip-icon {
  color: var(--op-color-neutral-plus-three);
  cursor: default;
}
.tooltip--pointer {
  cursor: pointer;
}
.tooltip {
  --op-tooltip-max-width: calc(var(--op-space-scale-unit)*25);
  position: fixed;
  width: -moz-max-content;
  width: max-content;
  top: 0;
  left: 0;
  padding: var(--op-space-medium);
  font-family: var(--op-font-family);
  font-weight: var(--op-font-weight-semi-bold);
  font-size: var(--op-font-x-small);
  background-color: var(--op-color-neutral-minus-five);
  color: var(--op-color-neutral-on-minus-five-alt);
  border-radius: var(--op-radius-large);
  visibility: hidden;
  display: none;
  z-index: var(--op-z-index-tooltip);
  text-transform: none;
  max-width: var(--op-tooltip-max-width);
  overflow-wrap: anywhere;
  white-space: normal;
  text-align: left;
}
.tooltip[data-show] {
  display: block;
  visibility: visible;
  z-index: var(--op-z-index-tooltip);
}
.tooltip-arrow,
.tooltip-arrow::before {
  position: absolute;
  width: var(--op-space-x-small);
  height: var(--op-space-x-small);
  background: inherit;
}
.tooltip-arrow {
  visibility: hidden;
}
.tooltip-arrow::before {
  visibility: visible;
  content: "";
  transform: rotate(45deg);
}
.tooltip[data-tooltip-placement^=top] > .tooltip-arrow {
  bottom: calc(var(--op-space-2x-small)*-1);
}
.tooltip[data-tooltip-placement^=bottom] > .tooltip-arrow {
  top: calc(var(--op-space-2x-small)*-1);
}
.tooltip[data-tooltip-placement^=left] > .tooltip-arrow {
  right: calc(var(--op-space-2x-small)*-1);
}
.tooltip[data-tooltip-placement^=right] > .tooltip-arrow {
  left: calc(var(--op-space-2x-small)*-1);
}
.tooltip--expandable-trigger {
  height: 100%;
  width: 100%;
}
.tooltip--expandable-trigger [data-tooltip-target=trigger] {
  height: 100%;
  width: 100%;
}
.turbo-progress-bar {
  height: var(--op-space-2x-small);
  background-color: var(--op-color-primary-plus-six);
}
.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hidden {
  display: none !important;
}
.block {
  display: block;
}
.full-height {
  height: 100%;
}
.full-width {
  width: 100%;
}
.text-right,
th.text-right,
td.text-right {
  text-align: right;
}
.readonly-pointer {
  cursor: not-allowed;
}
.margin-right {
  margin-right: auto;
}
.hidden-container {
  width: 100%;
  padding: 0;
  margin: 0;
}
.flex-one {
  flex: 1;
}
.contents {
  display: contents;
}
.pad-top-sm {
  padding-top: var(--op-space-small);
}
.pad-right-xl {
  padding-right: var(--op-space-x-large);
}
.text-no-wrap {
  white-space: nowrap;
}
.name_container {
  margin-right: var(--op-space-x-large);
}
.name_container .form-group {
  padding: 0;
  text-overflow: ellipsis;
}
.gap-2xl {
  gap: var(--op-space-2x-large);
}
.gap-3xl {
  gap: var(--op-space-3x-large);
}
.app__content-area:has(.error_page__container) {
  height: 100%;
}
.error_page__container {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: var(--op-color-background);
}
.error_page__image {
  max-width: 80%;
  max-height: 100%;
}
.progress_elements--message {
  display: flex;
  flex-direction: row;
  align-content: center;
  gap: var(--op-space-x-small);
  padding-bottom: var(--op-space-2x-small);
  padding-top: var(--op-space-2x-small);
  font-size: var(--op-font-small);
}
.progress_elements--message a {
  text-decoration: none;
}
.ad-status-badge--eligible {
  background-color: var(--op-color-neutral-plus-eight);
  color: var(--op-color-neutral-on-plus-eight-alt);
  border: var(--op-border-width) solid var(--op-color-neutral-plus-three);
}
.ad-status-badge--bookable {
  background-color: var(--op-color-alerts-warning-plus-one);
  color: var(--op-color-alerts-warning-on-plus-one-alt);
}
.ad-status-badge--unbookable {
  background-color: var(--op-color-alerts-warning-plus-eight);
  color: var(--op-color-alerts-warning-on-plus-eight-alt);
  border: var(--op-border-width) solid var(--op-color-alerts-warning-plus-one);
}
.ad-status-badge--rejected {
  background-color: var(--op-color-neutral-plus-one);
  color: var(--op-color-neutral-on-plus-one);
}
.ad-status-badge--pending {
  background-color: var(--op-color-primary-plus-three);
  color: var(--op-color-primary-on-plus-three-alt);
}
.ad-status-badge--delinquent {
  background-color: var(--op-color-alerts-danger-plus-one);
  color: var(--op-color-alerts-danger-on-plus-one-alt);
}
.ad-status-badge--booked, .ad-status-badge--started, .ad-status-badge--ready {
  background-color: var(--op-color-primary-minus-one);
  color: var(--op-color-primary-on-minus-one-alt);
}
.ad-status-badge--completed {
  background-color: var(--op-color-alerts-notice-minus-two);
  color: var(--op-color-primary-on-minus-one-alt);
}
.ad-status-badge--canceled {
  background-color: var(--op-color-neutral-minus-max);
  color: var(--op-color-neutral-on-minus-max-alt);
}
.filter-sidebar-frame {
  --fd-filter-sidebar-width: 25%;
  background-color: var(--op-color-neutral-plus-max);
  color: var(--op-color-neutral-on-plus-max);
  overflow: auto;
  width: var(--fd-filter-sidebar-width);
}
.filter-sidebar-content {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
}
.filter-sidebar-content .form-control.numeric.integer, .filter-sidebar-content .ts-wrapper .numeric.integer.ts-control, .ts-wrapper .filter-sidebar-content .numeric.integer.ts-control {
  color: var(--op-color-neutral-on-plus-eight);
}
.filter-sidebar-content .filter-sidebar__operator .ts-control,
.filter-sidebar-content .filter-sidebar__boolean .ts-control {
  min-height: var(--__op-input-height);
  background-color: #fff;
}
.filter-sidebar-content .filter-sidebar__operator .ts-control .item,
.filter-sidebar-content .filter-sidebar__boolean .ts-control .item {
  font-weight: var(--op-font-weight-semi-bold);
  font-size: var(--op-font-small);
}
.filter-sidebar-content legend {
  color: var(--op-color-neutral-on-plus-max-alt);
  font-weight: var(--op-font-weight-bold);
  line-height: var(--op-line-height-dense);
  font-size: var(--op-font-x-small);
  padding-inline: unset;
  margin-bottom: calc(var(--op-space-2x-small)*-1);
}
.filter-sidebar-content .integer-filter__value-form-group {
  padding-top: 0;
}
.filter-sidebar-content .integer-filter__operator-form-group {
  padding-bottom: var(--op-space-x-small);
}
.filter-sidebar__header {
  background-color: var(--op-color-neutral-plus-max);
  color: var(--op-color-neutral-on-plus-max);
  padding: var(--op-space-medium) var(--op-space-large);
  box-shadow: inset var(--op-border-top) var(--op-color-neutral-plus-four);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.filter-sidebar__header .filter-sidebar__header-section {
  display: flex;
}
.filter-sidebar__header .filter-sidebar__action {
  color: var(--op-color-primary-original);
  cursor: pointer;
  font-size: var(--op-font-small);
  font-weight: var(--op-font-weight-bold);
  text-decoration: none;
}
.filter-sidebar__body {
  overflow-y: auto;
  height: 100%;
  background-color: var(--op-color-neutral-plus-max);
  color: var(--op-color-neutral-on-plus-max);
}
.filter-group__header {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.filter-group__header .filter-group__header-start {
  display: flex;
  flex-direction: row;
  gap: var(--op-space-small);
}
.filter-group__header .filter-group__header-start .badge.filter-group__filter-counter, .filter-group__header .filter-group__header-start .filter-group__filter-counter.purchase-order__status--ordered, .filter-group__header .filter-group__header-start .filter-group__filter-counter.purchase-order__status--in-progress, .filter-group__header .filter-group__header-start .filter-group__filter-counter.review-status-badge--review_rejected, .filter-group__header .filter-group__header-start .filter-group__filter-counter.review-status-badge--ignored, .filter-group__header .filter-group__header-start .filter-group__filter-counter.review-status-badge--approved, .filter-group__header .filter-group__header-start .filter-group__filter-counter.review-status-badge--change_requested, .filter-group__header .filter-group__header-start .filter-group__filter-counter.review-status-badge--in_review, .filter-group__header .filter-group__header-start .filter-group__filter-counter.review-status-badge--not_ready, .filter-group__header .filter-group__header-start .filter-group__filter-counter.ad-status-badge--eligible, .filter-group__header .filter-group__header-start .filter-group__filter-counter.ad-status-badge--bookable, .filter-group__header .filter-group__header-start .filter-group__filter-counter.ad-status-badge--unbookable, .filter-group__header .filter-group__header-start .filter-group__filter-counter.ad-status-badge--rejected, .filter-group__header .filter-group__header-start .filter-group__filter-counter.ad-status-badge--pending, .filter-group__header .filter-group__header-start .filter-group__filter-counter.ad-status-badge--delinquent, .filter-group__header .filter-group__header-start .filter-group__filter-counter.ad-status-badge--booked, .filter-group__header .filter-group__header-start .filter-group__filter-counter.ad-status-badge--ready, .filter-group__header .filter-group__header-start .filter-group__filter-counter.ad-status-badge--started, .filter-group__header .filter-group__header-start .filter-group__filter-counter.ad-status-badge--completed, .filter-group__header .filter-group__header-start .filter-group__filter-counter.ad-status-badge--canceled {
  background-color: var(--op-color-primary-minus-one);
  color: var(--op-color-primary-on-minus-one);
}
.filter-group__header .filter-group__header-start .badge.filter-group__filter-counter[data-value="0"], .filter-group__header .filter-group__header-start .filter-group__filter-counter[data-value="0"].purchase-order__status--ordered, .filter-group__header .filter-group__header-start .filter-group__filter-counter[data-value="0"].purchase-order__status--in-progress, .filter-group__header .filter-group__header-start .filter-group__filter-counter[data-value="0"].review-status-badge--review_rejected, .filter-group__header .filter-group__header-start .filter-group__filter-counter[data-value="0"].review-status-badge--ignored, .filter-group__header .filter-group__header-start .filter-group__filter-counter[data-value="0"].review-status-badge--approved, .filter-group__header .filter-group__header-start .filter-group__filter-counter[data-value="0"].review-status-badge--change_requested, .filter-group__header .filter-group__header-start .filter-group__filter-counter[data-value="0"].review-status-badge--in_review, .filter-group__header .filter-group__header-start .filter-group__filter-counter[data-value="0"].review-status-badge--not_ready, .filter-group__header .filter-group__header-start .filter-group__filter-counter[data-value="0"].ad-status-badge--eligible, .filter-group__header .filter-group__header-start .filter-group__filter-counter[data-value="0"].ad-status-badge--bookable, .filter-group__header .filter-group__header-start .filter-group__filter-counter[data-value="0"].ad-status-badge--unbookable, .filter-group__header .filter-group__header-start .filter-group__filter-counter[data-value="0"].ad-status-badge--rejected, .filter-group__header .filter-group__header-start .filter-group__filter-counter[data-value="0"].ad-status-badge--pending, .filter-group__header .filter-group__header-start .filter-group__filter-counter[data-value="0"].ad-status-badge--delinquent, .filter-group__header .filter-group__header-start .filter-group__filter-counter[data-value="0"].ad-status-badge--booked, .filter-group__header .filter-group__header-start .filter-group__filter-counter[data-value="0"].ad-status-badge--ready, .filter-group__header .filter-group__header-start .filter-group__filter-counter[data-value="0"].ad-status-badge--started, .filter-group__header .filter-group__header-start .filter-group__filter-counter[data-value="0"].ad-status-badge--completed, .filter-group__header .filter-group__header-start .filter-group__filter-counter[data-value="0"].ad-status-badge--canceled {
  background-color: var(--op-color-neutral-plus-four);
  color: var(--op-color-neutral-on-plus-four-alt);
}
sl-tree-item.filter-sidebar__filter-group ::part(expand-button) {
  display: none;
}
.filter-sidebar__filter-tree {
  --indent-size: 0;
  padding: var(--op-space-medium) var(--op-space-large);
}
.filter-sidebar__filter-tree .filter-sidebar__filter-group {
  padding-bottom: var(--op-space-medium);
}
.filter-sidebar__filter-tree .filter-sidebar__filter-group .form-group {
  flex-grow: 1;
  width: 100%;
}
.filter-sidebar__filter-tree .filter-sidebar__filter-group::part(label) {
  font-size: var(--op-font-small);
  color: var(--op-color-secondary-on-plus-five-alt);
  text-transform: uppercase;
  font-weight: var(--op-font-weight-bold);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.filter-sidebar__filter-tree .filter-sidebar__filter-group:not(:first-of-type)::part(item) {
  box-shadow: inset var(--op-border-bottom) var(--op-color-neutral-plus-four);
  padding-top: var(--op-space-x-small);
}
.filter-sidebar__filter-tree ::part(item--selected), .filter-sidebar__filter-tree ::part(item) {
  background-color: unset;
  border-inline-start: unset;
}
.filter-sidebar__filter-tree ::part(label) {
  font-family: unset;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
}
.filter-sidebar__date-input-label {
  display: flex;
  gap: var(--op-space-3x-small);
}
.review-status-badge--not_ready {
  background-color: var(--op-color-neutral-plus-four);
  color: var(--op-color-neutral-on-plus-four);
}
.review-status-badge--in_review {
  background-color: var(--op-color-neutral-plus-four);
  color: var(--op-color-neutral-on-plus-four);
}
.review-status-badge--change_requested {
  background-color: var(--op-color-alerts-warning-plus-four);
  color: var(--op-color-alerts-warning-on-plus-four);
}
.review-status-badge--approved {
  background-color: var(--op-color-alerts-notice-plus-five);
  color: var(--op-color-alerts-notice-on-plus-five);
}
.review-status-badge--ignored {
  background-color: var(--op-color-alerts-notice-plus-five);
  color: var(--op-color-alerts-notice-on-plus-five);
}
.review-status-badge--review_rejected {
  background-color: var(--op-color-alerts-danger-plus-five);
  color: var(--op-color-alerts-danger-on-plus-five);
}
.review-status-badge_container {
  display: flex;
  align-items: center;
  gap: var(--op-space-2x-small);
}
.review-card {
  display: flex;
  flex-direction: column;
  margin-top: var(--op-space-medium);
  padding: var(--op-space-small);
  align-items: flex-start;
  gap: var(--op-space-x-small);
  align-self: stretch;
  border-radius: var(--op-radius-large);
  border: 1px solid var(--op-color-neutral-plus-four);
  background: var(--op-color-neutral-plus-seven);
}
.review-card .review-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--op-space-2x-small);
  align-self: stretch;
  font-size: var(--op-font-small);
  font-weight: var(--op-font-weight-bold);
}
.review-card .review-card__header:not(:last-child) {
  border-bottom: 1px solid var(--op-color-neutral-plus-four);
  padding-bottom: var(--op-space-x-small);
}
.review-card .review-card__header .review-card__actions {
  display: flex;
  align-items: center;
}
.review-card .review-card__body {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
.review-card .review-card__body .review-card__details {
  color: var(--op-color-neutral-on-plus-seven-alt);
  font-size: var(--op-font-small);
  font-weight: var(--op-font-weight-normal);
}
.review-card .review-card__body .review-card__details .review-card__details--title {
  font-size: var(--op-font-x-small);
  font-weight: var(--op-font-weight-semi-bold);
}
.ad-table__summary_row {
  background: var(--op-color-neutral-plus-six);
}
.ad-table__summary_row .ad-table__summary_row_header:first-child {
  box-shadow: inset var(--inset-border-bottom) var(--op-color-border), inset var(--inset-border-left) var(--op-color-border);
}
.ad-table__summary_row .ad-table__summary_row_header:last-child {
  box-shadow: inset var(--inset-border-bottom) var(--op-color-border), inset var(--inset-border-right) var(--op-color-border);
}
.ad-table__summary_row .ad-table__summary_row_header {
  text-transform: none;
  box-shadow: inset var(--inset-border-bottom) var(--op-color-border);
}
.ad-table__summary_row:has(+ .ad-table__summary_row--selected) {
  display: none;
}
.ad-table__summary_row--selected {
  background: var(--op-color-primary-base);
}
.ad-table__summary_row--selected .ad-table__summary_row_header {
  color: var(--op-color-primary-on-minus-max-alt);
}
.ad-drawer-header__title_row {
  align-items: flex-start;
}
.ad-drawer-header__title_row .badge--pill, .ad-drawer-header__title_row .purchase-order__status--ordered, .ad-drawer-header__title_row .purchase-order__status--in-progress {
  margin-top: calc(var(--op-space-scale-unit)*0.2);
}
.ad-drawer-header__title_row .icon {
  margin-top: calc(var(--op-space-scale-unit)*0.3);
}
.ad-drawer-header__subtitle-row {
  display: flex;
  align-items: flex-start;
  gap: var(--op-space-x-large);
}
.ad-drawer-header__subtitle-text {
  display: flex;
  align-items: center;
  gap: var(--op-space-x-small);
  padding-top: var(--op-space-x-small);
}
.ad-drawer-header__subtitle-text span {
  margin: unset;
}
.ad-activity-panel__feed {
  overflow: auto;
  height: 100%;
  padding: 0 var(--op-space-x-large);
}
.ad-activity-card__comment-form {
  border-top: 1px solid var(--op-color-neutral-plus-five);
  width: 100%;
  background: var(--op-color-neutral-plus-eight);
}
.ad-activity-card__comment-form .ad-activity-card__comment-form-content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--op-space-small);
  padding: var(--op-space-medium) var(--op-space-x-large) var(--op-space-x-large) var(--op-space-x-large);
}
.ad-activity-card__comment-form .ad-activity-card__comment-form-content:has(.ad-activity-card__comment-warning) {
  padding-top: var(--op-space-small);
}
.ad-activity-card__comment-form .ad-activity-card__comment-form-content .form-group {
  padding: 0;
  width: 100%;
}
.ad-activity-card__comment-form .ad-activity-card__comment-input {
  height: 90px;
  padding: 12px 15px 70px 15px;
}
.ad-activity-card__comment-form .ad-activity-card__submit-button {
  position: absolute;
  right: calc(var(--op-space-scale-unit)*4);
  bottom: var(--op-space-4x-large);
}
.ad-activity-card__comment-form:not([data-dirty=true]) .ad-activity-card__cancel-button {
  opacity: var(--op-opacity-disabled);
  pointer-events: none;
}
.ad-activity-card__comment-form .ad-activity-card__cancel-button {
  position: absolute;
  left: calc(var(--op-space-scale-unit)*4);
  bottom: var(--op-space-4x-large);
}
.ad-activity-card__comment-form .ad-activity-card__comment-warning {
  font-size: var(--op-font-small);
  color: var(--op-color-alerts-danger-on-minus-eight);
  font-weight: var(--op-font-weight-semi-bold);
  display: flex;
  align-items: center;
  gap: var(--op-space-2x-small);
  text-align: center;
}
.ad-activity-card {
  padding: var(--op-space-small) var(--op-space-medium);
  background: var(--op-color-neutral-plus-max);
  border-radius: var(--op-radius-large);
}
.ad-activity-card:last-child {
  margin-bottom: var(--op-space-x-large);
}
.ad-activity-card:hover .ad-activity-card__delete_button .icon {
  visibility: visible;
}
.ad-activity-card + .ad-activity-card {
  margin-top: var(--op-space-small);
}
.ad-activity-card__title {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: var(--op-space-x-small);
  font-size: var(--op-font-small);
  font-weight: var(--op-font-weight-bold);
  align-items: center;
}
.ad-activity-card__label {
  flex-grow: 1;
  display: flex;
  align-items: center;
  gap: var(--op-space-x-small);
}
.ad-activity-card__metadata {
  display: flex;
  align-items: center;
  gap: var(--op-space-x-small);
}
.ad-activity-card__metadata .ad-activity-card__delete_button .icon {
  margin-top: -2px;
  visibility: hidden;
}
.ad-activity-card__attribution {
  display: flex;
  align-items: center;
  gap: var(--op-space-x-small);
}
.ad-activity-card__metadata--flex-end {
  justify-content: flex-end;
}
.ad-activity-card__user-badge {
  padding: var(--op-space-2x-small) var(--op-space-x-small);
  font-size: var(--op-font-2x-small);
  font-weight: var(--op-font-weight-normal);
  gap: var(--op-space-2x-small);
}
.ad-activity-card__user-badge .fd-icon {
  height: 100%;
  width: var(--op-space-x-small);
  font-size: var(--op-font-2x-small);
}
.ad-activity-card__user-badge--current-user {
  background: var(--op-color-primary-minus-one);
  color: var(--op-color-neutral-plus-max);
}
.ad-activity-card__time {
  font-size: var(--op-font-2x-small);
  font-weight: var(--op-font-weight-normal);
  color: var(--op-color-neutral-on-plus-eight);
}
.ad-activity-card__subtitle {
  color: var(--op-color-neutral-on-plus-eight);
  font-size: var(--op-font-x-small);
  font-weight: var(--op-font-weight-normal);
  padding-left: calc(var(--op-space-scale-unit)*2.6);
  padding-top: var(--op-space-2x-small);
}
.ad-activity-card__other-org-comment {
  background: var(--op-color-neutral-plus-seven);
  box-shadow: var(--op-border-all) var(--op-color-neutral-plus-five);
  margin-right: 25%;
}
.ad-activity-card__current-org-comment {
  background: var(--op-color-neutral-plus-seven);
  box-shadow: var(--op-border-all) var(--op-color-neutral-plus-five);
  margin-left: 25%;
}
.ad-activity-card__current-user {
  background: var(--op-color-primary-plus-six);
  box-shadow: var(--op-border-all) var(--op-color-primary-plus-four);
}
.ad-activity-card__content p {
  font-size: var(--op-font-small);
  color: var(--op-color-neutral-on-plus-seven-alt);
  margin: unset;
  padding-bottom: var(--op-space-x-small);
}
.ad-activity-card__content p:last-child {
  padding-bottom: var(--op-space-small);
}
.ad-activity-card__content--change-requested {
  font-size: var(--op-font-small);
  color: var(--op-color-neutral-on-plus-eight);
  padding-left: calc(var(--op-space-scale-unit)*2.6);
  padding-top: var(--op-space-small);
}
.ad-activity-panel__date-separator {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: var(--op-space-large);
}
.ad-activity-panel__date-separator:not(:first-child) {
  margin-top: var(--op-space-large);
}
.ad-activity-panel__date-separator:first-child {
  padding-top: var(--op-space-x-large);
}
.ad-activity-panel__date-separator .ad-activity-panel__date-separator-label {
  font-size: var(--op-font-2x-small);
  font-weight: var(--op-font-weight-semi-bold);
  color: var(--op-color-neutral-on-plus-max);
  flex-grow: 1;
  text-wrap: nowrap;
  padding: 0 var(--op-space-x-small);
}
.ad-activity-panel__new-activity-indicator {
  align-self: center;
  position: relative;
  bottom: var(--op-space-5x-large);
  margin-bottom: calc(var(--op-space-scale-unit)*-3);
}
sl-drawer.resource-details-drawer {
  --body-spacing: 0;
}
#drawer.resource-details-drawer:has([data-dirty=true]) .pagination-control a, #drawer.resource-details-drawer:has([data-dirty=true]) sl-tab, #drawer.resource-details-drawer:has([data-dirty=true]) .dialog__header-close {
  pointer-events: none;
  opacity: var(--op-opacity-disabled);
}
#drawer.resource-details-drawer:has([data-dirty=true]) .resource-details-drawer__save-indicator {
  display: none;
}
.resource-details-drawer__panel {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.resource-details-drawer__panel--padded {
  padding: var(--op-space-x-large);
}
.resource-details-drawer__tab {
  display: flex;
  align-items: center;
  gap: var(--op-space-x-small);
}
.resource-details-drawer__header {
  display: flex;
  flex-direction: column;
  gap: var(--op-space-x-small);
}
.resource-details-drawer__title, .ad-drawer-header__title_row {
  display: flex;
  gap: var(--op-space-small);
  align-items: center;
  font-size: var(--op-font-large);
  font-weight: var(--op-font-weight-bold);
  margin: 0;
}
.resource-details-drawer__subtitle-item--with-icon {
  display: flex;
  align-items: center;
  gap: var(--op-space-x-small);
}
.resource-details-drawer__subtitle {
  display: flex;
  align-items: center;
  font-size: var(--op-font-small);
  font-weight: var(--op-font-weight-normal);
  color: var(--op-color-on-background);
}
.resource-details-drawer__section:not(:last-child) {
  margin-bottom: var(--op-space-x-large);
  padding-bottom: var(--op-space-x-large);
  border-bottom: 1px solid var(--op-color-neutral-plus-four);
}
.resource-details-drawer__section:last-of-type {
  padding-bottom: var(--op-space-x-large);
}
.resource-details-drawer__section-header {
  font-size: var(--op-font-medium);
  font-weight: var(--op-font-weight-bold);
  display: flex;
  align-items: center;
  gap: var(--op-space-scale-unit);
}
.resource-details-drawer__section-header label {
  font-size: var(--op-font-x-small);
  font-weight: var(--op-font-weight-semi-bold);
  cursor: text;
}
.resource-details-drawer__row {
  padding-top: var(--op-space-medium);
}
.resource-details-drawer__row .form-group {
  padding-top: 0;
  padding-bottom: 0;
}
.resource-details-drawer__row .form-control__suffix-text {
  padding-top: calc(var(--op-space-scale-unit)*3.3);
}
.resource-details-drawer__row .form-group--error ~ .form-control__suffix-text {
  padding-top: calc(var(--op-space-scale-unit)*2.9);
}
.resource-details-drawer__field-header {
  font-size: var(--op-font-x-small);
  font-weight: var(--op-font-weight-bold);
  padding-top: var(--op-space-medium);
}
.resource-details-drawer__field {
  display: flex;
  gap: var(--op-space-x-small);
  padding-top: var(--op-space-2x-small);
  font-size: var(--op-font-small);
  font-weight: var(--op-font-weight-normal);
}
.resource-details-drawer__field a {
  text-decoration: none;
}
.resource-details-drawer__section--row {
  display: flex;
  gap: var(--op-space-5x-large);
}
.resource-details-drawer__footer {
  display: flex;
  justify-content: space-between;
}
.resource-details-drawer__footer .resource-details-drawer__cancel-container {
  flex: 1 0 0;
  display: flex;
  justify-content: flex-start;
}
.resource-details-drawer__footer .resource-details-drawer__save-container {
  flex: 1 0 0;
  display: flex;
  justify-content: flex-end;
  gap: var(--op-space-medium);
  align-items: center;
}
.resource-details-drawer__footer .resource-details-drawer__save-indicator {
  color: var(--op-color-alerts-notice-on-plus-seven);
  display: flex;
  gap: var(--op-space-2x-small);
  align-items: center;
  font-size: var(--op-font-x-small);
  font-weight: var(--op-font-weight-semi-bold);
}
.review-progress-indicator--not-applicable {
  opacity: var(--op-opacity-disabled);
}
.review-progress-indicator--not-applicable .text-pair__title {
  text-decoration-line: line-through;
  text-decoration-thickness: 2px;
}
.user_impersonation_toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--op-space-x-small) var(--op-space-small);
  background-color: var(--op-color-alerts-warning-plus-two);
  font-size: var(--op-font-small);
}
.user_impersonation_toolbar button {
  font-weight: var(--op-font-weight-bold);
  font-size: var(--op-font-x-small);
}
.user_impersonation_modal {
  display: flex;
  flex-direction: column;
  min-height: calc(var(--op-space-scale-unit)*25);
  font-size: var(--op-font-small);
}
.rate-card-modal__body {
  font-size: var(--op-font-small);
}
.rate-card-modal__last-updated-text {
  display: flex;
  align-items: center;
  gap: var(--op-space-x-small);
  padding-top: var(--op-space-medium);
  font-weight: var(--op-font-weight-bold);
}
.rate-card-modal__last-updated-text .material-symbols-outlined {
  color: var(--op-color-alerts-info-minus-two);
}
.file.required.form-control.rate-card-upload__input, .ts-wrapper .file.required.rate-card-upload__input.ts-control {
  background-color: var(--op-color-neutral-plus-six);
}
.rate-card-modal__replacement-text {
  font-weight: var(--op-font-weight-normal);
  color: var(--op-color-neutral-on-plus-max);
  padding-top: var(--op-space-x-small);
}
.rate_card_file {
  padding: var(--op-space-medium) 0 0 0;
}
.auth-page, .invitations-page, .passwords-page, .sessions-page {
  background-color: var(--op-color-primary-plus-one);
  background-image: url(/assets/flytedesk_background-0255b8d58b5c1f3de445c5e4eb683849bfae3e4e4fd6949ab933c6fa97f4fc46.svg);
  background-repeat: repeat repeat;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.sessions-page .auth-content {
  background: var(--op-color-neutral-plus-max);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 500px;
  min-height: 470px;
  text-decoration: none;
  border-radius: var(--op-radius-large);
  padding: var(--op-space-3x-large) var(--op-space-3x-large) var(--op-space-6x-large) var(--op-space-3x-large);
}
.sessions-page .auth-content label {
  font-weight: var(--op-font-weight-semi-bold);
}
.sessions-page .auth-content .form-group {
  padding-top: var(--op-space-x-small);
  padding-bottom: var(--op-space-x-small);
}
.sessions-page .auth-content .form-group.user_remember_me {
  padding-bottom: var(--op-space-x-large);
}
.sessions-page .auth-content .title img {
  height: calc(var(--op-space-scale-unit)*7.2);
}
.sessions-page .auth-content form {
  padding: var(--op-space-small) calc(var(--op-space-scale-unit)*3.2);
  width: 100%;
}
.sessions-page .auth-content form .form-actions {
  display: flex;
}
.sessions-page .auth-content form .form-actions input {
  flex-grow: 1;
}
.dialog:has(.account-settings__modal)::part(panel) {
  --height: min(85vh, 77.5rem);
  height: var(--height);
  max-height: var(--height);
}
.dialog:has(.account-settings__modal) .account-settings__modal {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.dialog:has(.account-settings__modal) turbo-frame {
  height: 100%;
  min-height: 100%;
}
.account-settings__body {
  padding-bottom: var(--op-space-x-large);
}
.account-settings__body .form-group {
  padding: 0;
  flex-grow: 1;
}
.account-settings__section {
  display: flex;
  flex-direction: column;
  gap: var(--op-space-medium);
  flex-grow: 1;
}
.account-settings__section--icon {
  gap: var(--op-space-x-small);
  align-items: center;
}
.account-settings__section--icon img {
  display: block;
  width: 150px;
  height: 150px;
  border-radius: 50%;
}
.account-settings_upload-link {
  color: var(--op-color-primary-on-plus-max);
  cursor: pointer;
  font-size: var(--op-font-x-small);
  font-weight: var(--op-font-weight-bold);
}
.passwords-page .auth-content {
  background: var(--op-color-neutral-plus-max);
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  width: 500px;
  min-height: 470px;
  text-decoration: none;
  border-radius: var(--op-radius-large);
  padding: var(--op-space-3x-large) var(--op-space-3x-large) var(--op-space-6x-large) var(--op-space-3x-large);
}
.passwords-page .auth-content label {
  font-weight: var(--op-font-weight-semi-bold);
}
.passwords-page .auth-content .form-group {
  padding-top: var(--op-space-x-small);
  padding-bottom: var(--op-space-x-small);
}
.passwords-page .auth-content .title img {
  height: calc(var(--op-space-scale-unit)*7.2);
}
.passwords-page .auth-content form {
  padding: 0 calc(var(--op-space-scale-unit)*3.2);
  width: 100%;
}
.passwords-page .auth-content form .form-actions {
  display: flex;
}
.passwords-page .auth-content form .form-actions input {
  flex-grow: 1;
}
.invitations-page .auth-content {
  background: var(--op-color-neutral-plus-max);
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  width: 500px;
  min-height: 470px;
  text-decoration: none;
  border-radius: var(--op-radius-large);
  padding: var(--op-space-3x-large) var(--op-space-3x-large) var(--op-space-6x-large) var(--op-space-3x-large);
}
.invitations-page .auth-content label {
  font-weight: var(--op-font-weight-semi-bold);
}
.invitations-page .auth-content .form-group {
  padding-top: var(--op-space-x-small);
  padding-bottom: var(--op-space-x-small);
}
.invitations-page .auth-content .title img {
  height: calc(var(--op-space-scale-unit)*7.2);
}
.invitations-page .auth-content form {
  padding: 0 calc(var(--op-space-scale-unit)*3.2);
  width: 100%;
}
.invitations-page .auth-content form .form-actions {
  display: flex;
}
.invitations-page .auth-content form .form-actions input {
  flex-grow: 1;
}
.card-styleguide:has(.dropdown-card) {
  contain: unset;
}
.card-styleguide > .card__header, .card-styleguide > .ad-review-card__header {
  background-color: var(--op-color-primary-base);
  color: var(--op-color-primary-on-base);
}
.card-styleguide > .card__body, .card-styleguide > .ad-review-card__body, .card-styleguide > .ad-review-card__body--gap-small {
  background-color: var(--op-color-primary-plus-max);
  color: var(--op-color-primary-on-plus-max);
}
.styleguide-swatch {
  width: var(--op-space-large);
  height: var(--op-space-large);
  box-shadow: var(--op-border-all) var(--op-color-border);
}
.dropdown-card {
  display: flex;
  flex-direction: column;
  gap: var(--op-space-small);
  contain: unset;
}
.purchase-order-page__filter-control {
  font-weight: var(--op-font-weight-semi-bold);
  font-size: var(--op-font-small);
  color: var(--rem-color-neutral-on-plus-max);
  display: flex;
}
.purchase-order-page__new-btn {
  font-weight: var(--op-font-weight-semi-bold);
  font-size: var(--op-font-small);
  color: var(--rem-color-neutral-on-plus-max);
  display: flex;
}
.purchase-order__status--in-progress {
  font-weight: var(--op-font-weight-normal);
  background-color: var(--op-color-primary-plus-four);
  color: var(--op-color-primary-on-plus-four);
}
.purchase-order__status--ordered {
  font-weight: var(--op-font-weight-normal);
  background-color: var(--op-color-alerts-notice-plus-five);
  color: var(--op-color-alerts-notice-on-plus-five);
}
.purchase-order-page__search-container {
  flex-grow: 1;
  max-width: calc(var(--op-space-scale-unit)*50);
}
.purchase-order-card__title {
  display: block;
  width: 100%;
  font-weight: var(--op-font-weight-bold);
  font-size: var(--op-font-small);
  color: var(--op-color-neutral-on-plus-max-alt);
  text-decoration: none;
  transition: var(--op-transition-input);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.purchase-order-card-panel {
  flex: 1;
  overflow-y: hidden;
}
.purchase-order-card-panel .paginated-container__content {
  padding: var(--op-space-x-large);
}
.purchase-order-card-panel .purchase-order-card__body {
  grid-template-columns: var(--_card-column-width--2x-small) minmax(0, 1fr) var(--_card-column-width--large) var(--_card-column-width--large) var(--_card-column-width--large) var(--_card-column-width--x-small);
}
.purchase-order-card-panel .purchase-order-card__body:has(+ .health-bar-turbo-frame:empty) {
  border-bottom: unset;
  border-radius: var(--op-radius-large);
}
.purchase-order-card-panel .purchase-order-card__body:hover .purchase-order-card__title {
  color: var(--op-color-primary-base);
}
.purchase-order-card-panel .purchase-order-card__body .card-list-item__date {
  white-space: nowrap;
}
.purchase-order-card-panel .purchase-order-card__body .text-pair__subtitle {
  font-size: var(--op-font-x-small);
  font-weight: var(--op-font-weight-normal);
  color: var(--op-color-neutral-on-plus-max);
}
.purchase-order-card-panel .purchase-order-card__body .text-right.card-list-item__added-value .material-symbols-outlined {
  padding-right: var(--op-space-2x-small);
}
@container listCardContainer (width <= 1024px) {
  .purchase-order-card-panel .purchase-order-card__body {
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "favorite header header header header header more-menu" "calendar calendar added_value added_value . . budget";
    row-gap: var(--op-space-x-small);
    -moz-column-gap: var(--op-space-x-small);
         column-gap: var(--op-space-x-small);
  }
  .purchase-order-card-panel .purchase-order-card__body .card-list-item__favorite {
    grid-area: favorite;
    justify-self: start;
  }
  .purchase-order-card-panel .purchase-order-card__body .card-list-item__label {
    grid-area: header;
  }
  .purchase-order-card-panel .purchase-order-card__body .card-list-item__more-menu {
    grid-area: more-menu;
    justify-self: end;
  }
  .purchase-order-card-panel .purchase-order-card__body .card-list-item__date {
    grid-area: calendar;
  }
  .purchase-order-card-panel .purchase-order-card__body .card-list-item__budget {
    grid-area: budget;
  }
  .purchase-order-card-panel .purchase-order-card__body .card-list-item__added-value {
    grid-area: added_value;
  }
}
.subheader__title.subheader__title--purchase-order {
  padding-right: var(--op-space-x-small);
  justify-content: space-between;
  border-right: var(--op-border-width) solid var(--op-color-neutral-plus-four);
}
.subheader__title.subheader__title--purchase-order .form-group {
  padding: 0;
  text-overflow: ellipsis;
}
.subheader__title-text-container {
  flex-grow: 1;
  min-width: 0;
}
.subheader__title-text.subheader__title-text--purchase-order {
  height: calc(var(--op-space-scale-unit)*4.2);
}
.subheader__title-text.subheader__title-text--purchase-order:hover:not(:disabled) {
  border-radius: var(--op-radius-large);
  background-color: var(--op-color-primary-plus-eight);
  color: var(--op-color-primary-on-plus-eight);
  box-shadow: var(--op-border-all) var(--op-color-primary-plus-two), var(--op-border-input);
  cursor: text;
}
.subheader__title-text.subheader__title-text--purchase-order.subheader__title-text--error {
  box-shadow: var(--op-border-all) var(--op-color-alerts-danger-plus-one), var(--op-border-input);
  border-radius: var(--op-radius-large);
}
.form-control.subheader__title-input, .ts-wrapper .subheader__title-input.ts-control {
  font-size: inherit;
  font-weight: inherit;
  padding: inherit;
  height: inherit;
}
.purchase-order-page__advertiser_select .form-group {
  padding: unset;
}
.purchase-order-page__advertiser_select .form-label {
  font-size: var(--op-font-x-small);
}
.purchase-order-page__advertiser_select .ts-wrapper {
  width: calc(var(--op-space-scale-unit)*30);
}
.purchase-order-page__advertiser_select .ts-wrapper .ts-control {
  min-height: unset;
}
.purchase-order-page__export-button {
  gap: var(--op-space-x-small);
  align-items: center;
}
.line-item-card-panel {
  padding: var(--op-space-x-large);
}
.dialog.dialog--inventory-search::part(panel) {
  width: var(--width);
  height: var(--height);
}
.dialog.dialog--inventory-search .dialog__body {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.dialog.dialog--inventory-search .inventory-search-page__container {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.dialog .inventory-search-page__subheader {
  display: flex;
  justify-content: flex-start;
  gap: var(--op-space-medium);
  background-color: var(--op-color-neutral-plus-max);
  border-bottom: var(--op-border-width) solid var(--op-color-neutral-plus-four);
  padding: var(--op-space-small) var(--op-space-x-large);
}
.dialog .inventory-search-page__subheader .form-group {
  padding: unset;
}
.dialog .inventory-search-page__subheader .line-item-name-input {
  width: calc(var(--op-space-scale-unit)*44);
}
.dialog .inventory-search-page__body {
  height: 100%;
  display: flex;
  overflow: hidden;
}
.dialog .inventory-search-page__results-scroll-container {
  overflow-y: auto;
  flex-grow: 1;
}
.dialog .inventory-search-page__results {
  padding: var(--op-space-large);
}
.dialog .inventory-search-page__initial-content {
  display: flex;
  height: 50%;
  align-items: center;
  justify-content: center;
  font-size: var(--op-font-small);
  font-weight: var(--op-font-weight-semi-bold);
}
.dialog .inventory-search-results__table--empty {
  display: flex;
  justify-content: center;
  align-items: center;
}
.dialog .inventory-search-results__table {
  margin-bottom: var(--op-space-large);
}
.dialog .inventory-search-page__button-with-warning {
  display: flex;
  gap: var(--op-space-small);
}
.dialog .inventory-search-page__warning-container {
  display: none;
}
.dialog .inventory-search-page__warning-text {
  font-size: var(--op-font-small);
  font-weight: var(--op-font-weight-semi-bold);
}
.dialog:has(.filter-sidebar-content [data-dirty=true]) .inventory-search-page__warning-container {
  display: flex;
  align-items: center;
  gap: var(--op-space-x-small);
}
.inventory-search-builder__tree-labels {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.inventory-search-builder__error-tooltip-icon {
  display: none;
}
sl-tree-item:has(.form-group--error) .inventory-search-builder__error-tooltip-icon {
  display: inline-block;
}
.line-item-show-page__subheader-toolbar {
  border-top: none;
  padding: var(--op-space-small) var(--op-space-medium);
}
.line-item-show-page__subheader-toolbar .form-group {
  padding: 0;
}
.health-bar {
  --_fd-health-bar-height: calc(var(--op-size-unit)*5);
  --_fd-health-bar-shadow: 0 0 0 0;
  --_fd-health-bar-border-top: var(--op-border-top) var(--op-color-border);
  position: relative;
  display: flex;
  gap: 0;
  background-color: var(--op-color-neutral-plus-seven);
  color: var(--op-color-neutral-on-plus-seven);
  box-shadow: var(--_fd-health-bar-shadow), var(--_fd-health-bar-border-top);
  height: var(--_fd-health-bar-height);
  border-radius: 0 0 var(--op-radius-large) var(--op-radius-large);
}
.health-bar .health-bar__segment {
  background-color: var(--op-color-neutral-minus-seven);
  color: var(--op-color-neutral-on-minus-seven);
  width: var(--section-width, 0%);
  height: var(--fd-height);
}
.health-bar .health-bar__segment:first-child {
  border-bottom-left-radius: var(--op-radius-large);
}
.health-bar .health-bar__segment:last-child {
  border-bottom-right-radius: var(--op-radius-large);
}
.health-bar .health-bar__segment.health-bar__segment--eligible {
  background-color: var(--op-color-neutral-plus-eight);
  color: var(--op-color-neutral-on-plus-eight);
}
.health-bar .health-bar__segment.health-bar__segment--preordered {
  background: repeating-linear-gradient(-45deg, var(--op-color-neutral-base), var(--op-color-neutral-base) 8px, var(--op-color-neutral-plus-four) 5px, var(--op-color-neutral-plus-four) 15px);
}
.health-bar .health-bar__segment.health-bar__segment--bookable {
  background-color: var(--op-color-alerts-warning-plus-one);
  color: var(--op-color-alerts-warning-on-plus-one);
}
.health-bar .health-bar__segment.health-bar__segment--unbookable {
  background-color: var(--op-color-alerts-warning-plus-four);
  color: var(--op-color-alerts-warning-on-plus-four);
}
.health-bar .health-bar__segment.health-bar__segment--started, .health-bar .health-bar__segment.health-bar__segment--ready {
  background-color: var(--op-color-primary-minus-one);
  color: var(--op-color-primary-on-minus-one);
}
.health-bar .health-bar__segment.health-bar__segment--pending {
  background-color: var(--op-color-primary-plus-three);
  color: var(--op-color-primary-on-plus-three);
}
.health-bar .health-bar__segment.health-bar__segment--open_healthy {
  background-color: var(--op-color-primary-minus-one);
  color: var(--op-color-primary-on-minus-one);
}
.health-bar .health-bar__segment.health-bar__segment--delinquent {
  background-color: var(--op-color-alerts-danger-plus-one);
  color: var(--op-color-alerts-danger-on-plus-one);
}
.health-bar .health-bar__segment.health-bar__segment--verified {
  background-color: var(--op-color-alerts-notice-minus-one);
  color: var(--op-color-alerts-notice-on-minus-one);
}
.health-bar .health-bar__segment.health-bar__segment--blocked {
  background-color: var(--op-color-alerts-danger-plus-two);
  color: var(--op-color-alerts-danger-on-plus-two);
}
.health-bar .health-bar__segment.health-bar__segment--completed {
  background-color: var(--op-color-alerts-notice-minus-two);
  color: var(--op-color-alerts-notice-on-minus);
}
.health-bar .health-bar__segment .tooltip {
  position: absolute;
}
.health-bar.health-bar--subheader {
  --_fd-health-bar-height: var(--op-space-small);
  --_fd-health-bar-shadow: 0 21px 6px 0 rgba(0, 0, 0, 0.00),
  0 13px 5px 0 rgba(0, 0, 0, 0.01),
  0 7px 4px 0 rgba(0, 0, 0, 0.03),
  0 3px 3px 0 rgba(0, 0, 0, 0.04),
  0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --_fd-health-bar-border-top: 0 -1px 0 0 var(--op-color-neutral-plus-five);
  --_fd-health-bar-z-index: calc(var(--op-z-index-header) + 1);
  z-index: var(--_fd-health-bar-z-index);
  border-radius: 0;
}
.health-bar.health-bar--subheader .health-bar__segment:first-child, .health-bar.health-bar--subheader .health-bar__segment:last-child {
  border-radius: 0;
}
.health-bar-scale__line {
  display: block;
  background-color: var(--op-color-primary-plus-max);
  height: var(--op-space-small);
  border-top: var(--op-border-width) solid var(--op-color-neutral-plus-two);
}
.health-bar-scale__text {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-size: var(--op-font-scale-unit);
  color: var(--op-color-neutral-plus-two);
  padding-right: var(--op-space-x-small);
  min-width: var(--op-space-7x-large);
}
.filter-sidebar-frame .precise-location-filter__margin-text {
  font-weight: var(--op-font-weight-normal);
  font-size: var(--op-font-x-small);
}
.filter-sidebar-frame .calendar-event-inclusion__container {
  display: flex;
  flex-direction: column;
  gap: var(--op-space-x-small);
  padding-top: var(--op-space-x-small);
}
.filter-sidebar-frame .calendar-event-inclusion__days-input {
  max-width: calc(var(--op-space-scale-unit)*5);
}
.filter-sidebar-frame .calendar-event-inclusion__inputs-row {
  display: flex;
  gap: var(--op-space-scale-unit);
  align-items: center;
  font-weight: var(--op-font-weight-normal);
  font-size: var(--op-font-x-small);
}
.filter-sidebar-frame .calendar-event-inclusion__inputs-row .calendar-event-inclusion__prefix-text {
  min-width: calc(var(--op-space-scale-unit)*5);
}
.filter-sidebar-frame .calendar-event-inclusion__inputs-row .form-group {
  padding: unset;
}
.filter-sidebar-frame .calendar-event-inclusion__inputs-row .form-error, .filter-sidebar-frame .calendar-event-inclusion__inputs-row .live-input__display-error {
  white-space: nowrap;
}
.filter-sidebar-frame .calendar-event-inclusion__inputs-row:has(.form-group--error) .calendar-event-inclusion__prefix-text, .filter-sidebar-frame .calendar-event-inclusion__inputs-row:has(.form-group--error) label {
  margin-top: calc(var(--op-space-scale-unit)*-2.4);
}
.filter-sidebar-frame .calendar-event-inclusion__inputs-row:has(.form-group--error) .form-group:not(.form-group--error) {
  margin-top: calc(var(--op-space-scale-unit)*-2.3);
}
.summary-card {
  display: flex;
  align-items: baseline;
  gap: var(--op-space-x-large);
}
.summary-card .summary-card__section {
  box-shadow: unset;
  display: flex;
  flex-direction: column;
  background-color: var(--op-color-neutral-plus-max);
  margin-left: auto;
  flex-wrap: unset;
  text-align: right;
}
.summary-card .summary-card__section-header {
  white-space: nowrap;
  font-weight: var(--op-font-weight-normal);
  font-size: var(--op-font-small);
  color: var(--op-color-neutral-on-plus-max);
}
.summary-card .summary-card__section-content {
  white-space: nowrap;
  font-weight: var(--op-font-weight-bold);
  font-size: var(--op-font-2x-large);
}
.line-item-card:hover .card-list-item__edit-configuration {
  visibility: visible;
}
.line-item-card__title {
  display: block;
  font-weight: var(--op-font-weight-bold);
  font-size: var(--op-font-small);
  color: var(--op-color-neutral-on-plus-max-alt);
  width: 100%;
  text-decoration: none;
  transition: var(--op-transition-input);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.line-item-card__body {
  grid-template-columns: minmax(0, 1fr) var(--_card-column-width--small) var(--_card-column-width--large) var(--_card-column-width--large) var(--_card-column-width--large) var(--_card-column-width--x-small) var(--_card-column-width--x-small);
}
.line-item-card__body:hover .line-item-card__title {
  color: var(--op-color-primary-base);
}
.line-item-card__body .text-pair__subtitle {
  font-size: var(--op-font-x-small);
  font-weight: var(--op-font-weight-normal);
  color: var(--op-color-neutral-on-plus-max);
}
.line-item-card__body .card-list-item__date {
  white-space: nowrap;
}
.line-item-card__body .badge--status {
  justify-self: start;
}
.line-item-card__body .text-right.card-list-item__added-value .material-symbols-outlined {
  padding-right: var(--op-space-2x-small);
}
.line-item-card__body .card-list-item__edit-configuration {
  visibility: hidden;
}
.line-item-card__body .card-list-item__edit-configuration .btn {
  box-shadow: inset var(--op-border-all) var(--op-color-border);
}
@container listCardContainer (width <= 1024px) {
  .line-item-card__body {
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: auto;
    grid-template-areas: "header1 header2 header3 header4 more-menu" "status manage-ads calendar added_value budget";
    row-gap: var(--op-space-x-small);
    -moz-column-gap: var(--op-space-x-small);
         column-gap: var(--op-space-x-small);
  }
  .line-item-card__body .card-list-item__label {
    grid-column-start: 1;
    grid-column-end: 5;
  }
  .line-item-card__body .card-list-item__edit-configuration {
    grid-area: manage-ads;
    justify-self: start;
  }
  .line-item-card__body .card-list-item__more-menu {
    grid-area: more-menu;
    justify-self: end;
  }
  .line-item-card__body .badge--status {
    grid-area: status;
    justify-self: start;
  }
  .line-item-card__body .card-list-item__date {
    grid-area: calendar;
  }
  .line-item-card__body .card-list-item__budget {
    grid-area: budget;
  }
  .line-item-card__body .card-list-item__added-value {
    grid-area: added_value;
  }
}
.reschedule-ad-modal__container {
  display: flex;
  flex-direction: column;
  font-size: var(--op-font-small);
  font-weight: var(--op-font-weight-normal);
}
.reschedule-ad-modal__form-container {
  display: flex;
  flex-direction: column;
}
.reschedule-ad-modal__input {
  display: flex;
  flex: 1 0 0;
}
.reschedule-ad-modal__input .form-label {
  white-space: nowrap;
}
.reschedule-ad-modal__input .ad_requested_quantity .form-error, .reschedule-ad-modal__input .ad_requested_quantity .live-input__display-error {
  white-space: nowrap;
}
.reschedule-ad-modal__input .date.form-label {
  display: flex;
  gap: var(--op-space-2x-small);
  align-items: flex-end;
}
.reschedule-ad-modal__input .reschedule-ad-modal__input--stretched {
  width: calc(var(--op-space-scale-unit)*27);
}
.reschedule-ad-modal__input--small {
  max-width: calc(var(--op-space-scale-unit)*8);
}
.reschedule-ad-modal__input--small span {
  width: calc(var(--op-space-scale-unit)*8);
}
.reschedule-ad-modal__input-modifier {
  width: 50%;
  padding: unset;
}
.reschedule-ad-modal__input-modifier label {
  font-size: var(--op-font-small);
  font-weight: var(--op-font-weight-normal);
}
.reschedule-ad-modal__input-modifier turbo-frame {
  display: block;
}
.reschedule-ad-modal__section-padding {
  padding-bottom: var(--op-space-medium);
}
.reschedule-ad-modal__quantity-type-text {
  margin: calc(var(--op-space-scale-unit)*4.4) 0 0 var(--op-space-x-small);
}
.reschedule-ad-modal__input-row {
  display: flex;
  align-items: center;
  gap: var(--op-space-x-large);
  align-self: stretch;
}
.reschedule-ad-modal__input-row:has(.form-group--error) {
  align-items: flex-start;
}
.reschedule-ad-modal__input-row .form-group--error .input-with-icon {
  grid-column: unset;
}
.reschedule-ad-modal__horizontal-border {
  border-bottom: 1px solid var(--op-color-neutral-plus-four);
}
#drawer.seller-ad-details-drawer .ad-details-drawer__panel--padded {
  padding: 0 var(--op-space-x-large);
}
#drawer.seller-ad-details-drawer[data-locked] .ad-details-drawer__panel input, #drawer.seller-ad-details-drawer[data-locked] .ad-details-drawer__panel button {
  pointer-events: none;
  opacity: var(--op-opacity-disabled);
}
#drawer.seller-ad-details-drawer[data-locked] .ad-details-drawer__panel label {
  pointer-events: none;
}
#drawer.seller-ad-details-drawer .ad-details-drawer__section {
  padding: var(--op-space-x-large) 0;
}
#drawer.seller-ad-details-drawer .ad-details-drawer__section:not(:last-child) {
  border-bottom: 1px solid var(--op-color-neutral-plus-four);
}
#drawer.seller-ad-details-drawer .ad-details-drawer__empty_content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  gap: var(--op-space-x-small);
  text-align: center;
  height: 100%;
  font-size: var(--op-font-small);
  font-weight: var(--op-font-weight-normal);
}
#drawer.seller-ad-details-drawer .ad-details-drawer__empty_content img {
  width: 140px;
  height: 101px;
}
#drawer.seller-ad-details-drawer sl-tab[panel=activity] {
  margin-top: auto;
}
.general-info-section__backdate-button {
  margin-left: var(--op-space-small);
  padding-top: calc(var(--op-space-scale-unit)*2.8);
}
.pricing-section__distributed-quantity {
  display: flex;
  align-items: center;
  gap: var(--op-space-x-small);
  font-size: var(--op-font-small);
  font-weight: var(--op-font-weight-normal);
  width: calc(var(--op-space-scale-unit)*12);
  white-space: nowrap;
}
.pricing-section__distributed-quantity input.form-control, .pricing-section__distributed-quantity .ts-wrapper input.ts-control, .ts-wrapper .pricing-section__distributed-quantity input.ts-control {
  width: calc(var(--op-space-scale-unit)*12);
}
.pricing-section__currency-row {
  display: flex;
  align-items: flex-start;
  gap: var(--op-space-large);
}
.pricing-section__currency-row input.form-control, .pricing-section__currency-row .ts-wrapper input.ts-control, .ts-wrapper .pricing-section__currency-row input.ts-control, .pricing-section__currency-row .readonly-data-display {
  width: calc(var(--op-space-scale-unit)*12);
}
.pricing-section__currency-row .pricing-section__rate-input-reset-wrapper:has(.form-group--error) ~ .form-group {
  gap: var(--op-space-2x-small);
}
.pricing-section__currency-row .readonly {
  -moz-column-gap: 0;
       column-gap: 0;
}
.pricing-section__currency-row .form-error, .pricing-section__currency-row .live-input__display-error {
  white-space: nowrap;
  max-width: calc(var(--op-space-scale-unit)*12);
}
.pricing-section__currency-row .pricing-section__rate-input-reset-wrapper {
  display: flex;
  gap: var(--op-space-x-small);
}
.pricing-section__currency-row .pricing-section__rate-input-group {
  display: flex;
  flex-direction: column;
  gap: var(--op-space-2x-small);
}
.pricing-section__currency-row .pricing-section__rate-input-group .btn--small {
  max-width: calc(var(--op-space-scale-unit)*8);
}
.pricing-section__price-mode-toggle {
  display: flex;
  justify-content: center;
  width: var(--op-space-4x-large);
  padding-top: calc(var(--op-space-scale-unit)*2.8);
}
.pricing-section__quantity-row {
  display: flex;
  align-items: flex-start;
  gap: var(--op-space-small);
  font-size: var(--op-font-small);
  font-weight: var(--op-font-weight-normal);
}
.pricing-section__quantity-row .form-control__suffix-text {
  margin: 0;
}
.pricing-section__quantity-row .readonly-data-display {
  width: var(--op-space-8x-large);
}
.pricing-section__quantity-row .form-error, .pricing-section__quantity-row .live-input__display-error {
  white-space: nowrap;
}
.pricing-section__quantity-row .pricing-section__available-quantity-display {
  padding-top: calc(var(--op-space-scale-unit)*1.5);
}
.pricing-section__quantity-row:has(.form-group--error) .pricing-section__available-quantity-display {
  padding-top: calc(var(--op-space-scale-unit)*1.1);
}
.inventory-details-section__supplier-select {
  width: calc(var(--op-space-scale-unit)*35);
}
.inventory-details-section__supplier-select:has([data-dirty=true]) + .form-control__suffix-text {
  display: none;
}
.seller-ad-details-drawer .creative-variation-section {
  display: flex;
  flex-direction: column;
  gap: var(--op-space-x-large);
  width: 100%;
}
.seller-ad-details-drawer .creative-asset-section {
  display: flex;
  flex-direction: column;
  gap: var(--op-space-x-large);
}
.seller-ad-details-drawer .creative-asset-display {
  display: flex;
  flex-direction: column;
  gap: var(--op-space-2x-small);
}
.seller-ad-details-drawer .creative-asset-display__thumbnail-container {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--op-radius-large);
  border: 1px solid var(--op-color-neutral-plus-five);
  background: var(--op-color-neutral-plus-six);
  overflow: hidden;
}
.seller-ad-details-drawer .creative-asset-display__metadata {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-family: var(--op-font-family);
  font-size: var(--op-font-x-small);
  font-style: normal;
  font-weight: var(--op-font-weight-semi-bold);
  line-height: var(--op-line-height-normal);
}
.seller-ad-details-drawer .creative-data-section {
  padding-bottom: var(--op-space-x-large);
  display: flex;
  flex-direction: column;
  gap: var(--op-space-x-large);
}
.seller-ad-details-drawer .creative-data-section .resource-details-drawer__field-header {
  padding-top: unset !important;
}
.seller-ad-details-drawer .creative-variation-card {
  border-radius: var(--op-radius-large);
  border: 1px solid var(--op-color-neutral-plus-five);
  display: flex;
  padding: var(--op-space-medium);
  flex-direction: column;
  align-items: flex-start;
}
.seller-ad-details-drawer .creative-variation-card .creative-data-section {
  padding-bottom: unset;
}
.seller-ad-details-drawer .creative-variations-group {
  display: flex;
  flex-direction: column;
  gap: var(--op-space-2x-large);
  padding-bottom: var(--op-space-x-large);
}
.seller-ad-details-drawer .creative-variation-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-bottom: var(--op-space-x-large);
  font-size: var(--op-font-small);
}
.bulk_updates__input_row {
  display: flex;
  align-items: center;
  gap: var(--op-space-x-small);
}
.bulk_updates__input_row .bulk-updates__date-input--long {
  width: calc(var(--op-space-scale-unit)*30);
}
.bulk-updates__input-row--toggleable {
  padding-top: var(--op-space-medium);
  display: flex;
  align-items: center;
  gap: var(--op-space-scale-unit);
}
.bulk-updates__input-row--toggleable .ad_rate_form_input {
  width: calc(var(--op-space-scale-unit)*12.5);
}
.bulk-updates__input-row--toggleable div {
  padding-bottom: 0;
}
.bulk-updates__input-row--toggleable label.required abbr {
  display: none;
}
.bulk-updates__input-row--toggleable .form-error, .bulk-updates__input-row--toggleable .live-input__display-error {
  padding-top: var(--op-space-small);
}
.bulk_updates__radio_button {
  height: var(--op-space-x-large);
  width: var(--op-space-x-large);
  margin-right: calc(var(--op-space-2x-small)*-1);
}
.alert.bulk_updates__single-day-alert {
  background-color: var(--op-color-primary-plus-four);
  color: var(--op-color-primary-on-plus-five);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
  display: flex;
  gap: var(--op-space-x-small);
  width: -moz-max-content;
  width: max-content;
  font-size: var(--op-font-x-small);
}
.bulk_updates__content-container {
  padding-left: var(--op-space-medium);
}
.bulk_updates__progress-bar-message {
  display: flex;
  flex-direction: row;
  align-content: center;
  gap: var(--op-space-x-small);
  padding-bottom: var(--op-space-2x-small);
  padding-top: var(--op-space-2x-small);
  font-size: var(--op-font-small);
}
.bulk_updates__progress-bar-message a {
  text-decoration: none;
}
.added-value-toggle .added-value-toggle__switch {
  display: flex;
  flex-direction: row-reverse;
  margin-bottom: calc(var(--op-space-scale-unit)*-0.4);
}
.added-value-toggle .added-value-toggle__switch label {
  white-space: nowrap;
  font-size: var(--op-font-x-small);
  font-weight: var(--op-font-weight-normal);
}
.added-value-toggle .added-value-toggle__switch label .tooltip-container {
  margin-left: var(--op-space-2x-small);
}
.dialog__backdated-ad-form {
  --width: calc(var(--op-space-scale-unit)*72);
}
.backdated_ad_form {
  min-height: calc(var(--op-space-scale-unit)*53);
  font-size: var(--op-font-small);
}
.backdated_ad_form .two-column-form__row {
  gap: var(--op-space-x-large);
}
.backdated_ad_form .readonly-data-display {
  width: calc(var(--op-space-scale-unit)*12);
}
.ad-table__ad-ref-column {
  display: flex;
  align-items: center;
  gap: var(--op-space-x-small);
  white-space: nowrap;
}
.ad-table__ad-ref-column div {
  padding-bottom: calc(var(--op-space-scale-unit)*0.3);
}
.ad-table__run-dates {
  width: calc(var(--op-space-scale-unit)*17.5);
}
.favorite-purchase-order-button--container form {
  height: 100%;
}
.favorite-purchase-order-button--container button {
  display: flex;
  align-items: center;
  height: 100%;
}
.favorite-purchase-order-button {
  opacity: 0.25;
}
.favorite-purchase-order-button:hover {
  opacity: 1;
}
.favorite-purchase-order-button--active:hover {
  text-shadow: 0 0 3px;
}
.property_index-page__body {
  display: flex;
  overflow-y: auto;
}
.property_index-page__body .scrollable-table-container {
  box-shadow: 1px 0px 8px 0px rgba(0, 0, 0, 0.1) inset;
}
.property_index-page__body .table__contents {
  padding: var(--op-space-medium);
}
.property_index-page__body .property-index-page__table-label {
  padding: var(--op-space-medium);
  font-size: var(--op-font-medium);
  font-weight: var(--op-font-weight-bold);
  height: 40px;
}
.property_index-page__body .table__contents--primary-property-badge {
  background-color: var(--op-color-alerts-warning-plus-one);
}
.property_index-page__body .table__contents--primary-icon {
  font-size: var(--__op-icon-font-size);
}
.inventory-manager-page__subheader--right {
  margin-left: auto;
}
.btn .inventory-manager-page__action-dropdown-trigger {
  padding: 0 var(--op-space-x-small);
}
.inventory_manager__supplier_select {
  height: calc(var(--op-space-scale-unit)*40);
}
.supplier_index-page__body {
  display: flex;
  overflow-y: auto;
}
.supplier_index-page__body .scrollable-table-container {
  box-shadow: 1px 0px 8px 0px rgba(0, 0, 0, 0.1) inset;
}
.supplier_index-page__body .table__contents {
  padding: var(--op-space-medium);
}
.supplier_index-page__body .supplier-index-page__table-label {
  padding: var(--op-space-medium);
  font-size: var(--op-font-medium);
  font-weight: var(--op-font-weight-bold);
  height: 40px;
}
.supplier_index-page__body .table__contents--primary-property-badge {
  background-color: var(--op-color-alerts-warning-plus-one);
}
.supplier_index-page__body .table__contents--primary-icon {
  font-size: var(--__op-icon-font-size);
}
.property-show-page__subheader-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--op-space-medium) var(--op-space-x-large) var(--op-space-medium) var(--op-space-x-large);
}
.property-show-page__subheader-toolbar {
  padding: var(--op-space-medium) var(--op-space-x-large) var(--op-space-medium) var(--op-space-x-large);
}
.property-show-page__subheader-toolbar .subheader__back-and-title--container {
  gap: 0;
  font-size: calc(var(--op-font-scale-unit)*3);
}
.page__subheader:has(.inventory-manager-page__subheader) {
  min-height: unset;
}
.inventory_manager__property-show-page-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: 0 var(op-space-x-large);
}
.property-show-page__table-header {
  display: flex;
  align-items: center;
  font-size: var(--op-font-medium);
  font-weight: var(--op-font-weight-bold);
  height: 40px;
}
#ad-units-table .size {
  text-transform: none;
}
.property_primary_publication {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  padding: var(--op-space-medium) 0;
}
.property_primary_publication .form-control:active, .property_primary_publication .ts-wrapper .ts-control:active, .ts-wrapper .property_primary_publication .ts-control:active, .property_primary_publication .form-control:focus, .property_primary_publication .ts-wrapper .ts-control:focus, .ts-wrapper .property_primary_publication .ts-control:focus {
  box-shadow: none;
}
.property_primary_publication label {
  align-self: center;
}
.two-column-form__section-header.monthly {
  padding-bottom: var(--op-space-medium);
}
.property-form-active-input-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: var(--op-space-small);
  padding: var(--op-space-small) 0;
}
.property-form-active-input-wrapper .property_active {
  gap: var(--op-space-medium);
  padding-top: 0;
}
.property_form__two_column_scheduling {
  display: grid;
  grid-template-columns: 3fr 1fr;
  gap: var(--op-space-medium);
}
.property-form__deactivation-warning {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-top: calc(var(--op-space-scale-unit)*2);
}
.property-form__deactivation-warning .property-form__deactivation-warning-text {
  font-size: var(--op-font-small);
  font-weight: var(--op-font-weight-semi-bold);
}
.property-form__deactivation-warning .icon--warning {
  font-size: var(--op-font-large);
  color: var(--op-color-alerts-warning-base);
  margin-right: var(--op-space-2x-small);
}
#drawer:has(#property_form)::part(body) {
  padding: 0;
}
#drawer:has(#property_form) .inventory_manager__property-form {
  padding: var(--op-space-medium) var(--op-space-x-large);
}
.inventory_manager__medium_image {
  width: 100%;
  height: calc(var(--op-space-scale-unit)*14.8);
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: var(--op-space-medium);
  padding: var(--op-space-x-large) 0;
  border-radius: var(--op-radius-large);
  box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.08), inset 0px 0px 0px var(--op-border-width) var(--op-color-neutral-plus-four);
}
.inventory_manager__medium_image img {
  height: calc(var(--op-space-scale-unit)*10);
  margin: auto;
}
.ad-unit-form-active-input-wrapper {
  display: flex;
  align-items: flex-end;
  gap: var(--op-space-small);
}
.two-column-form__row.activation-row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: var(--op-space-small);
  height: 60px;
}
.two-column-form__row.activation-row .switch_checkbox.ad_unit_active {
  padding: 0;
  grid-template-columns: auto;
}
.ad-unit-form__deactivation-warning {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: var(--op-font-small);
  font-weight: var(--op-font-weight-semi-bold);
  padding-bottom: var(--op-space-3x-small);
}
.ad-unit-form__deactivation-warning .icon--warning {
  font-size: var(--op-font-large);
  color: var(--op-color-alerts-warning-base);
  margin-right: var(--op-space-2x-small);
}
#ad_unit_form .form-label .tooltip-container span:first-child {
  max-height: 15px;
  overflow: visible;
}
.inventory_unit_table--active-badge {
  background-color: var(--op-color-primary-minus-one);
  color: var(--op-color-primary-on-minus-one-alt);
}
.inventory_unit_table--inactive-badge {
  background-color: var(--op-color-neutral-plus-eight);
  color: var(--op-color-neutral-on-plus-eight-alt);
  border: var(--op-border-width) solid var(--op-color-neutral-plus-three);
}
.inventory_unit_index__body {
  display: flex;
  overflow-y: auto;
  height: 100%;
}
.inventory_unit_index__body .inventory_unit_table thead {
  top: 0;
}
.inventory_unit_index__body .table__contents {
  padding: var(--op-space-medium);
}
#drawer.inventory-unit-details-drawer .inventory_unit_active_input--vertical {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--op-space-medium);
}
#drawer.inventory-unit-details-drawer .inventory_unit_active_input--vertical .switch {
  padding-left: var(--op-space-2x-small);
}
#drawer.inventory-unit-details-drawer .inventory-unit-details-drawer__events-container {
  padding-top: var(--op-space-small);
}
#drawer.inventory-unit-details-drawer .events-counter-badge {
  color: var(--op-color-primary-on-minus-one-alt);
}
#drawer.inventory-unit-details-drawer .inventory-unit-details-drawer__add-event-button {
  padding-top: var(--op-space-medium);
}
#drawer.inventory-unit-details-drawer .calendar-event-table thead {
  background: var(--op-color-neutral-plus-seven);
}
#drawer.inventory-unit-details-drawer .calendar-event-table tr a {
  visibility: hidden;
}
#drawer.inventory-unit-details-drawer .calendar-event-table tr:hover a {
  visibility: visible;
}
#drawer.inventory-unit-details-drawer .calendar-event-table td {
  height: unset;
  padding: var(--op-space-small) var(--op-space-medium);
}
#drawer.inventory-unit-details-drawer .calendar-event-table .form-group {
  padding-block: unset;
}
#drawer.inventory-unit-details-drawer .calendar-event-table .inventory_unit_calendar_events_name {
  width: calc(var(--op-space-scale-unit)*25);
}
#drawer.inventory-unit-details-drawer .calendar-event-table:has(.nested-fields:not([style*="display: none"])) .calendar-event-table__no-events-row {
  display: none;
}
#drawer.inventory-unit-details-drawer .calendar-event-table .calendar-event-table__no-events {
  margin: auto;
  padding: var(--op-space-small);
}
.institution_index__body {
  display: flex;
  overflow-y: auto;
}
.institution_index__body .scrollable-table-container {
  box-shadow: 1px 0px 8px 0px rgba(0, 0, 0, 0.1) inset;
}
.institution_index__body .table__contents {
  padding: var(--op-space-medium);
}
#drawer.institution-drawer .events-counter-badge {
  color: var(--op-color-primary-on-minus-one-alt);
}
#drawer.institution-drawer .institution-drawer__field-table {
  margin-top: var(--op-space-medium);
}
#drawer.institution-drawer .institution-drawer__field-table .institution-drawer__field-name {
  font-size: var(--op-font-small);
  font-weight: var(--op-font-weight-semi-bold);
  padding-block: var(--op-space-small);
  height: unset;
  width: 50%;
}
#drawer.institution-drawer .institution-drawer__field-table .institution-drawer__field-value {
  font-size: var(--op-font-small);
  font-weight: var(--op-font-weight-normal);
  height: unset;
  width: 50%;
}
#drawer.institution-drawer .institution-drawer__add-event-button {
  padding-top: var(--op-space-medium);
}
#drawer.institution-drawer .institution-drawer__events-container {
  padding-top: var(--op-space-small);
}
#drawer.institution-drawer .institution-drawer__error-row div.form-group:not(.form-group--error) {
  padding-bottom: var(--op-space-x-large);
}
#drawer.institution-drawer .institution-drawer__error-row a {
  margin-bottom: var(--op-space-x-large);
}
#drawer.institution-drawer .calendar-event-table thead {
  background: var(--op-color-neutral-plus-seven);
}
#drawer.institution-drawer .calendar-event-table tr a {
  visibility: hidden;
}
#drawer.institution-drawer .calendar-event-table tr:hover a {
  visibility: visible;
}
#drawer.institution-drawer .calendar-event-table td {
  height: unset;
  padding: var(--op-space-small) var(--op-space-medium);
}
#drawer.institution-drawer .calendar-event-table .form-group {
  padding-block: unset;
}
#drawer.institution-drawer .calendar-event-table .inventory_unit_calendar_events_name {
  width: calc(var(--op-space-scale-unit)*25);
}
#drawer.institution-drawer .calendar-event-table:has(.nested-fields:not([style*="display: none"])) .calendar-event-table__no-events-row {
  display: none;
}
#drawer.institution-drawer .calendar-event-table .calendar-event-table__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: calc(var(--op-space-scale-unit)*9);
}
#drawer.institution-drawer .calendar-event-table .calendar-event-table__no-events {
  margin: auto;
  padding: var(--op-space-small);
}
.supplier-ads-index__subheader-supplier-name {
  display: flex;
  align-items: center;
  gap: var(--op-space-small);
  font-size: var(--op-font-small);
  font-weight: var(--op-font-weight-bold);
}
.supplier-ad-table .table__column--run-dates {
  width: calc(var(--op-space-scale-unit)*18);
}
.page__subheader--default-padding.subheader__toolbar, .page__subheader--default-padding.subheader__toolbar--wide {
  align-items: center;
  gap: var(--op-space-medium);
}
.page__subheader--default-padding.subheader__toolbar .vertical-line, .page__subheader--default-padding.subheader__toolbar--wide .vertical-line {
  height: 100%;
  margin: unset;
}
.supplier-ads-index__preset-filters-container {
  display: flex;
  align-items: center;
  gap: var(--op-space-small);
}
.supplier-ads-index__preset-filters-container span {
  font-size: var(--op-font-small);
  font-weight: var(--op-font-weight-bold);
}
.supplier-ads-index__preset-filters-counter {
  background-color: var(--op-color-primary-minus-one);
  color: var(--op-color-primary-on-minus-one);
}
.supplier-ads-index__preset-filters-counter--grey {
  background-color: var(--op-color-neutral-plus-four);
  color: var(--op-color-neutral-on-plus-four);
}
.supplier-ads-index__clear-filters-link {
  color: var(--op-color-primary-on-plus-max);
  cursor: pointer;
  font-size: var(--op-font-x-small);
  font-weight: var(--op-font-weight-bold);
  text-decoration: none;
}
.supplier-ads-index__export-button {
  margin-left: auto;
}
#drawer.supplier-ad-details-drawer .ad-details-drawer__production-sizes-row {
  display: flex;
  align-items: flex-start;
  gap: var(--op-space-x-large);
}
#drawer.supplier-ad-details-drawer .ad-details-drawer__footer .pagination-control {
  justify-content: center;
  height: var(--op-space-5x-large);
}
#drawer.supplier-ad-details-drawer .ad-details-drawer__empty_creatives {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  gap: var(--op-space-x-small);
  text-align: center;
  font-size: var(--op-font-small);
  font-weight: var(--op-font-weight-normal);
}
#drawer.supplier-ad-details-drawer .ad-details-drawer__empty_creatives img {
  width: 140px;
  height: 101px;
}
#drawer.supplier-ad-details-drawer .ad-details-drawer__verification-panel {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  gap: var(--op-space-x-large);
  text-align: center;
  font-size: var(--op-font-small);
  font-weight: var(--op-font-weight-normal);
}
#drawer.supplier-ad-details-drawer .ad-details-drawer__verification-panel img {
  width: 250px;
  height: 250px;
  border-radius: 50%;
}
#drawer.supplier-ad-details-drawer .ad-details-drawer__verification-panel .ad-details-drawer__verification-link {
  display: flex;
  align-items: center;
  gap: var(--op-space-x-small);
}
#drawer.supplier-ad-details-drawer .ad-details-drawer__verification-panel .ad-details-drawer__verification-unlock-date {
  font-weight: var(--op-font-weight-bold);
}
#drawer.supplier-ad-details-drawer .ad-details-drawer__progress-tab {
  display: flex;
  align-items: flex-start;
  gap: var(--op-space-x-small);
}
#drawer.supplier-ad-details-drawer .ad-details-drawer__progress-tab .text-pair {
  gap: var(--op-space-3x-small);
}
#drawer.supplier-ad-details-drawer .ad-details-drawer__progress-tab .text-pair__title {
  font-size: var(--op-font-small);
  font-weight: var(--op-font-weight-bold);
  color: var(--op-color-neutral-on-plus-max-alt);
}
#drawer.supplier-ad-details-drawer .ad-details-drawer__progress-tab .text-pair__subtitle {
  font-size: var(--op-font-2x-small);
  font-weight: var(--op-font-weight-semi-bold);
  color: var(--op-color-neutral-on-plus-max);
}
#drawer.supplier-ad-details-drawer .ad-details-drawer__progress-tab .text-pair__subtitle--small {
  text-wrap: wrap;
  word-break: keep-all;
}
#drawer.supplier-ad-details-drawer sl-tab[panel=activity] {
  margin-top: auto;
}
.dialog.dialog--creative-asset-preview .dialog--creative-asset-preview__contents {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--op-color-neutral-plus-six);
  height: 100%;
  width: 100%;
}
.dialog.dialog--creative-asset-preview .dialog--creative-asset-preview__contents img {
  max-height: 100%;
  max-width: 100%;
}
.dialog.dialog--creative-asset-preview .dialog__footer {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-items: center;
}
.dialog.dialog--creative-asset-preview .dialog__footer .dialog--creative-asset-preview__variation-metadata {
  display: flex;
  align-items: center;
  gap: var(--op-space-small);
  margin-right: auto;
}
.dialog.dialog--creative-asset-preview .dialog__footer .dialog--creative-asset-preview__variation-metadata b {
  text-wrap: nowrap;
}
.dialog.dialog--creative-asset-preview .dialog__footer .btn {
  margin-left: auto;
}
.creative-variation-section {
  display: flex;
  flex-direction: column;
  gap: var(--op-space-x-large);
  width: 100%;
}
.creative-variation-section .creative-asset-section {
  display: flex;
  flex-direction: column;
  gap: var(--op-space-x-large);
}
.creative-variation-section .creative-asset-section .creative-asset-display {
  display: flex;
  flex-direction: column;
  gap: var(--op-space-2x-small);
}
.creative-variation-section .creative-asset-section .creative-asset-display .creative-asset-display__thumbnail-container {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--op-radius-large);
  border: 1px solid var(--op-color-neutral-plus-five);
  background: var(--op-color-neutral-plus-six);
  overflow: hidden;
}
.creative-variation-section .creative-asset-section .creative-asset-display .creative-asset-display__thumbnail-container .creative-asset-display__overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.1s ease;
  background-color: var(--op-color-neutral-minus-two);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--op-space-x-small);
  color: var(--op-color-neutral-on-minus-two-alt);
  font-size: var(--op-font-small);
}
.creative-variation-section .creative-asset-section .creative-asset-display .creative-asset-display__thumbnail-container:hover .creative-asset-display__overlay {
  opacity: 0.9;
}
.creative-variation-section .creative-asset-section .creative-asset-display .creative-asset-display__metadata {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-family: var(--op-font-family);
  font-size: var(--op-font-x-small);
  font-style: normal;
  font-weight: var(--op-font-weight-semi-bold);
  line-height: var(--op-line-height-normal);
}
.creative-variation-section .creative-data-section {
  padding-bottom: var(--op-space-x-large);
  display: flex;
  flex-direction: column;
  gap: var(--op-space-x-large);
}
.creative-variation-section .creative-data-section .resource-details-drawer__field-header {
  padding-top: unset !important;
}
.creative-variation-card {
  border-radius: var(--op-radius-large);
  border: 1px solid var(--op-color-neutral-plus-five);
  display: flex;
  padding: var(--op-space-medium);
  flex-direction: column;
  align-items: flex-start;
}
.creative-variation-card .creative-data-section {
  padding-bottom: unset;
}
.creative-variations-group {
  display: flex;
  flex-direction: column;
  gap: var(--op-space-2x-large);
  padding-bottom: var(--op-space-x-large);
}
.creative-variation-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-bottom: var(--op-space-x-large);
  font-size: var(--op-font-small);
}
.ad-review-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  contain: none;
  border-radius: var(--op-radius-large);
  background-color: var(--op-color-neutral-plus-seven);
}
.ad-review-card__reviewed-at {
  color: var(--op-color-neutral-on-plus-seven-alt);
  font-size: var(--op-font-x-small);
  font-weight: var(--op-font-weight-light);
}
.ad-review-card__input, .ad-review-card__input--small, .ad-review-card__input--medium {
  padding: var(--op-space-scale-unit) 0 var(--op-space-x-small) 0;
  width: 100%;
}
.ad-review-card__input--medium div {
  width: calc(var(--op-space-scale-unit)*17.5);
}
.ad-review-card__input--small {
  padding-top: var(--op-space-2x-small);
}
.ad-review-card__input--small div {
  width: calc(var(--op-space-scale-unit)*12);
}
.ad-review-card__header {
  display: flex;
  justify-content: space-between;
  gap: var(--op-space-2x-small);
  align-self: stretch;
  font-size: var(--op-font-medium);
  font-weight: var(--op-font-weight-bold);
  padding: var(--op-space-small) var(--op-space-large);
}
.ad-review-card__footer {
  display: flex;
  align-items: flex-start;
  flex-direction: row-reverse;
  justify-content: space-between;
  gap: var(--op-space-2x-small);
  align-self: stretch;
  font-size: var(--op-font-small);
  font-weight: var(--op-font-weight-bold);
  padding: var(--op-space-small) var(--op-space-large);
}
.ad-review-card__body, .ad-review-card__body--gap-small {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
  padding: var(--op-space-small) var(--op-space-large);
  font-size: var(--op-font-small);
  font-weight: var(--op-font-weight-normal);
  border-bottom-left-radius: var(--op-radius-large);
  border-bottom-right-radius: var(--op-radius-large);
}
.ad-review-card__body .form-label, .ad-review-card__body--gap-small .form-label {
  font-size: var(--op-font-small);
  font-weight: var(--op-font-weight-normal);
}
.ad-review-card__body--gap-small {
  gap: var(--op-space-small);
}
.ad-review-card__review-header-details {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: var(--op-space-x-small);
}
.ad-review-card--approved, .ad-review-card--ignored {
  background-color: var(--op-color-alerts-notice-plus-seven);
  box-shadow: var(--op-border-all) var(--op-color-alerts-notice-minus-two);
}
.ad-review-card--approved .ad-review-card__body, .ad-review-card--approved .ad-review-card__body--gap-small, .ad-review-card--ignored .ad-review-card__body, .ad-review-card--ignored .ad-review-card__body--gap-small {
  background-color: var(--op-color-alerts-notice-plus-eight);
}
.ad-review-card--approved .ad-review-card__header, .ad-review-card--ignored .ad-review-card__header {
  border-bottom: 1px solid var(--op-color-alerts-notice-minus-two);
}
.ad-review-card--approved .ad-review-card__footer, .ad-review-card--ignored .ad-review-card__footer {
  border-top: 1px solid var(--op-color-alerts-notice-minus-two);
}
.ad-review-card--in_review {
  background-color: var(--op-color-primary-plus-seven);
  box-shadow: var(--op-border-all) var(--op-color-primary-plus-four);
}
.ad-review-card--in_review .ad-review-card__body, .ad-review-card--in_review .ad-review-card__body--gap-small {
  background-color: var(--op-color-primary-plus-eight);
}
.ad-review-card--in_review .ad-review-card__header {
  border-bottom: 1px solid var(--op-color-primary-plus-four);
}
.ad-review-card--in_review .ad-review-card__footer {
  border-top: 1px solid var(--op-color-primary-plus-four);
}
.ad-review-card--rejected {
  background-color: var(--op-color-alerts-danger-plus-seven);
  box-shadow: var(--op-border-all) var(--op-color-alerts-danger-plus-one);
}
.ad-review-card--rejected .ad-review-card__body, .ad-review-card--rejected .ad-review-card__body--gap-small {
  background-color: var(--op-color-alerts-danger-plus-eight);
}
.ad-review-card--rejected .ad-review-card__header {
  border-bottom: 1px solid var(--op-color-alerts-danger-plus-one);
}
.ad-review-card--rejected .ad-review-card__footer {
  border-top: 1px solid var(--op-color-alerts-danger-plus-one);
}
.ad-review-card--change_requested {
  background-color: var(--op-color-primary-plus-seven);
  box-shadow: var(--op-border-all) var(--op-color-primary-plus-four);
}
.ad-review-card--change_requested .ad-review-card__body, .ad-review-card--change_requested .ad-review-card__body--gap-small {
  background-color: var(--op-color-primary-plus-eight);
}
.ad-review-card--change_requested .ad-review-card__header {
  border-bottom: 1px solid var(--op-color-primary-plus-four);
}
.ad-review-card--change_requested .ad-review-card__footer {
  border-top: 1px solid var(--op-color-primary-plus-four);
}
.insertion-order {
  gap: var(--op-space-x-large);
}
.insertion-order__revenue {
  font-size: var(--op-font-medium);
}
.data-group {
  display: flex;
  flex-direction: column;
}
.data-group__heading {
  font-weight: var(--op-font-weight-bold);
}
.data-group__body {
  display: flex;
  flex-direction: column;
  font-weight: var(--op-font-weight-normal);
}
.invoice {
  gap: var(--op-space-x-large);
}
.invoice__revenue {
  font-size: var(--op-font-medium);
}
.invoice__revenue:last-child {
  padding-bottom: var(--op-space-x-large);
}
.printable-document {
  padding: var(--op-space-3x-large) var(--op-space-x-large) var(--op-space-x-large) var(--op-space-x-large);
  font-size: var(--op-font-small);
  max-width: var(--op-breakpoint-x-large);
}
.printable-document__header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  width: 100%;
  gap: var(--op-space-3x-large);
}
.printable-document__heading {
  margin: 0;
  font-weight: var(--op-font-weight-bold);
}
.printable-document__logo {
  --fd-printable-document-logo-width: calc(var(--op-space-scale-unit)*16);
  width: var(--fd-printable-document-logo-width);
}
.printable-document__notes {
  display: flex;
  flex-direction: column;
  gap: var(--op-space-small);
  padding-bottom: var(--op-space-x-large);
}
@media print {
  * {
    overflow: visible !important;
  }
  body {
    background-color: var(--op-color-white);
    color: var(--op-color-black);
  }
  :not(:has(.printable-document)):not(.printable-document):not(.printable-document *) {
    display: none;
  }
  .printable-document {
    -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
    padding: 0;
    font-size: var(--op-font-x-small);
  }
  .printable-document:has(.table) {
    padding-right: 1px;
  }
  .printable-document .table {
    --_fd-table-font-size: var(--op-font-x-small);
    --op-table-column-width-medium: calc(var(--op-space-scale-unit)*13);
  }
  .printable-document .table .text-pair {
    --_op-text-pair-font-size-medium: var(--op-font-x-small);
  }
  .printable-document .table tbody td {
    color: var(--op-color-black);
  }
  .printable-document .table tbody tr {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }
  .printable-document .printable-document__notes {
    padding-bottom: 0;
  }
}
.table.table--document-metadata {
  --op-table-cell-height: var(--op-space-6x-large);
}
.table.table--document-metadata tbody {
  border-top-left-radius: var(--op-radius-large);
  border-top-right-radius: var(--op-radius-large);
}
.table.table--document-metadata tbody td:last-child {
  font-weight: var(--op-font-weight-normal);
}
.table.table--document-metadata tbody tr:first-child td:first-child {
  box-shadow: inset var(--inset-border-top) var(--op-color-border), inset var(--inset-border-bottom) var(--op-color-border);
  border-top-left-radius: var(--op-radius-large);
}
.table.table--document-metadata tbody tr:first-child td:last-child {
  box-shadow: inset var(--inset-border-top) var(--op-color-border), inset var(--inset-border-left) var(--op-color-border), inset var(--inset-border-bottom) var(--op-color-border);
  border-top-right-radius: var(--op-radius-large);
}
.table.table--document-metadata tbody tr:not(:first-child) td:last-child {
  box-shadow: inset var(--inset-border-bottom) var(--op-color-border), inset var(--inset-border-left) var(--op-color-border);
}
.table.table--document-metadata tbody tr:last-child td:last-child {
  box-shadow: inset var(--inset-border-left) var(--op-color-border), inset var(--inset-border-bottom) var(--op-color-border);
}
.contact-section .contact-section__body {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: var(--op-space-small);
  padding: var(--op-space-small) var(--op-space-large);
}