@charset "UTF-8";

/* src/styles.css */
.br-select {
  --select-divider: 1px solid var(--color-secondary-04);
  --select-shadow: var(--surface-shadow-md);
  max-width: 400px;
  min-width: 100px;
  position: relative;
}
.br-select .br-input input {
  padding-right: 29px;
  text-overflow: ellipsis;
}
.br-select .br-input input::after {
  bottom: 0;
  padding: 0 5px;
  position: absolute;
  right: 0;
}
.br-select .br-list {
  background: var(--bg-color);
  box-shadow: var(--select-shadow);
  display: none;
  margin-top: -2px;
  max-height: 404px;
  overflow: auto;
  position: absolute;
  resize: none;
  width: 100%;
  z-index: 1;
}
.br-select .br-list::-webkit-scrollbar {
  height: var(--spacing-scale-base);
  width: var(--spacing-scale-base);
}
.br-select .br-list::-webkit-scrollbar-track {
  background: var(--gray-10);
}
.br-select .br-list::-webkit-scrollbar-thumb {
  background: var(--gray-30);
}
.br-select .br-list:hover::-webkit-scrollbar-thumb {
  background: var(--gray-40);
}
.br-select .br-list:focus,
.br-select .br-list:active {
  color: var(--color-secondary-09);
  outline: none;
}
.br-select .br-list:hover::-webkit-scrollbar-thumb {
  background: var(--color-secondary-07);
}
.br-select .br-list[expanded] {
  display: block;
}
.br-select .br-item {
  --color: var(--color-light);
  --color-rgb: var(--color-light-rgb);
  --text-color: var(--color-light);
  --interactive: var(--interactive-light);
  --interactive-rgb: var(--interactive-light-rgb);
  --visited: var(--visited-light);
  --hover: var(--hover-light);
  --pressed: var(--pressed-light);
  --focus-color: var(--focus-color-light);
  --focus: var(--focus-color-light);
  --item-padding-y: var(--spacing-scale-2x);
}
.br-select .br-item .content {
  padding: 0;
}
.br-select .br-item .br-checkbox,
.br-select .br-item .br-radio {
  --item-padding-x: var(--spacing-scale-2x);
  --item-padding-y: var(--spacing-scale-2x);
}
.br-select .br-item .br-checkbox input:hover:not(:disabled) + label::before,
.br-select .br-item .br-radio input:hover:not(:disabled) + label::before {
  background-image: none;
}
.br-select .br-item .br-checkbox input + label,
.br-select .br-item .br-radio input + label {
  padding-left: calc(var(--checkbox-padding) + var(--checkbox-size) + var(--item-padding-x));
}
.br-select .br-item .br-radio input + label {
  color: var(--text-color);
  display: block;
  height: auto;
  min-height: 0;
  padding: var(--item-padding);
}
.br-select .br-item .br-radio input + label::before,
.br-select .br-item .br-radio input + label::after {
  content: none;
}
.br-select .br-item:not(:last-child) {
  border-bottom: var(--select-divider);
}
.br-select .br-item:not([disabled]) {
  --focus-offset: calc(var(--spacing-scale-half) * -1);
}
.br-select .br-item:not([disabled]):focus {
  outline: none;
}
.br-select .br-item:not([disabled]).focus-visible,
.br-select .br-item:not([disabled]):focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}
.br-select .br-item:not([disabled]):not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.br-select .br-item.selected,
.br-select .br-item[selected] {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}
.br-select .br-item.selected:focus,
.br-select .br-item[selected]:focus {
  outline: none;
}
.br-select .br-item.selected.focus-visible,
.br-select .br-item.selected:focus-visible,
.br-select .br-item[selected].focus-visible,
.br-select .br-item[selected]:focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}
.br-select .br-item.selected:not(:disabled):hover,
.br-select .br-item[selected]:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.br-select .br-item.disabled {
  line-height: calc(var(--font-line-height-high) * 2);
  padding-left: calc(var(--item-padding) + var(--spacing-scale-base));
}
.br-select .br-item.highlighted,
.br-select .br-item[highlighted] {
  background-color: var(--gray-2);
  padding-bottom: var(--spacing-scale-base);
  padding-top: var(--spacing-scale-base);
}
.br-select .br-item.highlighted .br-checkbox label,
.br-select .br-item.highlighted .br-radio label,
.br-select .br-item[highlighted] .br-checkbox label,
.br-select .br-item[highlighted] .br-radio label {
  font-weight: var(--font-weight-semi-bold);
}
.br-select .br-item.highlighted .br-checkbox:hover,
.br-select .br-item.highlighted .br-radio:hover,
.br-select .br-item[highlighted] .br-checkbox:hover,
.br-select .br-item[highlighted] .br-radio:hover {
  background: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-select .br-item.highlighted .br-checkbox:hover label,
.br-select .br-item.highlighted .br-radio:hover label,
.br-select .br-item[highlighted] .br-checkbox:hover label,
.br-select .br-item[highlighted] .br-radio:hover label {
  color: var(--text-color);
}
.br-select .br-item.highlighted.selected,
.br-select .br-item.highlighted[selected],
.br-select .br-item[highlighted].selected,
.br-select .br-item[highlighted][selected] {
  background-color: var(--selected);
}
.br-select.inverted .br-input,
.br-select.inverted .br-input label,
.br-select.dark-mode .br-input,
.br-select.dark-mode .br-input label {
  --color: var(--color-dark);
  --focus-color: var(--focus-color-dark);
}
.br-upload.input-inline {
  display: flex;
}
.br-upload.input-inline .input-label {
  margin-right: var(--spacing-scale-baseh);
  margin-top: calc(var(--input-size) * 0.5 - var(--spacing-scale-half));
}
.br-upload.input-inline .input-content {
  flex: 1;
}
.visibility-hidden {
  visibility: hidden;
}
.max-width-400.row {
  max-width: calc(400px + (2*var(--spacing-scale-baseh))) !important;
}
.section-title {
  display: block;
  margin-bottom: var(--spacing-scale-baseh);
  font-size: var(--font-size-scale-up-02);
  font-weight: var(--font-weight-bold);
}
.field-title {
  font-weight: 800;
  font-size: 16.8px;
}
hr {
  margin-top: var(--spacing-scale-3xh) !important;
}
.app-modal-backdrop {
  background: rgba(0, 0, 0, 0.4);
}
.br-checkbox input.success + label:before {
  border: 2px solid var(--success) !important;
}
.br-checkbox input.warning + label:before {
  border: 2px solid var(--warning) !important;
}
.br-checkbox input.error + label:before {
  border: 2px solid var(--error) !important;
}
.br-checkbox input.info + label:before {
  border: 2px solid var(--info) !important;
}
.br-radio input.success + label:before {
  border: 2px solid var(--success) !important;
}
.br-radio input.warning + label:before {
  border: 2px solid var(--warning) !important;
}
.br-radio input.error + label:before {
  border: 2px solid var(--error) !important;
}
.br-radio input.info + label:before {
  border: 2px solid var(--info) !important;
}
.ale-card {
  background-color: #F0F2F54D;
  border: 1px solid #D7DFEA;
  border-radius: 8px;
  padding: 17px;
  display: flex;
  flex-direction: column;
}
.ale-id-card {
  border: 1px solid #ccdbef;
  border-radius: 4px;
  padding: 16px;
  background-color: #fafcfe;
  display: flex;
  flex-direction: column;
  max-width: fit-content;
}
.ale-id-card > .label {
  font-weight: 700;
  font-size: 14px;
  color: #1e1e1e;
  margin-bottom: 0px;
}
.ale-id-card > .number {
  font-weight: 700;
  font-size: 30px;
  color: #1559B2;
  align-self: center;
}
.d-none {
  display: none !important;
}
.btn-link {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: #0066cc;
  text-decoration: none;
  cursor: pointer;
  display: inline;
}
.btn-link:hover,
.btn-link:focus {
  text-decoration: underline;
  color: #004499;
}
.btn-link:focus-visible {
  outline: 2px solid #0066cc;
  outline-offset: 2px;
}

/* node_modules/@govbr-ds/core/dist/core.min.css */
.flatpickr-calendar {
  -webkit-animation: none;
  animation: none;
  background: transparent;
  background: #fff;
  border: 0;
  border-radius: 5px;
  -webkit-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, .08);
  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, .08);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  direction: ltr;
  display: none;
  font-size: 14px;
  line-height: 24px;
  opacity: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  visibility: hidden;
  width: 307.875px;
}
.flatpickr-calendar.inline,
.flatpickr-calendar.open {
  max-height: 640px;
  opacity: 1;
  visibility: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}
.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown .3s cubic-bezier(.23, 1, .32, 1);
  animation: fpFadeInDown .3s cubic-bezier(.23, 1, .32, 1);
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  display: block;
  z-index: 999;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasTime .dayContainer,
.flatpickr-calendar .hasWeeks .dayContainer {
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  border-top: 1px solid #e6e6e6;
  height: 40px;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:after,
.flatpickr-calendar:before {
  border: solid transparent;
  content: "";
  display: block;
  height: 0;
  left: 22px;
  pointer-events: none;
  position: absolute;
  width: 0;
}
.flatpickr-calendar.arrowRight:after,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.rightMost:before {
  left: auto;
  right: 22px;
}
.flatpickr-calendar.arrowCenter:after,
.flatpickr-calendar.arrowCenter:before {
  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:after,
.flatpickr-calendar.arrowTop:before {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:after,
.flatpickr-calendar.arrowBottom:before {
  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 {
  display: inline-block;
  position: relative;
}
.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-months .flatpickr-month {
  -webkit-box-flex: 1;
  background: transparent;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height: 1;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.flatpickr-months .flatpickr-month,
.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month {
  fill: rgba(0, 0, 0, .9);
  color: rgba(0, 0, 0, .9);
  height: 34px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month {
  cursor: pointer;
  padding: 10px;
  position: absolute;
  text-decoration: none;
  top: 0;
  z-index: 3;
}
.flatpickr-months .flatpickr-next-month.flatpickr-disabled,
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled {
  display: none;
}
.flatpickr-months .flatpickr-next-month i,
.flatpickr-months .flatpickr-prev-month i {
  position: relative;
}
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
  left: 0;
}
.flatpickr-months .flatpickr-next-month.flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
  right: 0;
}
.flatpickr-months .flatpickr-next-month:hover,
.flatpickr-months .flatpickr-prev-month:hover {
  color: #959ea9;
}
.flatpickr-months .flatpickr-next-month:hover svg,
.flatpickr-months .flatpickr-prev-month:hover svg {
  fill: #f64747;
}
.flatpickr-months .flatpickr-next-month svg,
.flatpickr-months .flatpickr-prev-month svg {
  height: 14px;
  width: 14px;
}
.flatpickr-months .flatpickr-next-month svg path,
.flatpickr-months .flatpickr-prev-month svg path {
  fill: inherit;
  -webkit-transition: fill .1s;
  transition: fill .1s;
}
.numInputWrapper {
  height: auto;
  position: relative;
}
.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper input::-webkit-inner-spin-button,
.numInputWrapper input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.numInputWrapper span {
  border: 1px solid rgba(57, 57, 57, .15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  padding: 0 4px 0 2px;
  position: absolute;
  right: 0;
  width: 14px;
}
.numInputWrapper span:hover {
  background: rgba(0, 0, 0, .1);
}
.numInputWrapper span:active {
  background: rgba(0, 0, 0, .2);
}
.numInputWrapper span:after {
  content: "";
  display: block;
  position: absolute;
}
.numInputWrapper span.arrowUp {
  border-bottom: 0;
  top: 0;
}
.numInputWrapper span.arrowUp:after {
  border-bottom: 4px solid rgba(57, 57, 57, .6);
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  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, .6);
  top: 40%;
}
.numInputWrapper span svg {
  height: auto;
  width: inherit;
}
.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, .5);
}
.numInputWrapper:hover {
  background: rgba(0, 0, 0, .05);
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  color: inherit;
  display: inline-block;
  font-size: 135%;
  font-weight: 300;
  height: 34px;
  left: 12.5%;
  line-height: inherit;
  line-height: 1;
  padding: 7.48px 0 0;
  position: absolute;
  text-align: center;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 75%;
}
.flatpickr-current-month span.cur-month {
  color: inherit;
  display: inline-block;
  font-family: inherit;
  font-weight: 700;
  margin-left: .5ch;
  padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, .05);
}
.flatpickr-current-month .numInputWrapper {
  display: inline-block;
  width: 6ch;
  width: 7ch\fffd;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, .9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, .9);
}
.flatpickr-current-month input.cur-year {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  background: transparent;
  border: 0;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: 0;
  padding: 0 0 0 .5ch;
  vertical-align: initial;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  background: transparent;
  color: rgba(0, 0, 0, .5);
  font-size: 100%;
  pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0;
  outline: none;
  padding: 0 0 0 .5ch;
  position: relative;
  vertical-align: initial;
  width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:active,
.flatpickr-current-month .flatpickr-monthDropdown-months:focus {
  outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, .05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}
.flatpickr-weekdays {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: transparent;
  height: 28px;
  overflow: hidden;
  text-align: center;
  width: 100%;
}
.flatpickr-weekdays,
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer,
span.flatpickr-weekday {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
span.flatpickr-weekday {
  background: transparent;
  color: rgba(0, 0, 0, .54);
  cursor: default;
  display: block;
  font-size: 90%;
  font-weight: bolder;
  line-height: 1;
  margin: 0;
  text-align: center;
}
.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0;
}
.flatpickr-days {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  position: relative;
  width: 307.875px;
}
.flatpickr-days:focus {
  outline: 0;
}
.dayContainer {
  -ms-flex-pack: justify;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  max-width: 307.875px;
  min-width: 307.875px;
  opacity: 1;
  outline: 0;
  padding: 0;
  text-align: left;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 307.875px;
}
.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
  box-shadow: -1px 0 0 #e6e6e6;
}
.flatpickr-day {
  -ms-flex-preferred-size: 14.2857143%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  display: inline-block;
  -webkit-flex-basis: 14.2857143%;
  flex-basis: 14.2857143%;
  font-weight: 400;
  height: 39px;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 39px;
  margin: 0;
  max-width: 39px;
  position: relative;
  text-align: center;
  width: 14.2857143%;
}
.flatpickr-day.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day.nextMonthDay:focus,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.today.inRange,
.flatpickr-day:focus,
.flatpickr-day:hover {
  background: #e6e6e6;
  border-color: #e6e6e6;
  cursor: pointer;
  outline: 0;
}
.flatpickr-day.today {
  border-color: #959ea9;
}
.flatpickr-day.today:focus,
.flatpickr-day.today:hover {
  background: #959ea9;
  border-color: #959ea9;
  color: #fff;
}
.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
  background: #569ff7;
  border-color: #569ff7;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}
.flatpickr-day.endRange.startRange,
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-day.endRange.endRange,
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
  box-shadow: -10px 0 0 #569ff7;
}
.flatpickr-day.endRange.startRange.endRange,
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.nextMonthDay,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.prevMonthDay {
  background: transparent;
  border-color: transparent;
  color: rgba(57, 57, 57, .3);
  cursor: default;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  color: rgba(57, 57, 57, .1);
  cursor: not-allowed;
}
.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
  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 {
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6;
  padding: 0 12px;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  line-height: 28px;
  width: 100%;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  background: transparent;
  border: none;
  color: rgba(57, 57, 57, .3);
  cursor: default;
  display: block;
  max-width: none;
  width: 100%;
}
.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.flatpickr-innerContainer,
.flatpickr-rContainer {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
}
.flatpickr-time {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  outline: 0;
  overflow: hidden;
  text-align: center;
}
.flatpickr-time:after {
  clear: both;
  content: "";
  display: table;
}
.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  float: left;
  height: 40px;
  width: 40%;
}
.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 {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  background: transparent;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  font-size: 14px;
  height: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: 700;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.flatpickr-time input:focus {
  border: 0;
  outline: 0;
}
.flatpickr-time .flatpickr-am-pm,
.flatpickr-time .flatpickr-time-separator {
  -ms-flex-item-align: center;
  -webkit-align-self: center;
  align-self: center;
  color: #393939;
  float: left;
  font-weight: 700;
  height: inherit;
  line-height: inherit;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 2%;
}
.flatpickr-time .flatpickr-am-pm {
  cursor: pointer;
  font-weight: 400;
  outline: 0;
  text-align: center;
  width: 18%;
}
.flatpickr-time .flatpickr-am-pm:focus,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time input:hover {
  background: #eee;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@-webkit-keyframes fpFadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fpFadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
:root {
  --blue-90:#11181d;
  --blue-80:#1f303e;
  --blue-70:#274863;
  --blue-60:#2c608a;
  --blue-50:#2378c3;
  --blue-40:#4f97d1;
  --blue-30:#73b3e7;
  --blue-20:#aacdec;
  --blue-10:#dbe8fb;
  --blue-5:#eff6fb;
  --blue-cool-90:#0f191c;
  --blue-cool-80:#14333d;
  --blue-cool-70:#224a58;
  --blue-cool-60:#2e6276;
  --blue-cool-50:#3a7d95;
  --blue-cool-40:#6499af;
  --blue-cool-30:#82b4c9;
  --blue-cool-20:#adcfdc;
  --blue-cool-10:#dae9ee;
  --blue-cool-5:#e7f2f5;
  --blue-warm-90:#13171f;
  --blue-warm-80:#252f3e;
  --blue-warm-70:#2f4668;
  --blue-warm-60:#345d96;
  --blue-warm-50:#4a77b4;
  --blue-warm-40:#7292c7;
  --blue-warm-30:#98afd2;
  --blue-warm-20:#c5d4eb;
  --blue-warm-10:#e1e7f1;
  --blue-warm-5:#ecf1f7;
  --blue-vivid-80:#112f4e;
  --blue-vivid-70:#0b4778;
  --blue-vivid-60:#005ea2;
  --blue-vivid-50:#0076d6;
  --blue-vivid-40:#2491ff;
  --blue-vivid-30:#58b4ff;
  --blue-vivid-20:#a1d3ff;
  --blue-vivid-10:#cfe8ff;
  --blue-vivid-5:#e8f5ff;
  --blue-cool-vivid-80:#002d3f;
  --blue-cool-vivid-70:#074b69;
  --blue-cool-vivid-60:#07648d;
  --blue-cool-vivid-50:#0d7ea2;
  --blue-cool-vivid-40:#28a0cb;
  --blue-cool-vivid-30:#59b9de;
  --blue-cool-vivid-20:#97d4ea;
  --blue-cool-vivid-10:#c3ebfa;
  --blue-cool-vivid-5:#e1f3f8;
  --blue-warm-vivid-90:#071d41;
  --blue-warm-vivid-80:#0c326f;
  --blue-warm-vivid-70:#1351b4;
  --blue-warm-vivid-60:#155bcb;
  --blue-warm-vivid-50:#2670e8;
  --blue-warm-vivid-40:#5992ed;
  --blue-warm-vivid-30:#81aefc;
  --blue-warm-vivid-20:#adcdff;
  --blue-warm-vivid-10:#d4e5ff;
  --blue-warm-vivid-5:#edf5ff;
  --blue-90-rgb:17,24,29;
  --blue-80-rgb:31,48,62;
  --blue-70-rgb:39,72,99;
  --blue-60-rgb:44,96,138;
  --blue-50-rgb:35,120,195;
  --blue-40-rgb:79,151,209;
  --blue-30-rgb:115,179,231;
  --blue-20-rgb:170,205,236;
  --blue-10-rgb:219,232,251;
  --blue-5-rgb:239,246,251;
  --blue-cool-90-rgb:15,25,28;
  --blue-cool-80-rgb:20,51,61;
  --blue-cool-70-rgb:34,74,88;
  --blue-cool-60-rgb:46,98,118;
  --blue-cool-50-rgb:58,125,149;
  --blue-cool-40-rgb:100,153,175;
  --blue-cool-30-rgb:130,180,201;
  --blue-cool-20-rgb:173,207,220;
  --blue-cool-10-rgb:218,233,238;
  --blue-cool-5-rgb:231,242,245;
  --blue-warm-90-rgb:19,23,31;
  --blue-warm-80-rgb:37,47,62;
  --blue-warm-70-rgb:47,70,104;
  --blue-warm-60-rgb:52,93,150;
  --blue-warm-50-rgb:74,119,180;
  --blue-warm-40-rgb:114,146,199;
  --blue-warm-30-rgb:152,175,210;
  --blue-warm-20-rgb:197,212,235;
  --blue-warm-10-rgb:225,231,241;
  --blue-warm-5-rgb:236,241,247;
  --blue-vivid-80-rgb:17,47,78;
  --blue-vivid-70-rgb:11,71,120;
  --blue-vivid-60-rgb:0,94,162;
  --blue-vivid-50-rgb:0,118,214;
  --blue-vivid-40-rgb:36,145,255;
  --blue-vivid-30-rgb:88,180,255;
  --blue-vivid-20-rgb:161,211,255;
  --blue-vivid-10-rgb:207,232,255;
  --blue-vivid-5-rgb:232,245,255;
  --blue-cool-vivid-80-rgb:0,45,63;
  --blue-cool-vivid-70-rgb:7,75,105;
  --blue-cool-vivid-60-rgb:7,100,141;
  --blue-cool-vivid-50-rgb:13,126,162;
  --blue-cool-vivid-40-rgb:40,160,203;
  --blue-cool-vivid-30-rgb:89,185,222;
  --blue-cool-vivid-20-rgb:151,212,234;
  --blue-cool-vivid-10-rgb:195,235,250;
  --blue-cool-vivid-5-rgb:225,243,248;
  --blue-warm-vivid-90-rgb:7,29,65;
  --blue-warm-vivid-80-rgb:12,50,111;
  --blue-warm-vivid-70-rgb:19,81,180;
  --blue-warm-vivid-60-rgb:21,91,203;
  --blue-warm-vivid-50-rgb:38,112,232;
  --blue-warm-vivid-40-rgb:89,146,237;
  --blue-warm-vivid-30-rgb:129,174,252;
  --blue-warm-vivid-20-rgb:173,205,255;
  --blue-warm-vivid-10-rgb:212,229,255;
  --blue-warm-vivid-5-rgb:237,245,255;
  --cyan-90:#111819;
  --cyan-80:#203133;
  --cyan-70:#2c4a4e;
  --cyan-60:#2a646d;
  --cyan-50:#168092;
  --cyan-40:#449dac;
  --cyan-30:#5dc0d1;
  --cyan-20:#99deea;
  --cyan-10:#ccecf2;
  --cyan-5:#e7f6f8;
  --cyan-vivid-80:#093b44;
  --cyan-vivid-70:#0e4f5c;
  --cyan-vivid-60:#00687d;
  --cyan-vivid-50:#0081a1;
  --cyan-vivid-40:#009ec1;
  --cyan-vivid-30:#00bde3;
  --cyan-vivid-20:#52daf2;
  --cyan-vivid-10:#a8f2ff;
  --cyan-vivid-5:#e5faff;
  --cyan-90-rgb:17,24,25;
  --cyan-80-rgb:32,49,51;
  --cyan-70-rgb:44,74,78;
  --cyan-60-rgb:42,100,109;
  --cyan-50-rgb:22,128,146;
  --cyan-40-rgb:68,157,172;
  --cyan-30-rgb:93,192,209;
  --cyan-20-rgb:153,222,234;
  --cyan-10-rgb:204,236,242;
  --cyan-5-rgb:231,246,248;
  --cyan-vivid-80-rgb:9,59,68;
  --cyan-vivid-70-rgb:14,79,92;
  --cyan-vivid-60-rgb:0,104,125;
  --cyan-vivid-50-rgb:0,129,161;
  --cyan-vivid-40-rgb:0,158,193;
  --cyan-vivid-30-rgb:0,189,227;
  --cyan-vivid-20-rgb:82,218,242;
  --cyan-vivid-10-rgb:168,242,255;
  --cyan-vivid-5-rgb:229,250,255;
  --gold-90:#191714;
  --gold-80:#322d26;
  --gold-70:#4d4438;
  --gold-60:#6b5947;
  --gold-50:#8e704f;
  --gold-40:#ad8b65;
  --gold-30:#c7a97b;
  --gold-20:#dec69a;
  --gold-10:#f1e5cd;
  --gold-5:#f5f0e6;
  --gold-vivid-80:#3b2b15;
  --gold-vivid-70:#5c410a;
  --gold-vivid-60:#7a591a;
  --gold-vivid-50:#936f38;
  --gold-vivid-40:#c2850c;
  --gold-vivid-30:#e5a000;
  --gold-vivid-20:#ffbe2e;
  --gold-vivid-10:#ffe396;
  --gold-vivid-5:#fef0c8;
  --gold-90-rgb:25,23,20;
  --gold-80-rgb:50,45,38;
  --gold-70-rgb:77,68,56;
  --gold-60-rgb:107,89,71;
  --gold-50-rgb:142,112,79;
  --gold-40-rgb:173,139,101;
  --gold-30-rgb:199,169,123;
  --gold-20-rgb:222,198,154;
  --gold-10-rgb:241,229,205;
  --gold-5-rgb:245,240,230;
  --gold-vivid-80-rgb:59,43,21;
  --gold-vivid-70-rgb:92,65,10;
  --gold-vivid-60-rgb:122,89,26;
  --gold-vivid-50-rgb:147,111,56;
  --gold-vivid-40-rgb:194,133,12;
  --gold-vivid-30-rgb:229,160,0;
  --gold-vivid-20-rgb:255,190,46;
  --gold-vivid-10-rgb:255,227,150;
  --gold-vivid-5-rgb:254,240,200;
  --gray-90:#1b1b1b;
  --gray-80:#333;
  --gray-70:#555;
  --gray-60:#636363;
  --gray-50:#757575;
  --gray-40:#888;
  --gray-30:#adadad;
  --gray-20:#ccc;
  --gray-10:#e6e6e6;
  --gray-5:#f0f0f0;
  --gray-4:#f3f3f3;
  --gray-3:#f6f6f6;
  --gray-2:#f8f8f8;
  --gray-1:#fcfcfc;
  --gray-cool-90:#1c1d1f;
  --gray-cool-80:#2d2e2f;
  --gray-cool-70:#3d4551;
  --gray-cool-60:#565c65;
  --gray-cool-50:#71767a;
  --gray-cool-40:#8d9297;
  --gray-cool-30:#a9aeb1;
  --gray-cool-20:#c6cace;
  --gray-cool-10:#dfe1e2;
  --gray-cool-5:#edeff0;
  --gray-cool-4:#f1f3f6;
  --gray-cool-3:#f5f6f7;
  --gray-cool-2:#f7f9fa;
  --gray-cool-1:#fbfcfd;
  --gray-warm-90:#171716;
  --gray-warm-80:#2e2e2a;
  --gray-warm-70:#454540;
  --gray-warm-60:#5d5d52;
  --gray-warm-50:#76766a;
  --gray-warm-40:#929285;
  --gray-warm-30:#afaea2;
  --gray-warm-20:#cac9c0;
  --gray-warm-10:#e6e6e2;
  --gray-warm-5:#f0f0ec;
  --gray-warm-4:#f5f5f0;
  --gray-warm-3:#f6f6f2;
  --gray-warm-2:#f9f9f7;
  --gray-warm-1:#fcfcfb;
  --gray-90-rgb:27,27,27;
  --gray-80-rgb:51,51,51;
  --gray-70-rgb:85,85,85;
  --gray-60-rgb:99,99,99;
  --gray-50-rgb:117,117,117;
  --gray-40-rgb:136,136,136;
  --gray-30-rgb:173,173,173;
  --gray-20-rgb:204,204,204;
  --gray-10-rgb:230,230,230;
  --gray-5-rgb:240,240,240;
  --gray-4-rgb:243,243,243;
  --gray-3-rgb:246,246,246;
  --gray-2-rgb:248,248,248;
  --gray-1-rgb:252,252,252;
  --gray-cool-90-rgb:28,29,31;
  --gray-cool-80-rgb:45,46,47;
  --gray-cool-70-rgb:61,69,81;
  --gray-cool-60-rgb:86,92,101;
  --gray-cool-50-rgb:113,118,122;
  --gray-cool-40-rgb:141,146,151;
  --gray-cool-30-rgb:169,174,177;
  --gray-cool-20-rgb:198,202,206;
  --gray-cool-10-rgb:223,225,226;
  --gray-cool-5-rgb:237,239,240;
  --gray-cool-4-rgb:241,243,246;
  --gray-cool-3-rgb:245,246,247;
  --gray-cool-2-rgb:247,249,250;
  --gray-cool-1-rgb:251,252,253;
  --gray-warm-90-rgb:23,23,22;
  --gray-warm-80-rgb:46,46,42;
  --gray-warm-70-rgb:69,69,64;
  --gray-warm-60-rgb:93,93,82;
  --gray-warm-50-rgb:118,118,106;
  --gray-warm-40-rgb:146,146,133;
  --gray-warm-30-rgb:175,174,162;
  --gray-warm-20-rgb:202,201,192;
  --gray-warm-10-rgb:230,230,226;
  --gray-warm-5-rgb:240,240,236;
  --gray-warm-4-rgb:245,245,240;
  --gray-warm-3-rgb:246,246,242;
  --gray-warm-2-rgb:249,249,247;
  --gray-warm-1-rgb:252,252,251;
  --green-90:#161814;
  --green-80:#293021;
  --green-70:#3c4a29;
  --green-60:#4c6424;
  --green-50:#607f35;
  --green-40:#7d9b4e;
  --green-30:#9bb672;
  --green-20:#b8d293;
  --green-10:#dfeacd;
  --green-5:#eaf4dd;
  --green-cool-90:#1a1f1a;
  --green-cool-80:#28312a;
  --green-cool-70:#37493b;
  --green-cool-60:#446443;
  --green-cool-50:#4d8055;
  --green-cool-40:#5e9f69;
  --green-cool-30:#86b98e;
  --green-cool-20:#b4d0b9;
  --green-cool-10:#dbebde;
  --green-cool-5:#ecf3ec;
  --green-warm-90:#171712;
  --green-warm-80:#2d2f21;
  --green-warm-70:#45472f;
  --green-warm-60:#5a5f38;
  --green-warm-50:#6f7a41;
  --green-warm-40:#8a984b;
  --green-warm-30:#a6b557;
  --green-warm-20:#cbd17a;
  --green-warm-10:#e7eab7;
  --green-warm-5:#f1f4d7;
  --green-vivid-80:#243413;
  --green-vivid-70:#2f4a0b;
  --green-vivid-60:#466c04;
  --green-vivid-50:#538200;
  --green-vivid-40:#719f2a;
  --green-vivid-30:#7fb135;
  --green-vivid-20:#98d035;
  --green-vivid-10:#c5ee93;
  --green-vivid-5:#ddf9c7;
  --green-cool-vivid-80:#19311e;
  --green-cool-vivid-70:#154c21;
  --green-cool-vivid-60:#216e1f;
  --green-cool-vivid-50:#168821;
  --green-cool-vivid-40:#00a91c;
  --green-cool-vivid-30:#21c834;
  --green-cool-vivid-20:#70e17b;
  --green-cool-vivid-10:#b7f5bd;
  --green-cool-vivid-5:#e3f5e1;
  --green-warm-vivid-80:#38380b;
  --green-warm-vivid-70:#4b4e10;
  --green-warm-vivid-60:#5a6613;
  --green-warm-vivid-50:#6a7d00;
  --green-warm-vivid-40:#7e9c1d;
  --green-warm-vivid-30:#a3b72c;
  --green-warm-vivid-20:#c5d30a;
  --green-warm-vivid-10:#e7f434;
  --green-warm-vivid-5:#f5fbc1;
  --green-90-rgb:22,24,20;
  --green-80-rgb:41,48,33;
  --green-70-rgb:60,74,41;
  --green-60-rgb:76,100,36;
  --green-50-rgb:96,127,53;
  --green-40-rgb:125,155,78;
  --green-30-rgb:155,182,114;
  --green-20-rgb:184,210,147;
  --green-10-rgb:223,234,205;
  --green-5-rgb:234,244,221;
  --green-cool-90-rgb:26,31,26;
  --green-cool-80-rgb:40,49,42;
  --green-cool-70-rgb:55,73,59;
  --green-cool-60-rgb:68,100,67;
  --green-cool-50-rgb:77,128,85;
  --green-cool-40-rgb:94,159,105;
  --green-cool-30-rgb:134,185,142;
  --green-cool-20-rgb:180,208,185;
  --green-cool-10-rgb:219,235,222;
  --green-cool-5-rgb:236,243,236;
  --green-warm-90-rgb:23,23,18;
  --green-warm-80-rgb:45,47,33;
  --green-warm-70-rgb:69,71,47;
  --green-warm-60-rgb:90,95,56;
  --green-warm-50-rgb:111,122,65;
  --green-warm-40-rgb:138,152,75;
  --green-warm-30-rgb:166,181,87;
  --green-warm-20-rgb:203,209,122;
  --green-warm-10-rgb:231,234,183;
  --green-warm-5-rgb:241,244,215;
  --green-vivid-80-rgb:36,52,19;
  --green-vivid-70-rgb:47,74,11;
  --green-vivid-60-rgb:70,108,4;
  --green-vivid-50-rgb:83,130,0;
  --green-vivid-40-rgb:113,159,42;
  --green-vivid-30-rgb:127,177,53;
  --green-vivid-20-rgb:152,208,53;
  --green-vivid-10-rgb:197,238,147;
  --green-vivid-5-rgb:221,249,199;
  --green-cool-vivid-80-rgb:25,49,30;
  --green-cool-vivid-70-rgb:21,76,33;
  --green-cool-vivid-60-rgb:33,110,31;
  --green-cool-vivid-50-rgb:22,136,33;
  --green-cool-vivid-40-rgb:0,169,28;
  --green-cool-vivid-30-rgb:33,200,52;
  --green-cool-vivid-20-rgb:112,225,123;
  --green-cool-vivid-10-rgb:183,245,189;
  --green-cool-vivid-5-rgb:227,245,225;
  --green-warm-vivid-80-rgb:56,56,11;
  --green-warm-vivid-70-rgb:75,78,16;
  --green-warm-vivid-60-rgb:90,102,19;
  --green-warm-vivid-50-rgb:106,125,0;
  --green-warm-vivid-40-rgb:126,156,29;
  --green-warm-vivid-30-rgb:163,183,44;
  --green-warm-vivid-20-rgb:197,211,10;
  --green-warm-vivid-10-rgb:231,244,52;
  --green-warm-vivid-5-rgb:245,251,193;
  --indigo-90:#16171f;
  --indigo-80:#2b2c40;
  --indigo-70:#3d4076;
  --indigo-60:#4d52af;
  --indigo-50:#676cc8;
  --indigo-40:#8889db;
  --indigo-30:#a5a8eb;
  --indigo-20:#c5c5f3;
  --indigo-10:#e5e4fa;
  --indigo-5:#efeff8;
  --indigo-cool-90:#151622;
  --indigo-cool-80:#292d42;
  --indigo-cool-70:#374274;
  --indigo-cool-60:#3f57a6;
  --indigo-cool-50:#496fd8;
  --indigo-cool-40:#6b8ee8;
  --indigo-cool-30:#96abee;
  --indigo-cool-20:#bbc8f5;
  --indigo-cool-10:#e1e6f9;
  --indigo-cool-5:#eef0f9;
  --indigo-warm-90:#18161d;
  --indigo-warm-80:#2e2c40;
  --indigo-warm-70:#453c7b;
  --indigo-warm-60:#5e519e;
  --indigo-warm-50:#7665d1;
  --indigo-warm-40:#9287d8;
  --indigo-warm-30:#afa5e8;
  --indigo-warm-20:#cbc4f2;
  --indigo-warm-10:#e7e3fa;
  --indigo-warm-5:#f1eff7;
  --indigo-vivid-80:#212463;
  --indigo-vivid-70:#3333a3;
  --indigo-vivid-60:#4a50c4;
  --indigo-vivid-50:#656bd7;
  --indigo-vivid-40:#8289ff;
  --indigo-vivid-30:#a3a7fa;
  --indigo-vivid-20:#ccceff;
  --indigo-vivid-10:#e0e0ff;
  --indigo-vivid-5:#f0f0ff;
  --indigo-cool-vivid-80:#1b2b85;
  --indigo-cool-vivid-70:#222fbf;
  --indigo-cool-vivid-60:#3e4ded;
  --indigo-cool-vivid-50:#4866ff;
  --indigo-cool-vivid-40:#628ef4;
  --indigo-cool-vivid-30:#94adff;
  --indigo-cool-vivid-20:#b8c8ff;
  --indigo-cool-vivid-10:#dee5ff;
  --indigo-cool-vivid-5:#edf0ff;
  --indigo-warm-vivid-80:#261f5b;
  --indigo-warm-vivid-70:#3d2c9d;
  --indigo-warm-vivid-60:#5942d2;
  --indigo-warm-vivid-50:#745fe9;
  --indigo-warm-vivid-40:#967efb;
  --indigo-warm-vivid-30:#b69fff;
  --indigo-warm-vivid-20:#cfc4fd;
  --indigo-warm-vivid-10:#e4deff;
  --indigo-warm-vivid-5:#f5f2ff;
  --indigo-90-rgb:22,23,31;
  --indigo-80-rgb:43,44,64;
  --indigo-70-rgb:61,64,118;
  --indigo-60-rgb:77,82,175;
  --indigo-50-rgb:103,108,200;
  --indigo-40-rgb:136,137,219;
  --indigo-30-rgb:165,168,235;
  --indigo-20-rgb:197,197,243;
  --indigo-10-rgb:229,228,250;
  --indigo-5-rgb:239,239,248;
  --indigo-cool-90-rgb:21,22,34;
  --indigo-cool-80-rgb:41,45,66;
  --indigo-cool-70-rgb:55,66,116;
  --indigo-cool-60-rgb:63,87,166;
  --indigo-cool-50-rgb:73,111,216;
  --indigo-cool-40-rgb:107,142,232;
  --indigo-cool-30-rgb:150,171,238;
  --indigo-cool-20-rgb:187,200,245;
  --indigo-cool-10-rgb:225,230,249;
  --indigo-cool-5-rgb:238,240,249;
  --indigo-warm-90-rgb:24,22,29;
  --indigo-warm-80-rgb:46,44,64;
  --indigo-warm-70-rgb:69,60,123;
  --indigo-warm-60-rgb:94,81,158;
  --indigo-warm-50-rgb:118,101,209;
  --indigo-warm-40-rgb:146,135,216;
  --indigo-warm-30-rgb:175,165,232;
  --indigo-warm-20-rgb:203,196,242;
  --indigo-warm-10-rgb:231,227,250;
  --indigo-warm-5-rgb:241,239,247;
  --indigo-vivid-80-rgb:33,36,99;
  --indigo-vivid-70-rgb:51,51,163;
  --indigo-vivid-60-rgb:74,80,196;
  --indigo-vivid-50-rgb:101,107,215;
  --indigo-vivid-40-rgb:130,137,255;
  --indigo-vivid-30-rgb:163,167,250;
  --indigo-vivid-20-rgb:204,206,255;
  --indigo-vivid-10-rgb:224,224,255;
  --indigo-vivid-5-rgb:240,240,255;
  --indigo-cool-vivid-80-rgb:27,43,133;
  --indigo-cool-vivid-70-rgb:34,47,191;
  --indigo-cool-vivid-60-rgb:62,77,237;
  --indigo-cool-vivid-50-rgb:72,102,255;
  --indigo-cool-vivid-40-rgb:98,142,244;
  --indigo-cool-vivid-30-rgb:148,173,255;
  --indigo-cool-vivid-20-rgb:184,200,255;
  --indigo-cool-vivid-10-rgb:222,229,255;
  --indigo-cool-vivid-5-rgb:237,240,255;
  --indigo-warm-vivid-80-rgb:38,31,91;
  --indigo-warm-vivid-70-rgb:61,44,157;
  --indigo-warm-vivid-60-rgb:89,66,210;
  --indigo-warm-vivid-50-rgb:116,95,233;
  --indigo-warm-vivid-40-rgb:150,126,251;
  --indigo-warm-vivid-30-rgb:182,159,255;
  --indigo-warm-vivid-20-rgb:207,196,253;
  --indigo-warm-vivid-10-rgb:228,222,255;
  --indigo-warm-vivid-5-rgb:245,242,255;
  --magenta-90:#1b1617;
  --magenta-80:#402731;
  --magenta-70:#66364b;
  --magenta-60:#8b4566;
  --magenta-50:#c84281;
  --magenta-40:#e0699f;
  --magenta-30:#e895b3;
  --magenta-20:#f0bbcc;
  --magenta-10:#f6e1e8;
  --magenta-5:#f9f0f2;
  --magenta-vivid-80:#4f172e;
  --magenta-vivid-70:#731f44;
  --magenta-vivid-60:#ab2165;
  --magenta-vivid-50:#d72d79;
  --magenta-vivid-40:#fd4496;
  --magenta-vivid-30:#ff87b2;
  --magenta-vivid-20:#ffb4cf;
  --magenta-vivid-10:#ffddea;
  --magenta-vivid-5:#fff2f5;
  --magenta-90-rgb:27,22,23;
  --magenta-80-rgb:64,39,49;
  --magenta-70-rgb:102,54,75;
  --magenta-60-rgb:139,69,102;
  --magenta-50-rgb:200,66,129;
  --magenta-40-rgb:224,105,159;
  --magenta-30-rgb:232,149,179;
  --magenta-20-rgb:240,187,204;
  --magenta-10-rgb:246,225,232;
  --magenta-5-rgb:249,240,242;
  --magenta-vivid-80-rgb:79,23,46;
  --magenta-vivid-70-rgb:115,31,68;
  --magenta-vivid-60-rgb:171,33,101;
  --magenta-vivid-50-rgb:215,45,121;
  --magenta-vivid-40-rgb:253,68,150;
  --magenta-vivid-30-rgb:255,135,178;
  --magenta-vivid-20-rgb:255,180,207;
  --magenta-vivid-10-rgb:255,221,234;
  --magenta-vivid-5-rgb:255,242,245;
  --mint-90:#0d1a12;
  --mint-80:#193324;
  --mint-70:#204e34;
  --mint-60:#286846;
  --mint-50:#2e8367;
  --mint-40:#34a37e;
  --mint-30:#5abf95;
  --mint-20:#92d9bb;
  --mint-10:#c7efe2;
  --mint-5:#dbf6ed;
  --mint-cool-90:#111818;
  --mint-cool-80:#203131;
  --mint-cool-70:#2a4b45;
  --mint-cool-60:#376462;
  --mint-cool-50:#40807e;
  --mint-cool-40:#4f9e99;
  --mint-cool-30:#6fbab3;
  --mint-cool-20:#9bd4cf;
  --mint-cool-10:#c4eeeb;
  --mint-cool-5:#e0f7f6;
  --mint-vivid-80:#0d351e;
  --mint-vivid-70:#0c4e29;
  --mint-vivid-60:#146947;
  --mint-vivid-50:#008659;
  --mint-vivid-40:#00a871;
  --mint-vivid-30:#04c585;
  --mint-vivid-20:#0ceda6;
  --mint-vivid-10:#83fcd4;
  --mint-vivid-5:#c9fbeb;
  --mint-cool-vivid-80:#123131;
  --mint-cool-vivid-70:#0b4b3f;
  --mint-cool-vivid-60:#0f6460;
  --mint-cool-vivid-50:#008480;
  --mint-cool-vivid-40:#36a191;
  --mint-cool-vivid-30:#1dc2ae;
  --mint-cool-vivid-20:#40e0d0;
  --mint-cool-vivid-10:#7efbe1;
  --mint-cool-vivid-5:#d5fbf3;
  --mint-90-rgb:13,26,18;
  --mint-80-rgb:25,51,36;
  --mint-70-rgb:32,78,52;
  --mint-60-rgb:40,104,70;
  --mint-50-rgb:46,131,103;
  --mint-40-rgb:52,163,126;
  --mint-30-rgb:90,191,149;
  --mint-20-rgb:146,217,187;
  --mint-10-rgb:199,239,226;
  --mint-5-rgb:219,246,237;
  --mint-cool-90-rgb:17,24,24;
  --mint-cool-80-rgb:32,49,49;
  --mint-cool-70-rgb:42,75,69;
  --mint-cool-60-rgb:55,100,98;
  --mint-cool-50-rgb:64,128,126;
  --mint-cool-40-rgb:79,158,153;
  --mint-cool-30-rgb:111,186,179;
  --mint-cool-20-rgb:155,212,207;
  --mint-cool-10-rgb:196,238,235;
  --mint-cool-5-rgb:224,247,246;
  --mint-vivid-80-rgb:13,53,30;
  --mint-vivid-70-rgb:12,78,41;
  --mint-vivid-60-rgb:20,105,71;
  --mint-vivid-50-rgb:0,134,89;
  --mint-vivid-40-rgb:0,168,113;
  --mint-vivid-30-rgb:4,197,133;
  --mint-vivid-20-rgb:12,237,166;
  --mint-vivid-10-rgb:131,252,212;
  --mint-vivid-5-rgb:201,251,235;
  --mint-cool-vivid-80-rgb:18,49,49;
  --mint-cool-vivid-70-rgb:11,75,63;
  --mint-cool-vivid-60-rgb:15,100,96;
  --mint-cool-vivid-50-rgb:0,132,128;
  --mint-cool-vivid-40-rgb:54,161,145;
  --mint-cool-vivid-30-rgb:29,194,174;
  --mint-cool-vivid-20-rgb:64,224,208;
  --mint-cool-vivid-10-rgb:126,251,225;
  --mint-cool-vivid-5-rgb:213,251,243;
  --orange-90:#1b1614;
  --orange-80:#332d27;
  --orange-70:#524236;
  --orange-60:#775540;
  --orange-50:#a26739;
  --orange-40:#dd7533;
  --orange-30:#f09860;
  --orange-20:#f3bf90;
  --orange-10:#f2e4d4;
  --orange-5:#f6efe9;
  --orange-warm-90:#1c1615;
  --orange-warm-80:#3d2925;
  --orange-warm-70:#633a32;
  --orange-warm-60:#914734;
  --orange-warm-50:#bd5727;
  --orange-warm-40:#e17141;
  --orange-warm-30:#f3966d;
  --orange-warm-20:#f7bca2;
  --orange-warm-10:#fbe0d0;
  --orange-warm-5:#faeee5;
  --orange-vivid-80:#352313;
  --orange-vivid-70:#5f3617;
  --orange-vivid-60:#8c471c;
  --orange-vivid-50:#c05600;
  --orange-vivid-40:#e66f0e;
  --orange-vivid-30:#ff8c00;
  --orange-vivid-20:#ffbc78;
  --orange-vivid-10:#fce2c5;
  --orange-vivid-5:#fdf5e6;
  --orange-warm-vivid-80:#3d231d;
  --orange-warm-vivid-70:#782312;
  --orange-warm-vivid-60:#a72f10;
  --orange-warm-vivid-50:#cf4900;
  --orange-warm-vivid-40:#ff580a;
  --orange-warm-vivid-30:#fc906d;
  --orange-warm-vivid-20:#fbbaa7;
  --orange-warm-vivid-10:#ffe2d1;
  --orange-warm-vivid-5:#fff3ea;
  --orange-90-rgb:27,22,20;
  --orange-80-rgb:51,45,39;
  --orange-70-rgb:82,66,54;
  --orange-60-rgb:119,85,64;
  --orange-50-rgb:162,103,57;
  --orange-40-rgb:221,117,51;
  --orange-30-rgb:240,152,96;
  --orange-20-rgb:243,191,144;
  --orange-10-rgb:242,228,212;
  --orange-5-rgb:246,239,233;
  --orange-warm-90-rgb:28,22,21;
  --orange-warm-80-rgb:61,41,37;
  --orange-warm-70-rgb:99,58,50;
  --orange-warm-60-rgb:145,71,52;
  --orange-warm-50-rgb:189,87,39;
  --orange-warm-40-rgb:225,113,65;
  --orange-warm-30-rgb:243,150,109;
  --orange-warm-20-rgb:247,188,162;
  --orange-warm-10-rgb:251,224,208;
  --orange-warm-5-rgb:250,238,229;
  --orange-vivid-80-rgb:53,35,19;
  --orange-vivid-70-rgb:95,54,23;
  --orange-vivid-60-rgb:140,71,28;
  --orange-vivid-50-rgb:192,86,0;
  --orange-vivid-40-rgb:230,111,14;
  --orange-vivid-30-rgb:255,140,0;
  --orange-vivid-20-rgb:255,188,120;
  --orange-vivid-10-rgb:252,226,197;
  --orange-vivid-5-rgb:253,245,230;
  --orange-warm-vivid-80-rgb:61,35,29;
  --orange-warm-vivid-70-rgb:120,35,18;
  --orange-warm-vivid-60-rgb:167,47,16;
  --orange-warm-vivid-50-rgb:207,73,0;
  --orange-warm-vivid-40-rgb:255,88,10;
  --orange-warm-vivid-30-rgb:252,144,109;
  --orange-warm-vivid-20-rgb:251,186,167;
  --orange-warm-vivid-10-rgb:255,226,209;
  --orange-warm-vivid-5-rgb:255,243,234;
  --pure-100:#000;
  --pure-0:#fff;
  --pure-100-rgb:0,0,0;
  --pure-0-rgb:255,255,255;
  --red-90:#1b1616;
  --red-80:#3e2927;
  --red-70:#6f3331;
  --red-60:#a23737;
  --red-50:#d83933;
  --red-40:#e9695f;
  --red-30:#f2938c;
  --red-20:#f7bbb1;
  --red-10:#f8e1de;
  --red-5:#f9eeee;
  --red-cool-90:#1e1517;
  --red-cool-80:#40282c;
  --red-cool-70:#68363f;
  --red-cool-60:#9e394b;
  --red-cool-50:#cd425b;
  --red-cool-40:#e16b80;
  --red-cool-30:#e09aa6;
  --red-cool-20:#ecbec6;
  --red-cool-10:#f3e1e4;
  --red-cool-5:#f8eff1;
  --red-warm-90:#1f1c18;
  --red-warm-80:#332d29;
  --red-warm-70:#524236;
  --red-warm-60:#805039;
  --red-warm-50:#c3512c;
  --red-warm-40:#d27a56;
  --red-warm-30:#dca081;
  --red-warm-20:#ecc0a7;
  --red-warm-10:#f4e3db;
  --red-warm-5:#f6efea;
  --red-vivid-80:#5c1111;
  --red-vivid-70:#8b0a03;
  --red-vivid-60:#b50909;
  --red-vivid-50:#e52207;
  --red-vivid-40:#fb5a47;
  --red-vivid-30:#ff8d7b;
  --red-vivid-20:#fdb8ae;
  --red-vivid-10:#fde0db;
  --red-vivid-5:#fff3f2;
  --red-cool-vivid-80:#4f1c24;
  --red-cool-vivid-70:#822133;
  --red-cool-vivid-60:#b21d38;
  --red-cool-vivid-50:#e41d3d;
  --red-cool-vivid-40:#f45d79;
  --red-cool-vivid-30:#fd8ba0;
  --red-cool-vivid-20:#f8b9c5;
  --red-cool-vivid-10:#f8dfe2;
  --red-cool-vivid-5:#fff2f5;
  --red-warm-vivid-80:#3e2a1e;
  --red-warm-vivid-70:#63340f;
  --red-warm-vivid-60:#9c3d10;
  --red-warm-vivid-50:#d54309;
  --red-warm-vivid-40:#ef5e25;
  --red-warm-vivid-30:#f39268;
  --red-warm-vivid-20:#f6bd9c;
  --red-warm-vivid-10:#fce1d4;
  --red-warm-vivid-5:#fff5ee;
  --red-90-rgb:27,22,22;
  --red-80-rgb:62,41,39;
  --red-70-rgb:111,51,49;
  --red-60-rgb:162,55,55;
  --red-50-rgb:216,57,51;
  --red-40-rgb:233,105,95;
  --red-30-rgb:242,147,140;
  --red-20-rgb:247,187,177;
  --red-10-rgb:248,225,222;
  --red-5-rgb:249,238,238;
  --red-cool-90-rgb:30,21,23;
  --red-cool-80-rgb:64,40,44;
  --red-cool-70-rgb:104,54,63;
  --red-cool-60-rgb:158,57,75;
  --red-cool-50-rgb:205,66,91;
  --red-cool-40-rgb:225,107,128;
  --red-cool-30-rgb:224,154,166;
  --red-cool-20-rgb:236,190,198;
  --red-cool-10-rgb:243,225,228;
  --red-cool-5-rgb:248,239,241;
  --red-warm-90-rgb:31,28,24;
  --red-warm-80-rgb:51,45,41;
  --red-warm-70-rgb:82,66,54;
  --red-warm-60-rgb:128,80,57;
  --red-warm-50-rgb:195,81,44;
  --red-warm-40-rgb:210,122,86;
  --red-warm-30-rgb:220,160,129;
  --red-warm-20-rgb:236,192,167;
  --red-warm-10-rgb:244,227,219;
  --red-warm-5-rgb:246,239,234;
  --red-vivid-80-rgb:92,17,17;
  --red-vivid-70-rgb:139,10,3;
  --red-vivid-60-rgb:181,9,9;
  --red-vivid-50-rgb:229,34,7;
  --red-vivid-40-rgb:251,90,71;
  --red-vivid-30-rgb:255,141,123;
  --red-vivid-20-rgb:253,184,174;
  --red-vivid-10-rgb:253,224,219;
  --red-vivid-5-rgb:255,243,242;
  --red-cool-vivid-80-rgb:79,28,36;
  --red-cool-vivid-70-rgb:130,33,51;
  --red-cool-vivid-60-rgb:178,29,56;
  --red-cool-vivid-50-rgb:228,29,61;
  --red-cool-vivid-40-rgb:244,93,121;
  --red-cool-vivid-30-rgb:253,139,160;
  --red-cool-vivid-20-rgb:248,185,197;
  --red-cool-vivid-10-rgb:248,223,226;
  --red-cool-vivid-5-rgb:255,242,245;
  --red-warm-vivid-80-rgb:62,42,30;
  --red-warm-vivid-70-rgb:99,52,15;
  --red-warm-vivid-60-rgb:156,61,16;
  --red-warm-vivid-50-rgb:213,67,9;
  --red-warm-vivid-40-rgb:239,94,37;
  --red-warm-vivid-30-rgb:243,146,104;
  --red-warm-vivid-20-rgb:246,189,156;
  --red-warm-vivid-10-rgb:252,225,212;
  --red-warm-vivid-5-rgb:255,245,238;
  --violet-90:#18161d;
  --violet-80:#312b3f;
  --violet-70:#4c3d69;
  --violet-60:#665190;
  --violet-50:#8168b3;
  --violet-40:#9d84d2;
  --violet-30:#b8a2e3;
  --violet-20:#d0c3e9;
  --violet-10:#ebe3f9;
  --violet-5:#f4f1f9;
  --violet-warm-90:#1b151b;
  --violet-warm-80:#382936;
  --violet-warm-70:#5c395a;
  --violet-warm-60:#864381;
  --violet-warm-50:#b04abd;
  --violet-warm-40:#bf77c8;
  --violet-warm-30:#d29ad8;
  --violet-warm-20:#e2bee4;
  --violet-warm-10:#f6dff8;
  --violet-warm-5:#f8f0f9;
  --violet-vivid-80:#39215e;
  --violet-vivid-70:#54278f;
  --violet-vivid-60:#783cb9;
  --violet-vivid-50:#9355dc;
  --violet-vivid-40:#ad79e9;
  --violet-vivid-30:#c39deb;
  --violet-vivid-20:#d5bfff;
  --violet-vivid-10:#ede3ff;
  --violet-vivid-5:#f7f2ff;
  --violet-warm-vivid-80:#481441;
  --violet-warm-vivid-70:#711e6c;
  --violet-warm-vivid-60:#93348c;
  --violet-warm-vivid-50:#be32d0;
  --violet-warm-vivid-40:#d85bef;
  --violet-warm-vivid-30:#ee83ff;
  --violet-warm-vivid-20:#f4b2ff;
  --violet-warm-vivid-10:#fbdcff;
  --violet-warm-vivid-5:#fef2ff;
  --violet-90-rgb:24,22,29;
  --violet-80-rgb:49,43,63;
  --violet-70-rgb:76,61,105;
  --violet-60-rgb:102,81,144;
  --violet-50-rgb:129,104,179;
  --violet-40-rgb:157,132,210;
  --violet-30-rgb:184,162,227;
  --violet-20-rgb:208,195,233;
  --violet-10-rgb:235,227,249;
  --violet-5-rgb:244,241,249;
  --violet-warm-90-rgb:27,21,27;
  --violet-warm-80-rgb:56,41,54;
  --violet-warm-70-rgb:92,57,90;
  --violet-warm-60-rgb:134,67,129;
  --violet-warm-50-rgb:176,74,189;
  --violet-warm-40-rgb:191,119,200;
  --violet-warm-30-rgb:210,154,216;
  --violet-warm-20-rgb:226,190,228;
  --violet-warm-10-rgb:246,223,248;
  --violet-warm-5-rgb:248,240,249;
  --violet-vivid-80-rgb:57,33,94;
  --violet-vivid-70-rgb:84,39,143;
  --violet-vivid-60-rgb:120,60,185;
  --violet-vivid-50-rgb:147,85,220;
  --violet-vivid-40-rgb:173,121,233;
  --violet-vivid-30-rgb:195,157,235;
  --violet-vivid-20-rgb:213,191,255;
  --violet-vivid-10-rgb:237,227,255;
  --violet-vivid-5-rgb:247,242,255;
  --violet-warm-vivid-80-rgb:72,20,65;
  --violet-warm-vivid-70-rgb:113,30,108;
  --violet-warm-vivid-60-rgb:147,52,140;
  --violet-warm-vivid-50-rgb:190,50,208;
  --violet-warm-vivid-40-rgb:216,91,239;
  --violet-warm-vivid-30-rgb:238,131,255;
  --violet-warm-vivid-20-rgb:244,178,255;
  --violet-warm-vivid-10-rgb:251,220,255;
  --violet-warm-vivid-5-rgb:254,242,255;
  --yellow-90:#1a1614;
  --yellow-80:#332d27;
  --yellow-70:#504332;
  --yellow-60:#6b5a39;
  --yellow-50:#8a7237;
  --yellow-40:#a88f48;
  --yellow-30:#c9ab48;
  --yellow-20:#e6c74c;
  --yellow-10:#f5e6af;
  --yellow-5:#faf3d1;
  --yellow-vivid-80:#422d19;
  --yellow-vivid-70:#5c4809;
  --yellow-vivid-60:#776017;
  --yellow-vivid-50:#947100;
  --yellow-vivid-40:#b38c00;
  --yellow-vivid-30:#ddaa01;
  --yellow-vivid-20:#ffcd07;
  --yellow-vivid-10:#fee685;
  --yellow-vivid-5:#fff5c2;
  --yellow-90-rgb:26,22,20;
  --yellow-80-rgb:51,45,39;
  --yellow-70-rgb:80,67,50;
  --yellow-60-rgb:107,90,57;
  --yellow-50-rgb:138,114,55;
  --yellow-40-rgb:168,143,72;
  --yellow-30-rgb:201,171,72;
  --yellow-20-rgb:230,199,76;
  --yellow-10-rgb:245,230,175;
  --yellow-5-rgb:250,243,209;
  --yellow-vivid-80-rgb:66,45,25;
  --yellow-vivid-70-rgb:92,72,9;
  --yellow-vivid-60-rgb:119,96,23;
  --yellow-vivid-50-rgb:148,113,0;
  --yellow-vivid-40-rgb:179,140,0;
  --yellow-vivid-30-rgb:221,170,1;
  --yellow-vivid-20-rgb:255,205,7;
  --yellow-vivid-10-rgb:254,230,133;
  --yellow-vivid-5-rgb:255,245,194;
  --background:var(--background-light);
  --background-rgb:var(--background-light-rgb);
  --background-light:var(--pure-0);
  --background-light-rgb:var(--pure-0-rgb);
  --background-alternative:var(--gray-5);
  --background-alternative-rgb:var(--gray-5-rgb);
  --background-dark:var(--blue-warm-vivid-90);
  --background-dark-rgb:var(--blue-warm-vivid-90-rgb);
  --border-color:var(--gray-20);
  --border-color-alternative:var(--gray-40);
  --border-style:solid;
  --border-width:var(--surface-width-sm);
  --color:var(--color-light);
  --color-rgb:var(--color-light-rgb);
  --color-light:var(--gray-80);
  --color-light-rgb:var(--gray-80-rgb);
  --color-dark:var(--pure-0);
  --color-dark-rgb:var(--pure-0-rgb);
  --interactive:var(--interactive-light);
  --interactive-rgb:var(--interactive-light-rgb);
  --interactive-light:var(--blue-warm-vivid-70);
  --interactive-light-rgb:var(--blue-warm-vivid-70-rgb);
  --interactive-dark:var(--blue-warm-20);
  --interactive-dark-rgb:var(--blue-warm-20-rgb);
  --interactive-alternative:var(--green-cool-vivid-50);
  --interactive-alternative-rgb:var(--green-cool-vivid-50-rgb);
  --info:var(--blue-warm-vivid-60);
  --info-alternative:var(--blue-warm-vivid-10);
  --info-rgb:var(--blue-warm-vivid-60-rgb);
  --info-alternative-rgb:var(--blue-warm-vivid-10-rgb);
  --success:var(--green-cool-vivid-50);
  --success-alternative:var(--green-cool-vivid-5);
  --success-rgb:var(--green-cool-vivid-50-rgb);
  --success-alternative-rgb:var(--green-cool-vivid-5-rgb);
  --warning:var(--yellow-vivid-20);
  --warning-alternative:var(--yellow-vivid-5);
  --warning-rgb:var(--yellow-vivid-20-rgb);
  --warning-alternative-rgb:var(--yellow-vivid-5-rgb);
  --danger:var(--red-vivid-50);
  --danger-alternative:var(--red-vivid-10);
  --danger-rgb:var(--red-vivid-50-rgb);
  --danger-alternative-rgb:var(--red-vivid-20-rgb);
  --font-family-base:Rawline,Raleway,sans-serif;
  --surface-overlay-scrim:rgba(var(--rgb-secondary-09),var(--surface-opacity-md));
  --surface-overlay-text:linear-gradient(rgba(var(--rgb-secondary-01),var(--surface-opacity-none)),rgba(var(--rgb-secondary-09),var(--surface-opacity-default)));
  --visited:var(--visited-light);
  --visited-light:var(--blue-warm-vivid-80);
  --visited-dark:var(--gray-20);
  --disabled:var(--surface-opacity-md);
  --hover:var(--hover-light);
  --hover-light:var(--surface-opacity-xs);
  --hover-dark:var(--surface-opacity-sm);
  --hover-effect:linear-gradient(rgba(var(--interactive-rgb),var(--hover)),rgba(var(--interactive-rgb),var(--hover)));
  --pressed:var(--pressed-light);
  --pressed-light:var(--surface-opacity-md);
  --pressed-dark:var(--surface-opacity-lg);
  --pressed-effect:linear-gradient(rgba(var(--interactive-rgb),var(--pressed)),rgba(var(--interactive-rgb),var(--pressed)));
  --focus-style:dashed;
  --focus-color:var(--focus-color-light);
  --focus-color-light:var(--gold-vivid-40);
  --focus-color-dark:var(--gold-vivid-20);
  --focus:var(--focus-color);
  --focus-offset:var(--spacing-scale-half);
  --focus-width:var(--surface-width-lg);
  --active:var(--blue-warm-vivid-80);
  --active-rgb:var(--blue-warm-vivid-80-rgb);
  --selected:var(--blue-warm-vivid-50);
  --on:var(--blue-warm-vivid-40);
  --on-rgb:var(--blue-warm-vivid-40-rgb);
  --off:var(--gray-20);
  --off-rgb:var(--gray-20-rgb);
  --ondrag-border-color:var(--interactive);
  --ondrag-border-width:var(--surface-width-md);
  --ondrag-border-style:solid;
  --ondrag-shadow-offset-x:var(--surface-offset-none);
  --ondrag-shadow-offset-y:var(--surface-offset-md);
  --ondrag-shadow-blur:var(--surface-blur-lg);
  --ondrag-shadow-color:var(--interactive-rgb);
  --ondrag-shadow-opacity:var(--surface-opacity-sm);
  --ondrag-opacity:var(--surface-opacity-xl);
  --ondrag-rotate:-5deg;
  --ondrag-cursor:grabbing;
  --draggable-icon:grip-vertical;
  --draggable-cursor:grab;
  --dropzone-border-color:var(--interactive);
  --dropzone-border-width:var(--surface-width-sm);
  --dropzone-border-style:dashed;
  --ondrop-background:var(--interactive-rgb);
  --ondrop-opacity:var(--surface-opacity-sm);
  --ondrop-cursor:copy;
  --z-index-layer-0:0;
  --z-index-layer-1:1000;
  --z-index-layer-2:2000;
  --z-index-layer-3:3000;
  --z-index-layer-4:4000;
  --color-primary-pastel-01:#c5d4eb;
  --color-primary-pastel-02:#dbe8fb;
  --color-primary-lighten-01:#2670e8;
  --color-primary-lighten-02:#5992ed;
  --color-primary-default:#1351b4;
  --color-primary-darken-01:#0c326f;
  --color-primary-darken-02:#071d41;
  --color-secondary-01:#fff;
  --color-secondary-02:#f8f8f8;
  --color-secondary-03:#ededed;
  --color-secondary-04:#ccc;
  --color-secondary-05:#9e9d9d;
  --color-secondary-06:#888;
  --color-secondary-07:#555;
  --color-secondary-08:#333;
  --color-secondary-09:#000;
  --color-highlight:#268744;
  --color-support-01:#36a191;
  --color-support-02:#f2e317;
  --color-support-03:#db4800;
  --color-support-04:#a26739;
  --color-support-05:#40e0d0;
  --color-support-06:#48cbeb;
  --color-support-07:#c72487;
  --color-support-08:#63007f;
  --color-support-09:#f08080;
  --color-support-10:#ff8c00;
  --color-support-11:#fdf5e6;
  --icon-size-base:16px;
  --icon-size-xs:8px;
  --icon-size-sm:12px;
  --icon-size-lg:20px;
  --icon-size-2x:32px;
  --icon-size-3x:48px;
  --icon-size-4x:64px;
  --icon-size-5x:80px;
  --icon-size-6x:96px;
  --icon-size-7x:112px;
  --icon-size-8x:128px;
  --icon-size-9x:144px;
  --icon-size-10x:160px;
  --surface-width-none:0;
  --surface-width-sm:1px;
  --surface-width-md:2px;
  --surface-width-lg:4px;
  --surface-rounder-none:0;
  --surface-rounder-sm:4px;
  --surface-rounder-md:8px;
  --surface-rounder-lg:16px;
  --surface-rounder-pill:999em;
  --surface-opacity-none:0;
  --surface-opacity-default:1;
  --surface-opacity-xs:0.16;
  --surface-opacity-sm:0.3;
  --surface-opacity-md:0.45;
  --surface-opacity-lg:0.65;
  --surface-opacity-xl:0.85;
  --surface-border-solid-none:var(--surface-width-none) solid var(--color-secondary-06);
  --surface-border-solid-sm:var(--surface-width-sm) solid var(--color-secondary-06);
  --surface-border-solid-md:var(--surface-width-md) solid var(--color-secondary-06);
  --surface-border-solid-lg:var(--surface-width-lg) solid var(--color-secondary-06);
  --surface-border-dashed-none:var(--surface-width-none) dashed var(--color-secondary-06);
  --surface-border-dashed-sm:var(--surface-width-sm) dashed var(--color-secondary-06);
  --surface-border-dashed-md:var(--surface-width-md) dashed var(--color-secondary-06);
  --surface-border-dashed-lg:var(--surface-width-lg) dashed var(--color-secondary-06);
  --surface-blur-none:0;
  --surface-blur-sm:1px;
  --surface-blur-md:3px;
  --surface-blur-lg:6px;
  --surface-blur-xl:9px;
  --surface-offset-none:0;
  --surface-offset-sm:1px;
  --surface-offset-md:3px;
  --surface-offset-lg:6px;
  --surface-offset-xl:9px;
  --surface-offset-sm-n:-1px;
  --surface-offset-md-n:-3px;
  --surface-offset-lg-n:-6px;
  --surface-offset-xl-n:-9px;
  --surface-shadow-color:var(--rgb-secondary-09);
  --surface-shadow-none:none;
  --surface-shadow-sm:var(--surface-offset-none) var(--surface-offset-sm) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-md:var(--surface-offset-none) var(--surface-offset-md) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-lg:var(--surface-offset-none) var(--surface-offset-lg) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-xl:var(--surface-offset-none) var(--surface-offset-xl) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-sm-inset:var(--surface-offset-none) var(--surface-offset-sm-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-md-inset:var(--surface-offset-none) var(--surface-offset-md-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-lg-inset:var(--surface-offset-none) var(--surface-offset-lg-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-xl-inset:var(--surface-offset-none) var(--surface-offset-xl-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-sm-up:var(--surface-offset-none) var(--surface-offset-sm-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-md-up:var(--surface-offset-none) var(--surface-offset-md-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-lg-up:var(--surface-offset-none) var(--surface-offset-lg-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-xl-up:var(--surface-offset-none) var(--surface-offset-xl-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-sm-inset-up:var(--surface-offset-none) var(--surface-offset-sm) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-md-inset-up:var(--surface-offset-none) var(--surface-offset-md) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-lg-inset-up:var(--surface-offset-none) var(--surface-offset-lg) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-xl-inset-up:var(--surface-offset-none) var(--surface-offset-xl) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-sm-right:var(--surface-offset-sm) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-md-right:var(--surface-offset-md) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-lg-right:var(--surface-offset-lg) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-xl-right:var(--surface-offset-xl) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-sm-inset-right:var(--surface-offset-sm-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-md-inset-right:var(--surface-offset-md-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-lg-inset-right:var(--surface-offset-lg-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-xl-inset-right:var(--surface-offset-xl-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-sm-left:var(--surface-offset-sm-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-md-left:var(--surface-offset-md-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-lg-left:var(--surface-offset-lg-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-xl-left:var(--surface-offset-xl-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-sm-inset-left:var(--surface-offset-sm) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-md-inset-left:var(--surface-offset-md) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-lg-inset-left:var(--surface-offset-lg) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-xl-inset-left:var(--surface-offset-xl) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --animation-ease:cubic-bezier(0.25,0.1,0.25,1);
  --animation-ease-in:cubic-bezier(0.42,0,1,1);
  --animation-ease-out:cubic-bezier(0,0,0.58,1);
  --animation-ease-in-out:cubic-bezier(0.42,0,0.58,1);
  --animation-ease-linear:cubic-bezier(0,0,1,1);
  --duration-very-fast:0.1s;
  --duration-fast:0.3s;
  --duration-moderate:0.5s;
  --duration-slow:0.8s;
  --duration-very-slow:1s;
  --font-weight-thin:100;
  --font-weight-extra-light:200;
  --font-weight-light:300;
  --font-weight-regular:400;
  --font-weight-medium:500;
  --font-weight-semi-bold:600;
  --font-weight-bold:700;
  --font-weight-extra-bold:800;
  --font-weight-black:900;
  --font-size-scale-base:14px;
  --font-size-scale-down-01:11.662px;
  --font-size-scale-down-02:9.716px;
  --font-size-scale-down-03:8.106px;
  --font-size-scale-up-01:16.8px;
  --font-size-scale-up-02:20.16px;
  --font-size-scale-up-03:24.192px;
  --font-size-scale-up-04:29.036px;
  --font-size-scale-up-05:34.832px;
  --font-size-scale-up-06:41.804px;
  --font-size-scale-up-07:50.162px;
  --font-size-scale-up-08:60.2px;
  --font-size-scale-up-09:72.24px;
  --font-size-scale-up-10:86.688px;
  --font-size-scale-up-11:104.02px;
  --font-line-height-low:1.15;
  --font-line-height-medium:1.45;
  --font-line-height-high:1.85;
  --grid-breakpoint-xs:0;
  --grid-breakpoint-xs-max-width:100%;
  --grid-breakpoint-sm:576px;
  --grid-breakpoint-sm-max-width:536px;
  --grid-breakpoint-md:992px;
  --grid-breakpoint-md-max-width:952px;
  --grid-breakpoint-lg:1280px;
  --grid-breakpoint-lg-max-width:1200px;
  --grid-breakpoint-xl:1600px;
  --grid-breakpoint-xl-max-width:1560px;
  --grid-portrait-maxwidth:100%;
  --grid-portrait-gutter:16px;
  --grid-portrait-columns:4;
  --grid-portrait-margin:8px;
  --grid-tablet-maxwidth:100%;
  --grid-tablet-gutter:24px;
  --grid-tablet-columns:8;
  --grid-tablet-margin:40px;
  --grid-desktop-maxwidth:1200px;
  --grid-desktop-gutter:24px;
  --grid-desktop-columns:12;
  --grid-desktop-margin:40px;
  --grid-tv-maxwidth:1520px;
  --grid-tv-gutter:40px;
  --grid-tv-columns:12;
  --grid-tv-margin:40px;
  --spacing-vertical-top:top;
  --spacing-vertical-center:center;
  --spacing-vertical-bottom:bottom;
  --spacing-horizontal-left:left;
  --spacing-horizontal-center:center;
  --spacing-horizontal-right:right;
  --spacing-scale-default:0;
  --spacing-scale-half:4px;
  --spacing-scale-base:8px;
  --spacing-scale-baseh:12px;
  --spacing-scale-2x:16px;
  --spacing-scale-2xh:20px;
  --spacing-scale-3x:24px;
  --spacing-scale-3xh:28px;
  --spacing-scale-4x:32px;
  --spacing-scale-4xh:36px;
  --spacing-scale-5x:40px;
  --spacing-scale-5xh:44px;
  --spacing-scale-6x:48px;
  --spacing-scale-6xh:52px;
  --spacing-scale-7x:56px;
  --spacing-scale-7xh:60px;
  --spacing-scale-8x:64px;
  --spacing-scale-8xh:68px;
  --spacing-scale-9x:72px;
  --spacing-scale-9xh:76px;
  --spacing-scale-10x:80px;
  --spacing-scale-10xh:84px;
  --rgb-primary-pastel-01:197,212,235;
  --rgb-primary-pastel-02:219,232,251;
  --rgb-primary-lighten-01:38,112,232;
  --rgb-primary-lighten-02:89,146,237;
  --rgb-primary-default:19,81,180;
  --rgb-primary-darken-01:12,50,111;
  --rgb-primary-darken-02:7,29,65;
  --rgb-secondary-01:255,255,255;
  --rgb-secondary-02:248,248,248;
  --rgb-secondary-03:237,237,237;
  --rgb-secondary-04:204,204,204;
  --rgb-secondary-05:158,157,157;
  --rgb-secondary-06:136,136,136;
  --rgb-secondary-07:85,85,85;
  --rgb-secondary-08:51,51,51;
  --rgb-secondary-09:0,0,0;
  --rgb-highlight:38,135,68;
  --rgb-support-01:54,161,145;
  --rgb-support-02:242,227,23;
  --rgb-support-03:219,72,0;
  --rgb-support-04:162,103,57;
  --rgb-support-05:64,224,208;
  --rgb-support-06:72,203,235;
  --rgb-support-07:199,36,135;
  --rgb-support-08:99,0,127;
  --rgb-support-09:240,128,128;
  --rgb-support-10:255,140,0;
  --rgb-support-11:253,245,230;
}
*,
:after,
:before {
  box-sizing: border-box;
}
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  line-height: var(--font-line-height-medium);
}
body {
  margin: 0;
}
main {
  display: block;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: 0;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -.25em;
}
sup {
  top: -.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: var(--font-line-height-medium);
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[type=button],
[type=reset],
[type=submit],
button {
  appearance: button;
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: .35em .75em .625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
  appearance: none;
}
::-webkit-file-upload-button {
  appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
[hidden],
template {
  display: none;
}
.d-none {
  display: none !important;
}
.d-block {
  display: block !important;
}
.d-flex {
  display: flex !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
@media (min-width:576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width:992px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width:1280px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width:1600px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
.flex-row {
  flex-direction: row !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.order-0 {
  order: 0 !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.order-3 {
  order: 3 !important;
}
.order-4 {
  order: 4 !important;
}
.order-5 {
  order: 5 !important;
}
.order-6 {
  order: 6 !important;
}
.order-7 {
  order: 7 !important;
}
.order-8 {
  order: 8 !important;
}
.order-9 {
  order: 9 !important;
}
.order-10 {
  order: 10 !important;
}
.order-11 {
  order: 11 !important;
}
.order-12 {
  order: 12 !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-evenly {
  align-content: space-evenly !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
@media (min-width:576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-grow-sm-1 {
    flex-grow: 1 !important;
  }
  .flex-grow-sm-0 {
    flex-grow: 0 !important;
  }
  .flex-shrink-sm-1 {
    flex-shrink: 1 !important;
  }
  .flex-shrink-sm-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-6 {
    order: 6 !important;
  }
  .order-sm-7 {
    order: 7 !important;
  }
  .order-sm-8 {
    order: 8 !important;
  }
  .order-sm-9 {
    order: 9 !important;
  }
  .order-sm-10 {
    order: 10 !important;
  }
  .order-sm-11 {
    order: 11 !important;
  }
  .order-sm-12 {
    order: 12 !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-evenly {
    align-content: space-evenly !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
}
@media (min-width:992px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-grow-md-1 {
    flex-grow: 1 !important;
  }
  .flex-grow-md-0 {
    flex-grow: 0 !important;
  }
  .flex-shrink-md-1 {
    flex-shrink: 1 !important;
  }
  .flex-shrink-md-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-6 {
    order: 6 !important;
  }
  .order-md-7 {
    order: 7 !important;
  }
  .order-md-8 {
    order: 8 !important;
  }
  .order-md-9 {
    order: 9 !important;
  }
  .order-md-10 {
    order: 10 !important;
  }
  .order-md-11 {
    order: 11 !important;
  }
  .order-md-12 {
    order: 12 !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-evenly {
    align-content: space-evenly !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
}
@media (min-width:1280px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-grow-lg-1 {
    flex-grow: 1 !important;
  }
  .flex-grow-lg-0 {
    flex-grow: 0 !important;
  }
  .flex-shrink-lg-1 {
    flex-shrink: 1 !important;
  }
  .flex-shrink-lg-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-6 {
    order: 6 !important;
  }
  .order-lg-7 {
    order: 7 !important;
  }
  .order-lg-8 {
    order: 8 !important;
  }
  .order-lg-9 {
    order: 9 !important;
  }
  .order-lg-10 {
    order: 10 !important;
  }
  .order-lg-11 {
    order: 11 !important;
  }
  .order-lg-12 {
    order: 12 !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-evenly {
    align-content: space-evenly !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
}
@media (min-width:1600px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-grow-xl-1 {
    flex-grow: 1 !important;
  }
  .flex-grow-xl-0 {
    flex-grow: 0 !important;
  }
  .flex-shrink-xl-1 {
    flex-shrink: 1 !important;
  }
  .flex-shrink-xl-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-6 {
    order: 6 !important;
  }
  .order-xl-7 {
    order: 7 !important;
  }
  .order-xl-8 {
    order: 8 !important;
  }
  .order-xl-9 {
    order: 9 !important;
  }
  .order-xl-10 {
    order: 10 !important;
  }
  .order-xl-11 {
    order: 11 !important;
  }
  .order-xl-12 {
    order: 12 !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-evenly {
    align-content: space-evenly !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
}
.col,
[class*=col-] {
  padding-left: calc(var(--grid-gutter)*.5);
  padding-right: calc(var(--grid-gutter)*.5);
  width: 100%;
}
.col {
  flex: 1 0 0%;
  min-width: 8.3333333333%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}
.col-2 {
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}
.col-3 {
  flex-basis: 25%;
  max-width: 25%;
}
.col-4 {
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}
.col-5 {
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
}
.col-6 {
  flex-basis: 50%;
  max-width: 50%;
}
.col-7 {
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
}
.col-8 {
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
}
.col-9 {
  flex-basis: 75%;
  max-width: 75%;
}
.col-10 {
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
}
.col-11 {
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
}
.col-12 {
  flex-basis: 100%;
  max-width: 100%;
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
  --grid-margin:var(--grid-portrait-margin);
  --grid-maxwidth:var(--grid-portrait-maxwidth);
  margin-left: auto;
  margin-right: auto;
  max-width: var(--grid-maxwidth);
  padding-left: var(--grid-margin);
  padding-right: var(--grid-margin);
  width: 100%;
}
.row {
  --grid-gutter:var(--grid-portrait-gutter);
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(var(--grid-gutter)*-.5);
  margin-right: calc(var(--grid-gutter)*-.5);
}
@media (min-width:576px) {
  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    --grid-margin:var(--grid-tablet-margin);
  }
  .row {
    --grid-gutter:var(--grid-tablet-gutter);
  }
  .container,
  .container-sm {
    --grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin));
  }
  .col-sm {
    flex: 1 0 0%;
    min-width: 8.3333333333%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media (min-width:992px) {
  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    --grid-margin:var(--grid-tablet-margin);
  }
  .row {
    --grid-gutter:var(--grid-tablet-gutter);
  }
  .container,
  .container-md,
  .container-sm {
    --grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin));
  }
  .col-md {
    flex: 1 0 0%;
    min-width: 8.3333333333%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media (min-width:1280px) {
  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    --grid-margin:var(--grid-desktop-margin);
  }
  .row {
    --grid-gutter:var(--grid-desktop-gutter);
  }
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    --grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin));
  }
  .col-lg {
    flex: 1 0 0%;
    min-width: 8.3333333333%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media (min-width:1600px) {
  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    --grid-margin:var(--grid-tv-margin);
  }
  .row {
    --grid-gutter:var(--grid-tv-gutter);
  }
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    --grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin));
  }
  .col-xl {
    flex: 1 0 0%;
    min-width: 8.3333333333%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.m-0 {
  margin: var(--spacing-scale-default) !important;
}
.mx-0 {
  margin-left: var(--spacing-scale-default) !important;
  margin-right: var(--spacing-scale-default) !important;
}
.my-0 {
  margin-bottom: var(--spacing-scale-default) !important;
}
.mt-0,
.my-0 {
  margin-top: var(--spacing-scale-default) !important;
}
.mr-0 {
  margin-right: var(--spacing-scale-default) !important;
}
.mb-0 {
  margin-bottom: var(--spacing-scale-default) !important;
}
.ml-0 {
  margin-left: var(--spacing-scale-default) !important;
}
.m-half {
  margin: var(--spacing-scale-half) !important;
}
.mx-half {
  margin-left: var(--spacing-scale-half) !important;
  margin-right: var(--spacing-scale-half) !important;
}
.my-half {
  margin-bottom: var(--spacing-scale-half) !important;
}
.mt-half,
.my-half {
  margin-top: var(--spacing-scale-half) !important;
}
.mt-nhalf {
  margin-top: calc(var(--spacing-scale-half)*-1) !important;
}
.mr-half {
  margin-right: var(--spacing-scale-half) !important;
}
.mr-nhalf {
  margin-right: calc(var(--spacing-scale-half)*-1) !important;
}
.mb-half {
  margin-bottom: var(--spacing-scale-half) !important;
}
.mb-nhalf {
  margin-bottom: calc(var(--spacing-scale-half)*-1) !important;
}
.ml-half {
  margin-left: var(--spacing-scale-half) !important;
}
.ml-nhalf {
  margin-left: calc(var(--spacing-scale-half)*-1) !important;
}
.m-nhalf {
  margin: calc(var(--spacing-scale-half)*-1) !important;
}
.mx-nhalf {
  margin-left: calc(var(--spacing-scale-half)*-1) !important;
  margin-right: calc(var(--spacing-scale-half)*-1) !important;
}
.my-nhalf {
  margin-bottom: calc(var(--spacing-scale-half)*-1) !important;
  margin-top: calc(var(--spacing-scale-half)*-1) !important;
}
.m-base {
  margin: var(--spacing-scale-base) !important;
}
.mx-base {
  margin-left: var(--spacing-scale-base) !important;
  margin-right: var(--spacing-scale-base) !important;
}
.my-base {
  margin-bottom: var(--spacing-scale-base) !important;
}
.mt-base,
.my-base {
  margin-top: var(--spacing-scale-base) !important;
}
.mt-nbase {
  margin-top: calc(var(--spacing-scale-base)*-1) !important;
}
.mr-base {
  margin-right: var(--spacing-scale-base) !important;
}
.mr-nbase {
  margin-right: calc(var(--spacing-scale-base)*-1) !important;
}
.mb-base {
  margin-bottom: var(--spacing-scale-base) !important;
}
.mb-nbase {
  margin-bottom: calc(var(--spacing-scale-base)*-1) !important;
}
.ml-base {
  margin-left: var(--spacing-scale-base) !important;
}
.ml-nbase {
  margin-left: calc(var(--spacing-scale-base)*-1) !important;
}
.m-nbase {
  margin: calc(var(--spacing-scale-base)*-1) !important;
}
.mx-nbase {
  margin-left: calc(var(--spacing-scale-base)*-1) !important;
  margin-right: calc(var(--spacing-scale-base)*-1) !important;
}
.my-nbase {
  margin-bottom: calc(var(--spacing-scale-base)*-1) !important;
  margin-top: calc(var(--spacing-scale-base)*-1) !important;
}
.m-baseh {
  margin: var(--spacing-scale-baseh) !important;
}
.mx-baseh {
  margin-left: var(--spacing-scale-baseh) !important;
  margin-right: var(--spacing-scale-baseh) !important;
}
.my-baseh {
  margin-bottom: var(--spacing-scale-baseh) !important;
}
.mt-baseh,
.my-baseh {
  margin-top: var(--spacing-scale-baseh) !important;
}
.mt-nbaseh {
  margin-top: calc(var(--spacing-scale-baseh)*-1) !important;
}
.mr-baseh {
  margin-right: var(--spacing-scale-baseh) !important;
}
.mr-nbaseh {
  margin-right: calc(var(--spacing-scale-baseh)*-1) !important;
}
.mb-baseh {
  margin-bottom: var(--spacing-scale-baseh) !important;
}
.mb-nbaseh {
  margin-bottom: calc(var(--spacing-scale-baseh)*-1) !important;
}
.ml-baseh {
  margin-left: var(--spacing-scale-baseh) !important;
}
.ml-nbaseh {
  margin-left: calc(var(--spacing-scale-baseh)*-1) !important;
}
.m-nbaseh {
  margin: calc(var(--spacing-scale-baseh)*-1) !important;
}
.mx-nbaseh {
  margin-left: calc(var(--spacing-scale-baseh)*-1) !important;
  margin-right: calc(var(--spacing-scale-baseh)*-1) !important;
}
.my-nbaseh {
  margin-bottom: calc(var(--spacing-scale-baseh)*-1) !important;
  margin-top: calc(var(--spacing-scale-baseh)*-1) !important;
}
.m-1 {
  margin: var(--spacing-scale-half) !important;
}
.mx-1 {
  margin-left: var(--spacing-scale-half) !important;
  margin-right: var(--spacing-scale-half) !important;
}
.my-1 {
  margin-bottom: var(--spacing-scale-half) !important;
}
.mt-1,
.my-1 {
  margin-top: var(--spacing-scale-half) !important;
}
.mt-n1 {
  margin-top: calc(var(--spacing-scale-half)*-1) !important;
}
.mr-1 {
  margin-right: var(--spacing-scale-half) !important;
}
.mr-n1 {
  margin-right: calc(var(--spacing-scale-half)*-1) !important;
}
.mb-1 {
  margin-bottom: var(--spacing-scale-half) !important;
}
.mb-n1 {
  margin-bottom: calc(var(--spacing-scale-half)*-1) !important;
}
.ml-1 {
  margin-left: var(--spacing-scale-half) !important;
}
.ml-n1 {
  margin-left: calc(var(--spacing-scale-half)*-1) !important;
}
.m-n1 {
  margin: calc(var(--spacing-scale-half)*-1) !important;
}
.mx-n1 {
  margin-left: calc(var(--spacing-scale-half)*-1) !important;
  margin-right: calc(var(--spacing-scale-half)*-1) !important;
}
.my-n1 {
  margin-bottom: calc(var(--spacing-scale-half)*-1) !important;
  margin-top: calc(var(--spacing-scale-half)*-1) !important;
}
.m-2 {
  margin: var(--spacing-scale-base) !important;
}
.mx-2 {
  margin-left: var(--spacing-scale-base) !important;
  margin-right: var(--spacing-scale-base) !important;
}
.my-2 {
  margin-bottom: var(--spacing-scale-base) !important;
}
.mt-2,
.my-2 {
  margin-top: var(--spacing-scale-base) !important;
}
.mt-n2 {
  margin-top: calc(var(--spacing-scale-base)*-1) !important;
}
.mr-2 {
  margin-right: var(--spacing-scale-base) !important;
}
.mr-n2 {
  margin-right: calc(var(--spacing-scale-base)*-1) !important;
}
.mb-2 {
  margin-bottom: var(--spacing-scale-base) !important;
}
.mb-n2 {
  margin-bottom: calc(var(--spacing-scale-base)*-1) !important;
}
.ml-2 {
  margin-left: var(--spacing-scale-base) !important;
}
.ml-n2 {
  margin-left: calc(var(--spacing-scale-base)*-1) !important;
}
.m-n2 {
  margin: calc(var(--spacing-scale-base)*-1) !important;
}
.mx-n2 {
  margin-left: calc(var(--spacing-scale-base)*-1) !important;
  margin-right: calc(var(--spacing-scale-base)*-1) !important;
}
.my-n2 {
  margin-bottom: calc(var(--spacing-scale-base)*-1) !important;
  margin-top: calc(var(--spacing-scale-base)*-1) !important;
}
.m-3 {
  margin: var(--spacing-scale-2x) !important;
}
.mx-3 {
  margin-left: var(--spacing-scale-2x) !important;
  margin-right: var(--spacing-scale-2x) !important;
}
.my-3 {
  margin-bottom: var(--spacing-scale-2x) !important;
}
.mt-3,
.my-3 {
  margin-top: var(--spacing-scale-2x) !important;
}
.mt-n3 {
  margin-top: calc(var(--spacing-scale-2x)*-1) !important;
}
.mr-3 {
  margin-right: var(--spacing-scale-2x) !important;
}
.mr-n3 {
  margin-right: calc(var(--spacing-scale-2x)*-1) !important;
}
.mb-3 {
  margin-bottom: var(--spacing-scale-2x) !important;
}
.mb-n3 {
  margin-bottom: calc(var(--spacing-scale-2x)*-1) !important;
}
.ml-3 {
  margin-left: var(--spacing-scale-2x) !important;
}
.ml-n3 {
  margin-left: calc(var(--spacing-scale-2x)*-1) !important;
}
.m-n3 {
  margin: calc(var(--spacing-scale-2x)*-1) !important;
}
.mx-n3 {
  margin-left: calc(var(--spacing-scale-2x)*-1) !important;
  margin-right: calc(var(--spacing-scale-2x)*-1) !important;
}
.my-n3 {
  margin-bottom: calc(var(--spacing-scale-2x)*-1) !important;
  margin-top: calc(var(--spacing-scale-2x)*-1) !important;
}
.m-4 {
  margin: var(--spacing-scale-3x) !important;
}
.mx-4 {
  margin-left: var(--spacing-scale-3x) !important;
  margin-right: var(--spacing-scale-3x) !important;
}
.my-4 {
  margin-bottom: var(--spacing-scale-3x) !important;
}
.mt-4,
.my-4 {
  margin-top: var(--spacing-scale-3x) !important;
}
.mt-n4 {
  margin-top: calc(var(--spacing-scale-3x)*-1) !important;
}
.mr-4 {
  margin-right: var(--spacing-scale-3x) !important;
}
.mr-n4 {
  margin-right: calc(var(--spacing-scale-3x)*-1) !important;
}
.mb-4 {
  margin-bottom: var(--spacing-scale-3x) !important;
}
.mb-n4 {
  margin-bottom: calc(var(--spacing-scale-3x)*-1) !important;
}
.ml-4 {
  margin-left: var(--spacing-scale-3x) !important;
}
.ml-n4 {
  margin-left: calc(var(--spacing-scale-3x)*-1) !important;
}
.m-n4 {
  margin: calc(var(--spacing-scale-3x)*-1) !important;
}
.mx-n4 {
  margin-left: calc(var(--spacing-scale-3x)*-1) !important;
  margin-right: calc(var(--spacing-scale-3x)*-1) !important;
}
.my-n4 {
  margin-bottom: calc(var(--spacing-scale-3x)*-1) !important;
  margin-top: calc(var(--spacing-scale-3x)*-1) !important;
}
.m-5 {
  margin: var(--spacing-scale-4x) !important;
}
.mx-5 {
  margin-left: var(--spacing-scale-4x) !important;
  margin-right: var(--spacing-scale-4x) !important;
}
.my-5 {
  margin-bottom: var(--spacing-scale-4x) !important;
}
.mt-5,
.my-5 {
  margin-top: var(--spacing-scale-4x) !important;
}
.mt-n5 {
  margin-top: calc(var(--spacing-scale-4x)*-1) !important;
}
.mr-5 {
  margin-right: var(--spacing-scale-4x) !important;
}
.mr-n5 {
  margin-right: calc(var(--spacing-scale-4x)*-1) !important;
}
.mb-5 {
  margin-bottom: var(--spacing-scale-4x) !important;
}
.mb-n5 {
  margin-bottom: calc(var(--spacing-scale-4x)*-1) !important;
}
.ml-5 {
  margin-left: var(--spacing-scale-4x) !important;
}
.ml-n5 {
  margin-left: calc(var(--spacing-scale-4x)*-1) !important;
}
.m-n5 {
  margin: calc(var(--spacing-scale-4x)*-1) !important;
}
.mx-n5 {
  margin-left: calc(var(--spacing-scale-4x)*-1) !important;
  margin-right: calc(var(--spacing-scale-4x)*-1) !important;
}
.my-n5 {
  margin-bottom: calc(var(--spacing-scale-4x)*-1) !important;
  margin-top: calc(var(--spacing-scale-4x)*-1) !important;
}
.m-6 {
  margin: var(--spacing-scale-5x) !important;
}
.mx-6 {
  margin-left: var(--spacing-scale-5x) !important;
  margin-right: var(--spacing-scale-5x) !important;
}
.my-6 {
  margin-bottom: var(--spacing-scale-5x) !important;
}
.mt-6,
.my-6 {
  margin-top: var(--spacing-scale-5x) !important;
}
.mt-n6 {
  margin-top: calc(var(--spacing-scale-5x)*-1) !important;
}
.mr-6 {
  margin-right: var(--spacing-scale-5x) !important;
}
.mr-n6 {
  margin-right: calc(var(--spacing-scale-5x)*-1) !important;
}
.mb-6 {
  margin-bottom: var(--spacing-scale-5x) !important;
}
.mb-n6 {
  margin-bottom: calc(var(--spacing-scale-5x)*-1) !important;
}
.ml-6 {
  margin-left: var(--spacing-scale-5x) !important;
}
.ml-n6 {
  margin-left: calc(var(--spacing-scale-5x)*-1) !important;
}
.m-n6 {
  margin: calc(var(--spacing-scale-5x)*-1) !important;
}
.mx-n6 {
  margin-left: calc(var(--spacing-scale-5x)*-1) !important;
  margin-right: calc(var(--spacing-scale-5x)*-1) !important;
}
.my-n6 {
  margin-bottom: calc(var(--spacing-scale-5x)*-1) !important;
  margin-top: calc(var(--spacing-scale-5x)*-1) !important;
}
.m-2x {
  margin: var(--spacing-scale-2x) !important;
}
.mx-2x {
  margin-left: var(--spacing-scale-2x) !important;
  margin-right: var(--spacing-scale-2x) !important;
}
.my-2x {
  margin-bottom: var(--spacing-scale-2x) !important;
}
.mt-2x,
.my-2x {
  margin-top: var(--spacing-scale-2x) !important;
}
.mt-n2x {
  margin-top: calc(var(--spacing-scale-2x)*-1) !important;
}
.mr-2x {
  margin-right: var(--spacing-scale-2x) !important;
}
.mr-n2x {
  margin-right: calc(var(--spacing-scale-2x)*-1) !important;
}
.mb-2x {
  margin-bottom: var(--spacing-scale-2x) !important;
}
.mb-n2x {
  margin-bottom: calc(var(--spacing-scale-2x)*-1) !important;
}
.ml-2x {
  margin-left: var(--spacing-scale-2x) !important;
}
.ml-n2x {
  margin-left: calc(var(--spacing-scale-2x)*-1) !important;
}
.m-n2x {
  margin: calc(var(--spacing-scale-2x)*-1) !important;
}
.mx-n2x {
  margin-left: calc(var(--spacing-scale-2x)*-1) !important;
  margin-right: calc(var(--spacing-scale-2x)*-1) !important;
}
.my-n2x {
  margin-bottom: calc(var(--spacing-scale-2x)*-1) !important;
  margin-top: calc(var(--spacing-scale-2x)*-1) !important;
}
.m-2xh {
  margin: var(--spacing-scale-2xh) !important;
}
.mx-2xh {
  margin-left: var(--spacing-scale-2xh) !important;
  margin-right: var(--spacing-scale-2xh) !important;
}
.my-2xh {
  margin-bottom: var(--spacing-scale-2xh) !important;
}
.mt-2xh,
.my-2xh {
  margin-top: var(--spacing-scale-2xh) !important;
}
.mt-n2xh {
  margin-top: calc(var(--spacing-scale-2xh)*-1) !important;
}
.mr-2xh {
  margin-right: var(--spacing-scale-2xh) !important;
}
.mr-n2xh {
  margin-right: calc(var(--spacing-scale-2xh)*-1) !important;
}
.mb-2xh {
  margin-bottom: var(--spacing-scale-2xh) !important;
}
.mb-n2xh {
  margin-bottom: calc(var(--spacing-scale-2xh)*-1) !important;
}
.ml-2xh {
  margin-left: var(--spacing-scale-2xh) !important;
}
.ml-n2xh {
  margin-left: calc(var(--spacing-scale-2xh)*-1) !important;
}
.m-n2xh {
  margin: calc(var(--spacing-scale-2xh)*-1) !important;
}
.mx-n2xh {
  margin-left: calc(var(--spacing-scale-2xh)*-1) !important;
  margin-right: calc(var(--spacing-scale-2xh)*-1) !important;
}
.my-n2xh {
  margin-bottom: calc(var(--spacing-scale-2xh)*-1) !important;
  margin-top: calc(var(--spacing-scale-2xh)*-1) !important;
}
.m-3x {
  margin: var(--spacing-scale-3x) !important;
}
.mx-3x {
  margin-left: var(--spacing-scale-3x) !important;
  margin-right: var(--spacing-scale-3x) !important;
}
.my-3x {
  margin-bottom: var(--spacing-scale-3x) !important;
}
.mt-3x,
.my-3x {
  margin-top: var(--spacing-scale-3x) !important;
}
.mt-n3x {
  margin-top: calc(var(--spacing-scale-3x)*-1) !important;
}
.mr-3x {
  margin-right: var(--spacing-scale-3x) !important;
}
.mr-n3x {
  margin-right: calc(var(--spacing-scale-3x)*-1) !important;
}
.mb-3x {
  margin-bottom: var(--spacing-scale-3x) !important;
}
.mb-n3x {
  margin-bottom: calc(var(--spacing-scale-3x)*-1) !important;
}
.ml-3x {
  margin-left: var(--spacing-scale-3x) !important;
}
.ml-n3x {
  margin-left: calc(var(--spacing-scale-3x)*-1) !important;
}
.m-n3x {
  margin: calc(var(--spacing-scale-3x)*-1) !important;
}
.mx-n3x {
  margin-left: calc(var(--spacing-scale-3x)*-1) !important;
  margin-right: calc(var(--spacing-scale-3x)*-1) !important;
}
.my-n3x {
  margin-bottom: calc(var(--spacing-scale-3x)*-1) !important;
  margin-top: calc(var(--spacing-scale-3x)*-1) !important;
}
.m-3xh {
  margin: var(--spacing-scale-3xh) !important;
}
.mx-3xh {
  margin-left: var(--spacing-scale-3xh) !important;
  margin-right: var(--spacing-scale-3xh) !important;
}
.my-3xh {
  margin-bottom: var(--spacing-scale-3xh) !important;
}
.mt-3xh,
.my-3xh {
  margin-top: var(--spacing-scale-3xh) !important;
}
.mt-n3xh {
  margin-top: calc(var(--spacing-scale-3xh)*-1) !important;
}
.mr-3xh {
  margin-right: var(--spacing-scale-3xh) !important;
}
.mr-n3xh {
  margin-right: calc(var(--spacing-scale-3xh)*-1) !important;
}
.mb-3xh {
  margin-bottom: var(--spacing-scale-3xh) !important;
}
.mb-n3xh {
  margin-bottom: calc(var(--spacing-scale-3xh)*-1) !important;
}
.ml-3xh {
  margin-left: var(--spacing-scale-3xh) !important;
}
.ml-n3xh {
  margin-left: calc(var(--spacing-scale-3xh)*-1) !important;
}
.m-n3xh {
  margin: calc(var(--spacing-scale-3xh)*-1) !important;
}
.mx-n3xh {
  margin-left: calc(var(--spacing-scale-3xh)*-1) !important;
  margin-right: calc(var(--spacing-scale-3xh)*-1) !important;
}
.my-n3xh {
  margin-bottom: calc(var(--spacing-scale-3xh)*-1) !important;
  margin-top: calc(var(--spacing-scale-3xh)*-1) !important;
}
.m-4x {
  margin: var(--spacing-scale-4x) !important;
}
.mx-4x {
  margin-left: var(--spacing-scale-4x) !important;
  margin-right: var(--spacing-scale-4x) !important;
}
.my-4x {
  margin-bottom: var(--spacing-scale-4x) !important;
}
.mt-4x,
.my-4x {
  margin-top: var(--spacing-scale-4x) !important;
}
.mt-n4x {
  margin-top: calc(var(--spacing-scale-4x)*-1) !important;
}
.mr-4x {
  margin-right: var(--spacing-scale-4x) !important;
}
.mr-n4x {
  margin-right: calc(var(--spacing-scale-4x)*-1) !important;
}
.mb-4x {
  margin-bottom: var(--spacing-scale-4x) !important;
}
.mb-n4x {
  margin-bottom: calc(var(--spacing-scale-4x)*-1) !important;
}
.ml-4x {
  margin-left: var(--spacing-scale-4x) !important;
}
.ml-n4x {
  margin-left: calc(var(--spacing-scale-4x)*-1) !important;
}
.m-n4x {
  margin: calc(var(--spacing-scale-4x)*-1) !important;
}
.mx-n4x {
  margin-left: calc(var(--spacing-scale-4x)*-1) !important;
  margin-right: calc(var(--spacing-scale-4x)*-1) !important;
}
.my-n4x {
  margin-bottom: calc(var(--spacing-scale-4x)*-1) !important;
  margin-top: calc(var(--spacing-scale-4x)*-1) !important;
}
.m-4xh {
  margin: var(--spacing-scale-4xh) !important;
}
.mx-4xh {
  margin-left: var(--spacing-scale-4xh) !important;
  margin-right: var(--spacing-scale-4xh) !important;
}
.my-4xh {
  margin-bottom: var(--spacing-scale-4xh) !important;
}
.mt-4xh,
.my-4xh {
  margin-top: var(--spacing-scale-4xh) !important;
}
.mt-n4xh {
  margin-top: calc(var(--spacing-scale-4xh)*-1) !important;
}
.mr-4xh {
  margin-right: var(--spacing-scale-4xh) !important;
}
.mr-n4xh {
  margin-right: calc(var(--spacing-scale-4xh)*-1) !important;
}
.mb-4xh {
  margin-bottom: var(--spacing-scale-4xh) !important;
}
.mb-n4xh {
  margin-bottom: calc(var(--spacing-scale-4xh)*-1) !important;
}
.ml-4xh {
  margin-left: var(--spacing-scale-4xh) !important;
}
.ml-n4xh {
  margin-left: calc(var(--spacing-scale-4xh)*-1) !important;
}
.m-n4xh {
  margin: calc(var(--spacing-scale-4xh)*-1) !important;
}
.mx-n4xh {
  margin-left: calc(var(--spacing-scale-4xh)*-1) !important;
  margin-right: calc(var(--spacing-scale-4xh)*-1) !important;
}
.my-n4xh {
  margin-bottom: calc(var(--spacing-scale-4xh)*-1) !important;
  margin-top: calc(var(--spacing-scale-4xh)*-1) !important;
}
.m-5x {
  margin: var(--spacing-scale-5x) !important;
}
.mx-5x {
  margin-left: var(--spacing-scale-5x) !important;
  margin-right: var(--spacing-scale-5x) !important;
}
.my-5x {
  margin-bottom: var(--spacing-scale-5x) !important;
}
.mt-5x,
.my-5x {
  margin-top: var(--spacing-scale-5x) !important;
}
.mt-n5x {
  margin-top: calc(var(--spacing-scale-5x)*-1) !important;
}
.mr-5x {
  margin-right: var(--spacing-scale-5x) !important;
}
.mr-n5x {
  margin-right: calc(var(--spacing-scale-5x)*-1) !important;
}
.mb-5x {
  margin-bottom: var(--spacing-scale-5x) !important;
}
.mb-n5x {
  margin-bottom: calc(var(--spacing-scale-5x)*-1) !important;
}
.ml-5x {
  margin-left: var(--spacing-scale-5x) !important;
}
.ml-n5x {
  margin-left: calc(var(--spacing-scale-5x)*-1) !important;
}
.m-n5x {
  margin: calc(var(--spacing-scale-5x)*-1) !important;
}
.mx-n5x {
  margin-left: calc(var(--spacing-scale-5x)*-1) !important;
  margin-right: calc(var(--spacing-scale-5x)*-1) !important;
}
.my-n5x {
  margin-bottom: calc(var(--spacing-scale-5x)*-1) !important;
  margin-top: calc(var(--spacing-scale-5x)*-1) !important;
}
.m-5xh {
  margin: var(--spacing-scale-5xh) !important;
}
.mx-5xh {
  margin-left: var(--spacing-scale-5xh) !important;
  margin-right: var(--spacing-scale-5xh) !important;
}
.my-5xh {
  margin-bottom: var(--spacing-scale-5xh) !important;
}
.mt-5xh,
.my-5xh {
  margin-top: var(--spacing-scale-5xh) !important;
}
.mt-n5xh {
  margin-top: calc(var(--spacing-scale-5xh)*-1) !important;
}
.mr-5xh {
  margin-right: var(--spacing-scale-5xh) !important;
}
.mr-n5xh {
  margin-right: calc(var(--spacing-scale-5xh)*-1) !important;
}
.mb-5xh {
  margin-bottom: var(--spacing-scale-5xh) !important;
}
.mb-n5xh {
  margin-bottom: calc(var(--spacing-scale-5xh)*-1) !important;
}
.ml-5xh {
  margin-left: var(--spacing-scale-5xh) !important;
}
.ml-n5xh {
  margin-left: calc(var(--spacing-scale-5xh)*-1) !important;
}
.m-n5xh {
  margin: calc(var(--spacing-scale-5xh)*-1) !important;
}
.mx-n5xh {
  margin-left: calc(var(--spacing-scale-5xh)*-1) !important;
  margin-right: calc(var(--spacing-scale-5xh)*-1) !important;
}
.my-n5xh {
  margin-bottom: calc(var(--spacing-scale-5xh)*-1) !important;
  margin-top: calc(var(--spacing-scale-5xh)*-1) !important;
}
.m-6x {
  margin: var(--spacing-scale-6x) !important;
}
.mx-6x {
  margin-left: var(--spacing-scale-6x) !important;
  margin-right: var(--spacing-scale-6x) !important;
}
.my-6x {
  margin-bottom: var(--spacing-scale-6x) !important;
}
.mt-6x,
.my-6x {
  margin-top: var(--spacing-scale-6x) !important;
}
.mt-n6x {
  margin-top: calc(var(--spacing-scale-6x)*-1) !important;
}
.mr-6x {
  margin-right: var(--spacing-scale-6x) !important;
}
.mr-n6x {
  margin-right: calc(var(--spacing-scale-6x)*-1) !important;
}
.mb-6x {
  margin-bottom: var(--spacing-scale-6x) !important;
}
.mb-n6x {
  margin-bottom: calc(var(--spacing-scale-6x)*-1) !important;
}
.ml-6x {
  margin-left: var(--spacing-scale-6x) !important;
}
.ml-n6x {
  margin-left: calc(var(--spacing-scale-6x)*-1) !important;
}
.m-n6x {
  margin: calc(var(--spacing-scale-6x)*-1) !important;
}
.mx-n6x {
  margin-left: calc(var(--spacing-scale-6x)*-1) !important;
  margin-right: calc(var(--spacing-scale-6x)*-1) !important;
}
.my-n6x {
  margin-bottom: calc(var(--spacing-scale-6x)*-1) !important;
  margin-top: calc(var(--spacing-scale-6x)*-1) !important;
}
.m-6xh {
  margin: var(--spacing-scale-6xh) !important;
}
.mx-6xh {
  margin-left: var(--spacing-scale-6xh) !important;
  margin-right: var(--spacing-scale-6xh) !important;
}
.my-6xh {
  margin-bottom: var(--spacing-scale-6xh) !important;
}
.mt-6xh,
.my-6xh {
  margin-top: var(--spacing-scale-6xh) !important;
}
.mt-n6xh {
  margin-top: calc(var(--spacing-scale-6xh)*-1) !important;
}
.mr-6xh {
  margin-right: var(--spacing-scale-6xh) !important;
}
.mr-n6xh {
  margin-right: calc(var(--spacing-scale-6xh)*-1) !important;
}
.mb-6xh {
  margin-bottom: var(--spacing-scale-6xh) !important;
}
.mb-n6xh {
  margin-bottom: calc(var(--spacing-scale-6xh)*-1) !important;
}
.ml-6xh {
  margin-left: var(--spacing-scale-6xh) !important;
}
.ml-n6xh {
  margin-left: calc(var(--spacing-scale-6xh)*-1) !important;
}
.m-n6xh {
  margin: calc(var(--spacing-scale-6xh)*-1) !important;
}
.mx-n6xh {
  margin-left: calc(var(--spacing-scale-6xh)*-1) !important;
  margin-right: calc(var(--spacing-scale-6xh)*-1) !important;
}
.my-n6xh {
  margin-bottom: calc(var(--spacing-scale-6xh)*-1) !important;
  margin-top: calc(var(--spacing-scale-6xh)*-1) !important;
}
.m-7x {
  margin: var(--spacing-scale-7x) !important;
}
.mx-7x {
  margin-left: var(--spacing-scale-7x) !important;
  margin-right: var(--spacing-scale-7x) !important;
}
.my-7x {
  margin-bottom: var(--spacing-scale-7x) !important;
}
.mt-7x,
.my-7x {
  margin-top: var(--spacing-scale-7x) !important;
}
.mt-n7x {
  margin-top: calc(var(--spacing-scale-7x)*-1) !important;
}
.mr-7x {
  margin-right: var(--spacing-scale-7x) !important;
}
.mr-n7x {
  margin-right: calc(var(--spacing-scale-7x)*-1) !important;
}
.mb-7x {
  margin-bottom: var(--spacing-scale-7x) !important;
}
.mb-n7x {
  margin-bottom: calc(var(--spacing-scale-7x)*-1) !important;
}
.ml-7x {
  margin-left: var(--spacing-scale-7x) !important;
}
.ml-n7x {
  margin-left: calc(var(--spacing-scale-7x)*-1) !important;
}
.m-n7x {
  margin: calc(var(--spacing-scale-7x)*-1) !important;
}
.mx-n7x {
  margin-left: calc(var(--spacing-scale-7x)*-1) !important;
  margin-right: calc(var(--spacing-scale-7x)*-1) !important;
}
.my-n7x {
  margin-bottom: calc(var(--spacing-scale-7x)*-1) !important;
  margin-top: calc(var(--spacing-scale-7x)*-1) !important;
}
.m-7xh {
  margin: var(--spacing-scale-7xh) !important;
}
.mx-7xh {
  margin-left: var(--spacing-scale-7xh) !important;
  margin-right: var(--spacing-scale-7xh) !important;
}
.my-7xh {
  margin-bottom: var(--spacing-scale-7xh) !important;
}
.mt-7xh,
.my-7xh {
  margin-top: var(--spacing-scale-7xh) !important;
}
.mt-n7xh {
  margin-top: calc(var(--spacing-scale-7xh)*-1) !important;
}
.mr-7xh {
  margin-right: var(--spacing-scale-7xh) !important;
}
.mr-n7xh {
  margin-right: calc(var(--spacing-scale-7xh)*-1) !important;
}
.mb-7xh {
  margin-bottom: var(--spacing-scale-7xh) !important;
}
.mb-n7xh {
  margin-bottom: calc(var(--spacing-scale-7xh)*-1) !important;
}
.ml-7xh {
  margin-left: var(--spacing-scale-7xh) !important;
}
.ml-n7xh {
  margin-left: calc(var(--spacing-scale-7xh)*-1) !important;
}
.m-n7xh {
  margin: calc(var(--spacing-scale-7xh)*-1) !important;
}
.mx-n7xh {
  margin-left: calc(var(--spacing-scale-7xh)*-1) !important;
  margin-right: calc(var(--spacing-scale-7xh)*-1) !important;
}
.my-n7xh {
  margin-bottom: calc(var(--spacing-scale-7xh)*-1) !important;
  margin-top: calc(var(--spacing-scale-7xh)*-1) !important;
}
.m-8x {
  margin: var(--spacing-scale-8x) !important;
}
.mx-8x {
  margin-left: var(--spacing-scale-8x) !important;
  margin-right: var(--spacing-scale-8x) !important;
}
.my-8x {
  margin-bottom: var(--spacing-scale-8x) !important;
}
.mt-8x,
.my-8x {
  margin-top: var(--spacing-scale-8x) !important;
}
.mt-n8x {
  margin-top: calc(var(--spacing-scale-8x)*-1) !important;
}
.mr-8x {
  margin-right: var(--spacing-scale-8x) !important;
}
.mr-n8x {
  margin-right: calc(var(--spacing-scale-8x)*-1) !important;
}
.mb-8x {
  margin-bottom: var(--spacing-scale-8x) !important;
}
.mb-n8x {
  margin-bottom: calc(var(--spacing-scale-8x)*-1) !important;
}
.ml-8x {
  margin-left: var(--spacing-scale-8x) !important;
}
.ml-n8x {
  margin-left: calc(var(--spacing-scale-8x)*-1) !important;
}
.m-n8x {
  margin: calc(var(--spacing-scale-8x)*-1) !important;
}
.mx-n8x {
  margin-left: calc(var(--spacing-scale-8x)*-1) !important;
  margin-right: calc(var(--spacing-scale-8x)*-1) !important;
}
.my-n8x {
  margin-bottom: calc(var(--spacing-scale-8x)*-1) !important;
  margin-top: calc(var(--spacing-scale-8x)*-1) !important;
}
.m-8xh {
  margin: var(--spacing-scale-8xh) !important;
}
.mx-8xh {
  margin-left: var(--spacing-scale-8xh) !important;
  margin-right: var(--spacing-scale-8xh) !important;
}
.my-8xh {
  margin-bottom: var(--spacing-scale-8xh) !important;
}
.mt-8xh,
.my-8xh {
  margin-top: var(--spacing-scale-8xh) !important;
}
.mt-n8xh {
  margin-top: calc(var(--spacing-scale-8xh)*-1) !important;
}
.mr-8xh {
  margin-right: var(--spacing-scale-8xh) !important;
}
.mr-n8xh {
  margin-right: calc(var(--spacing-scale-8xh)*-1) !important;
}
.mb-8xh {
  margin-bottom: var(--spacing-scale-8xh) !important;
}
.mb-n8xh {
  margin-bottom: calc(var(--spacing-scale-8xh)*-1) !important;
}
.ml-8xh {
  margin-left: var(--spacing-scale-8xh) !important;
}
.ml-n8xh {
  margin-left: calc(var(--spacing-scale-8xh)*-1) !important;
}
.m-n8xh {
  margin: calc(var(--spacing-scale-8xh)*-1) !important;
}
.mx-n8xh {
  margin-left: calc(var(--spacing-scale-8xh)*-1) !important;
  margin-right: calc(var(--spacing-scale-8xh)*-1) !important;
}
.my-n8xh {
  margin-bottom: calc(var(--spacing-scale-8xh)*-1) !important;
  margin-top: calc(var(--spacing-scale-8xh)*-1) !important;
}
.m-9x {
  margin: var(--spacing-scale-9x) !important;
}
.mx-9x {
  margin-left: var(--spacing-scale-9x) !important;
  margin-right: var(--spacing-scale-9x) !important;
}
.my-9x {
  margin-bottom: var(--spacing-scale-9x) !important;
}
.mt-9x,
.my-9x {
  margin-top: var(--spacing-scale-9x) !important;
}
.mt-n9x {
  margin-top: calc(var(--spacing-scale-9x)*-1) !important;
}
.mr-9x {
  margin-right: var(--spacing-scale-9x) !important;
}
.mr-n9x {
  margin-right: calc(var(--spacing-scale-9x)*-1) !important;
}
.mb-9x {
  margin-bottom: var(--spacing-scale-9x) !important;
}
.mb-n9x {
  margin-bottom: calc(var(--spacing-scale-9x)*-1) !important;
}
.ml-9x {
  margin-left: var(--spacing-scale-9x) !important;
}
.ml-n9x {
  margin-left: calc(var(--spacing-scale-9x)*-1) !important;
}
.m-n9x {
  margin: calc(var(--spacing-scale-9x)*-1) !important;
}
.mx-n9x {
  margin-left: calc(var(--spacing-scale-9x)*-1) !important;
  margin-right: calc(var(--spacing-scale-9x)*-1) !important;
}
.my-n9x {
  margin-bottom: calc(var(--spacing-scale-9x)*-1) !important;
  margin-top: calc(var(--spacing-scale-9x)*-1) !important;
}
.m-9xh {
  margin: var(--spacing-scale-9xh) !important;
}
.mx-9xh {
  margin-left: var(--spacing-scale-9xh) !important;
  margin-right: var(--spacing-scale-9xh) !important;
}
.my-9xh {
  margin-bottom: var(--spacing-scale-9xh) !important;
}
.mt-9xh,
.my-9xh {
  margin-top: var(--spacing-scale-9xh) !important;
}
.mt-n9xh {
  margin-top: calc(var(--spacing-scale-9xh)*-1) !important;
}
.mr-9xh {
  margin-right: var(--spacing-scale-9xh) !important;
}
.mr-n9xh {
  margin-right: calc(var(--spacing-scale-9xh)*-1) !important;
}
.mb-9xh {
  margin-bottom: var(--spacing-scale-9xh) !important;
}
.mb-n9xh {
  margin-bottom: calc(var(--spacing-scale-9xh)*-1) !important;
}
.ml-9xh {
  margin-left: var(--spacing-scale-9xh) !important;
}
.ml-n9xh {
  margin-left: calc(var(--spacing-scale-9xh)*-1) !important;
}
.m-n9xh {
  margin: calc(var(--spacing-scale-9xh)*-1) !important;
}
.mx-n9xh {
  margin-left: calc(var(--spacing-scale-9xh)*-1) !important;
  margin-right: calc(var(--spacing-scale-9xh)*-1) !important;
}
.my-n9xh {
  margin-bottom: calc(var(--spacing-scale-9xh)*-1) !important;
  margin-top: calc(var(--spacing-scale-9xh)*-1) !important;
}
.m-10x {
  margin: var(--spacing-scale-10x) !important;
}
.mx-10x {
  margin-left: var(--spacing-scale-10x) !important;
  margin-right: var(--spacing-scale-10x) !important;
}
.my-10x {
  margin-bottom: var(--spacing-scale-10x) !important;
}
.mt-10x,
.my-10x {
  margin-top: var(--spacing-scale-10x) !important;
}
.mt-n10x {
  margin-top: calc(var(--spacing-scale-10x)*-1) !important;
}
.mr-10x {
  margin-right: var(--spacing-scale-10x) !important;
}
.mr-n10x {
  margin-right: calc(var(--spacing-scale-10x)*-1) !important;
}
.mb-10x {
  margin-bottom: var(--spacing-scale-10x) !important;
}
.mb-n10x {
  margin-bottom: calc(var(--spacing-scale-10x)*-1) !important;
}
.ml-10x {
  margin-left: var(--spacing-scale-10x) !important;
}
.ml-n10x {
  margin-left: calc(var(--spacing-scale-10x)*-1) !important;
}
.m-n10x {
  margin: calc(var(--spacing-scale-10x)*-1) !important;
}
.mx-n10x {
  margin-left: calc(var(--spacing-scale-10x)*-1) !important;
  margin-right: calc(var(--spacing-scale-10x)*-1) !important;
}
.my-n10x {
  margin-bottom: calc(var(--spacing-scale-10x)*-1) !important;
  margin-top: calc(var(--spacing-scale-10x)*-1) !important;
}
.m-10xh {
  margin: var(--spacing-scale-10xh) !important;
}
.mx-10xh {
  margin-left: var(--spacing-scale-10xh) !important;
  margin-right: var(--spacing-scale-10xh) !important;
}
.my-10xh {
  margin-bottom: var(--spacing-scale-10xh) !important;
}
.mt-10xh,
.my-10xh {
  margin-top: var(--spacing-scale-10xh) !important;
}
.mt-n10xh {
  margin-top: calc(var(--spacing-scale-10xh)*-1) !important;
}
.mr-10xh {
  margin-right: var(--spacing-scale-10xh) !important;
}
.mr-n10xh {
  margin-right: calc(var(--spacing-scale-10xh)*-1) !important;
}
.mb-10xh {
  margin-bottom: var(--spacing-scale-10xh) !important;
}
.mb-n10xh {
  margin-bottom: calc(var(--spacing-scale-10xh)*-1) !important;
}
.ml-10xh {
  margin-left: var(--spacing-scale-10xh) !important;
}
.ml-n10xh {
  margin-left: calc(var(--spacing-scale-10xh)*-1) !important;
}
.m-n10xh {
  margin: calc(var(--spacing-scale-10xh)*-1) !important;
}
.mx-n10xh {
  margin-left: calc(var(--spacing-scale-10xh)*-1) !important;
  margin-right: calc(var(--spacing-scale-10xh)*-1) !important;
}
.my-n10xh {
  margin-bottom: calc(var(--spacing-scale-10xh)*-1) !important;
  margin-top: calc(var(--spacing-scale-10xh)*-1) !important;
}
.m-auto {
  margin: auto !important;
}
.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.my-auto {
  margin-bottom: auto !important;
}
.mt-auto,
.my-auto {
  margin-top: auto !important;
}
.mr-auto {
  margin-right: auto !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ml-auto {
  margin-left: auto !important;
}
.p-0 {
  padding: var(--spacing-scale-default) !important;
}
.px-0 {
  padding-left: var(--spacing-scale-default) !important;
  padding-right: var(--spacing-scale-default) !important;
}
.py-0 {
  padding-bottom: var(--spacing-scale-default) !important;
}
.pt-0,
.py-0 {
  padding-top: var(--spacing-scale-default) !important;
}
.pr-0 {
  padding-right: var(--spacing-scale-default) !important;
}
.pb-0 {
  padding-bottom: var(--spacing-scale-default) !important;
}
.pl-0 {
  padding-left: var(--spacing-scale-default) !important;
}
.p-half {
  padding: var(--spacing-scale-half) !important;
}
.px-half {
  padding-left: var(--spacing-scale-half) !important;
  padding-right: var(--spacing-scale-half) !important;
}
.py-half {
  padding-bottom: var(--spacing-scale-half) !important;
}
.pt-half,
.py-half {
  padding-top: var(--spacing-scale-half) !important;
}
.pt-nhalf {
  padding-top: calc(var(--spacing-scale-half)*-1) !important;
}
.pr-half {
  padding-right: var(--spacing-scale-half) !important;
}
.pr-nhalf {
  padding-right: calc(var(--spacing-scale-half)*-1) !important;
}
.pb-half {
  padding-bottom: var(--spacing-scale-half) !important;
}
.pb-nhalf {
  padding-bottom: calc(var(--spacing-scale-half)*-1) !important;
}
.pl-half {
  padding-left: var(--spacing-scale-half) !important;
}
.pl-nhalf {
  padding-left: calc(var(--spacing-scale-half)*-1) !important;
}
.p-nhalf {
  padding: calc(var(--spacing-scale-half)*-1) !important;
}
.px-nhalf {
  padding-left: calc(var(--spacing-scale-half)*-1) !important;
  padding-right: calc(var(--spacing-scale-half)*-1) !important;
}
.py-nhalf {
  padding-bottom: calc(var(--spacing-scale-half)*-1) !important;
  padding-top: calc(var(--spacing-scale-half)*-1) !important;
}
.p-base {
  padding: var(--spacing-scale-base) !important;
}
.px-base {
  padding-left: var(--spacing-scale-base) !important;
  padding-right: var(--spacing-scale-base) !important;
}
.py-base {
  padding-bottom: var(--spacing-scale-base) !important;
}
.pt-base,
.py-base {
  padding-top: var(--spacing-scale-base) !important;
}
.pt-nbase {
  padding-top: calc(var(--spacing-scale-base)*-1) !important;
}
.pr-base {
  padding-right: var(--spacing-scale-base) !important;
}
.pr-nbase {
  padding-right: calc(var(--spacing-scale-base)*-1) !important;
}
.pb-base {
  padding-bottom: var(--spacing-scale-base) !important;
}
.pb-nbase {
  padding-bottom: calc(var(--spacing-scale-base)*-1) !important;
}
.pl-base {
  padding-left: var(--spacing-scale-base) !important;
}
.pl-nbase {
  padding-left: calc(var(--spacing-scale-base)*-1) !important;
}
.p-nbase {
  padding: calc(var(--spacing-scale-base)*-1) !important;
}
.px-nbase {
  padding-left: calc(var(--spacing-scale-base)*-1) !important;
  padding-right: calc(var(--spacing-scale-base)*-1) !important;
}
.py-nbase {
  padding-bottom: calc(var(--spacing-scale-base)*-1) !important;
  padding-top: calc(var(--spacing-scale-base)*-1) !important;
}
.p-baseh {
  padding: var(--spacing-scale-baseh) !important;
}
.px-baseh {
  padding-left: var(--spacing-scale-baseh) !important;
  padding-right: var(--spacing-scale-baseh) !important;
}
.py-baseh {
  padding-bottom: var(--spacing-scale-baseh) !important;
}
.pt-baseh,
.py-baseh {
  padding-top: var(--spacing-scale-baseh) !important;
}
.pt-nbaseh {
  padding-top: calc(var(--spacing-scale-baseh)*-1) !important;
}
.pr-baseh {
  padding-right: var(--spacing-scale-baseh) !important;
}
.pr-nbaseh {
  padding-right: calc(var(--spacing-scale-baseh)*-1) !important;
}
.pb-baseh {
  padding-bottom: var(--spacing-scale-baseh) !important;
}
.pb-nbaseh {
  padding-bottom: calc(var(--spacing-scale-baseh)*-1) !important;
}
.pl-baseh {
  padding-left: var(--spacing-scale-baseh) !important;
}
.pl-nbaseh {
  padding-left: calc(var(--spacing-scale-baseh)*-1) !important;
}
.p-nbaseh {
  padding: calc(var(--spacing-scale-baseh)*-1) !important;
}
.px-nbaseh {
  padding-left: calc(var(--spacing-scale-baseh)*-1) !important;
  padding-right: calc(var(--spacing-scale-baseh)*-1) !important;
}
.py-nbaseh {
  padding-bottom: calc(var(--spacing-scale-baseh)*-1) !important;
  padding-top: calc(var(--spacing-scale-baseh)*-1) !important;
}
.p-1 {
  padding: var(--spacing-scale-half) !important;
}
.px-1 {
  padding-left: var(--spacing-scale-half) !important;
  padding-right: var(--spacing-scale-half) !important;
}
.py-1 {
  padding-bottom: var(--spacing-scale-half) !important;
}
.pt-1,
.py-1 {
  padding-top: var(--spacing-scale-half) !important;
}
.pt-n1 {
  padding-top: calc(var(--spacing-scale-half)*-1) !important;
}
.pr-1 {
  padding-right: var(--spacing-scale-half) !important;
}
.pr-n1 {
  padding-right: calc(var(--spacing-scale-half)*-1) !important;
}
.pb-1 {
  padding-bottom: var(--spacing-scale-half) !important;
}
.pb-n1 {
  padding-bottom: calc(var(--spacing-scale-half)*-1) !important;
}
.pl-1 {
  padding-left: var(--spacing-scale-half) !important;
}
.pl-n1 {
  padding-left: calc(var(--spacing-scale-half)*-1) !important;
}
.p-n1 {
  padding: calc(var(--spacing-scale-half)*-1) !important;
}
.px-n1 {
  padding-left: calc(var(--spacing-scale-half)*-1) !important;
  padding-right: calc(var(--spacing-scale-half)*-1) !important;
}
.py-n1 {
  padding-bottom: calc(var(--spacing-scale-half)*-1) !important;
  padding-top: calc(var(--spacing-scale-half)*-1) !important;
}
.p-2 {
  padding: var(--spacing-scale-base) !important;
}
.px-2 {
  padding-left: var(--spacing-scale-base) !important;
  padding-right: var(--spacing-scale-base) !important;
}
.py-2 {
  padding-bottom: var(--spacing-scale-base) !important;
}
.pt-2,
.py-2 {
  padding-top: var(--spacing-scale-base) !important;
}
.pt-n2 {
  padding-top: calc(var(--spacing-scale-base)*-1) !important;
}
.pr-2 {
  padding-right: var(--spacing-scale-base) !important;
}
.pr-n2 {
  padding-right: calc(var(--spacing-scale-base)*-1) !important;
}
.pb-2 {
  padding-bottom: var(--spacing-scale-base) !important;
}
.pb-n2 {
  padding-bottom: calc(var(--spacing-scale-base)*-1) !important;
}
.pl-2 {
  padding-left: var(--spacing-scale-base) !important;
}
.pl-n2 {
  padding-left: calc(var(--spacing-scale-base)*-1) !important;
}
.p-n2 {
  padding: calc(var(--spacing-scale-base)*-1) !important;
}
.px-n2 {
  padding-left: calc(var(--spacing-scale-base)*-1) !important;
  padding-right: calc(var(--spacing-scale-base)*-1) !important;
}
.py-n2 {
  padding-bottom: calc(var(--spacing-scale-base)*-1) !important;
  padding-top: calc(var(--spacing-scale-base)*-1) !important;
}
.p-3 {
  padding: var(--spacing-scale-2x) !important;
}
.px-3 {
  padding-left: var(--spacing-scale-2x) !important;
  padding-right: var(--spacing-scale-2x) !important;
}
.py-3 {
  padding-bottom: var(--spacing-scale-2x) !important;
}
.pt-3,
.py-3 {
  padding-top: var(--spacing-scale-2x) !important;
}
.pt-n3 {
  padding-top: calc(var(--spacing-scale-2x)*-1) !important;
}
.pr-3 {
  padding-right: var(--spacing-scale-2x) !important;
}
.pr-n3 {
  padding-right: calc(var(--spacing-scale-2x)*-1) !important;
}
.pb-3 {
  padding-bottom: var(--spacing-scale-2x) !important;
}
.pb-n3 {
  padding-bottom: calc(var(--spacing-scale-2x)*-1) !important;
}
.pl-3 {
  padding-left: var(--spacing-scale-2x) !important;
}
.pl-n3 {
  padding-left: calc(var(--spacing-scale-2x)*-1) !important;
}
.p-n3 {
  padding: calc(var(--spacing-scale-2x)*-1) !important;
}
.px-n3 {
  padding-left: calc(var(--spacing-scale-2x)*-1) !important;
  padding-right: calc(var(--spacing-scale-2x)*-1) !important;
}
.py-n3 {
  padding-bottom: calc(var(--spacing-scale-2x)*-1) !important;
  padding-top: calc(var(--spacing-scale-2x)*-1) !important;
}
.p-4 {
  padding: var(--spacing-scale-3x) !important;
}
.px-4 {
  padding-left: var(--spacing-scale-3x) !important;
  padding-right: var(--spacing-scale-3x) !important;
}
.py-4 {
  padding-bottom: var(--spacing-scale-3x) !important;
}
.pt-4,
.py-4 {
  padding-top: var(--spacing-scale-3x) !important;
}
.pt-n4 {
  padding-top: calc(var(--spacing-scale-3x)*-1) !important;
}
.pr-4 {
  padding-right: var(--spacing-scale-3x) !important;
}
.pr-n4 {
  padding-right: calc(var(--spacing-scale-3x)*-1) !important;
}
.pb-4 {
  padding-bottom: var(--spacing-scale-3x) !important;
}
.pb-n4 {
  padding-bottom: calc(var(--spacing-scale-3x)*-1) !important;
}
.pl-4 {
  padding-left: var(--spacing-scale-3x) !important;
}
.pl-n4 {
  padding-left: calc(var(--spacing-scale-3x)*-1) !important;
}
.p-n4 {
  padding: calc(var(--spacing-scale-3x)*-1) !important;
}
.px-n4 {
  padding-left: calc(var(--spacing-scale-3x)*-1) !important;
  padding-right: calc(var(--spacing-scale-3x)*-1) !important;
}
.py-n4 {
  padding-bottom: calc(var(--spacing-scale-3x)*-1) !important;
  padding-top: calc(var(--spacing-scale-3x)*-1) !important;
}
.p-5 {
  padding: var(--spacing-scale-4x) !important;
}
.px-5 {
  padding-left: var(--spacing-scale-4x) !important;
  padding-right: var(--spacing-scale-4x) !important;
}
.py-5 {
  padding-bottom: var(--spacing-scale-4x) !important;
}
.pt-5,
.py-5 {
  padding-top: var(--spacing-scale-4x) !important;
}
.pt-n5 {
  padding-top: calc(var(--spacing-scale-4x)*-1) !important;
}
.pr-5 {
  padding-right: var(--spacing-scale-4x) !important;
}
.pr-n5 {
  padding-right: calc(var(--spacing-scale-4x)*-1) !important;
}
.pb-5 {
  padding-bottom: var(--spacing-scale-4x) !important;
}
.pb-n5 {
  padding-bottom: calc(var(--spacing-scale-4x)*-1) !important;
}
.pl-5 {
  padding-left: var(--spacing-scale-4x) !important;
}
.pl-n5 {
  padding-left: calc(var(--spacing-scale-4x)*-1) !important;
}
.p-n5 {
  padding: calc(var(--spacing-scale-4x)*-1) !important;
}
.px-n5 {
  padding-left: calc(var(--spacing-scale-4x)*-1) !important;
  padding-right: calc(var(--spacing-scale-4x)*-1) !important;
}
.py-n5 {
  padding-bottom: calc(var(--spacing-scale-4x)*-1) !important;
  padding-top: calc(var(--spacing-scale-4x)*-1) !important;
}
.p-6 {
  padding: var(--spacing-scale-5x) !important;
}
.px-6 {
  padding-left: var(--spacing-scale-5x) !important;
  padding-right: var(--spacing-scale-5x) !important;
}
.py-6 {
  padding-bottom: var(--spacing-scale-5x) !important;
}
.pt-6,
.py-6 {
  padding-top: var(--spacing-scale-5x) !important;
}
.pt-n6 {
  padding-top: calc(var(--spacing-scale-5x)*-1) !important;
}
.pr-6 {
  padding-right: var(--spacing-scale-5x) !important;
}
.pr-n6 {
  padding-right: calc(var(--spacing-scale-5x)*-1) !important;
}
.pb-6 {
  padding-bottom: var(--spacing-scale-5x) !important;
}
.pb-n6 {
  padding-bottom: calc(var(--spacing-scale-5x)*-1) !important;
}
.pl-6 {
  padding-left: var(--spacing-scale-5x) !important;
}
.pl-n6 {
  padding-left: calc(var(--spacing-scale-5x)*-1) !important;
}
.p-n6 {
  padding: calc(var(--spacing-scale-5x)*-1) !important;
}
.px-n6 {
  padding-left: calc(var(--spacing-scale-5x)*-1) !important;
  padding-right: calc(var(--spacing-scale-5x)*-1) !important;
}
.py-n6 {
  padding-bottom: calc(var(--spacing-scale-5x)*-1) !important;
  padding-top: calc(var(--spacing-scale-5x)*-1) !important;
}
.p-2x {
  padding: var(--spacing-scale-2x) !important;
}
.px-2x {
  padding-left: var(--spacing-scale-2x) !important;
  padding-right: var(--spacing-scale-2x) !important;
}
.py-2x {
  padding-bottom: var(--spacing-scale-2x) !important;
}
.pt-2x,
.py-2x {
  padding-top: var(--spacing-scale-2x) !important;
}
.pt-n2x {
  padding-top: calc(var(--spacing-scale-2x)*-1) !important;
}
.pr-2x {
  padding-right: var(--spacing-scale-2x) !important;
}
.pr-n2x {
  padding-right: calc(var(--spacing-scale-2x)*-1) !important;
}
.pb-2x {
  padding-bottom: var(--spacing-scale-2x) !important;
}
.pb-n2x {
  padding-bottom: calc(var(--spacing-scale-2x)*-1) !important;
}
.pl-2x {
  padding-left: var(--spacing-scale-2x) !important;
}
.pl-n2x {
  padding-left: calc(var(--spacing-scale-2x)*-1) !important;
}
.p-n2x {
  padding: calc(var(--spacing-scale-2x)*-1) !important;
}
.px-n2x {
  padding-left: calc(var(--spacing-scale-2x)*-1) !important;
  padding-right: calc(var(--spacing-scale-2x)*-1) !important;
}
.py-n2x {
  padding-bottom: calc(var(--spacing-scale-2x)*-1) !important;
  padding-top: calc(var(--spacing-scale-2x)*-1) !important;
}
.p-2xh {
  padding: var(--spacing-scale-2xh) !important;
}
.px-2xh {
  padding-left: var(--spacing-scale-2xh) !important;
  padding-right: var(--spacing-scale-2xh) !important;
}
.py-2xh {
  padding-bottom: var(--spacing-scale-2xh) !important;
}
.pt-2xh,
.py-2xh {
  padding-top: var(--spacing-scale-2xh) !important;
}
.pt-n2xh {
  padding-top: calc(var(--spacing-scale-2xh)*-1) !important;
}
.pr-2xh {
  padding-right: var(--spacing-scale-2xh) !important;
}
.pr-n2xh {
  padding-right: calc(var(--spacing-scale-2xh)*-1) !important;
}
.pb-2xh {
  padding-bottom: var(--spacing-scale-2xh) !important;
}
.pb-n2xh {
  padding-bottom: calc(var(--spacing-scale-2xh)*-1) !important;
}
.pl-2xh {
  padding-left: var(--spacing-scale-2xh) !important;
}
.pl-n2xh {
  padding-left: calc(var(--spacing-scale-2xh)*-1) !important;
}
.p-n2xh {
  padding: calc(var(--spacing-scale-2xh)*-1) !important;
}
.px-n2xh {
  padding-left: calc(var(--spacing-scale-2xh)*-1) !important;
  padding-right: calc(var(--spacing-scale-2xh)*-1) !important;
}
.py-n2xh {
  padding-bottom: calc(var(--spacing-scale-2xh)*-1) !important;
  padding-top: calc(var(--spacing-scale-2xh)*-1) !important;
}
.p-3x {
  padding: var(--spacing-scale-3x) !important;
}
.px-3x {
  padding-left: var(--spacing-scale-3x) !important;
  padding-right: var(--spacing-scale-3x) !important;
}
.py-3x {
  padding-bottom: var(--spacing-scale-3x) !important;
}
.pt-3x,
.py-3x {
  padding-top: var(--spacing-scale-3x) !important;
}
.pt-n3x {
  padding-top: calc(var(--spacing-scale-3x)*-1) !important;
}
.pr-3x {
  padding-right: var(--spacing-scale-3x) !important;
}
.pr-n3x {
  padding-right: calc(var(--spacing-scale-3x)*-1) !important;
}
.pb-3x {
  padding-bottom: var(--spacing-scale-3x) !important;
}
.pb-n3x {
  padding-bottom: calc(var(--spacing-scale-3x)*-1) !important;
}
.pl-3x {
  padding-left: var(--spacing-scale-3x) !important;
}
.pl-n3x {
  padding-left: calc(var(--spacing-scale-3x)*-1) !important;
}
.p-n3x {
  padding: calc(var(--spacing-scale-3x)*-1) !important;
}
.px-n3x {
  padding-left: calc(var(--spacing-scale-3x)*-1) !important;
  padding-right: calc(var(--spacing-scale-3x)*-1) !important;
}
.py-n3x {
  padding-bottom: calc(var(--spacing-scale-3x)*-1) !important;
  padding-top: calc(var(--spacing-scale-3x)*-1) !important;
}
.p-3xh {
  padding: var(--spacing-scale-3xh) !important;
}
.px-3xh {
  padding-left: var(--spacing-scale-3xh) !important;
  padding-right: var(--spacing-scale-3xh) !important;
}
.py-3xh {
  padding-bottom: var(--spacing-scale-3xh) !important;
}
.pt-3xh,
.py-3xh {
  padding-top: var(--spacing-scale-3xh) !important;
}
.pt-n3xh {
  padding-top: calc(var(--spacing-scale-3xh)*-1) !important;
}
.pr-3xh {
  padding-right: var(--spacing-scale-3xh) !important;
}
.pr-n3xh {
  padding-right: calc(var(--spacing-scale-3xh)*-1) !important;
}
.pb-3xh {
  padding-bottom: var(--spacing-scale-3xh) !important;
}
.pb-n3xh {
  padding-bottom: calc(var(--spacing-scale-3xh)*-1) !important;
}
.pl-3xh {
  padding-left: var(--spacing-scale-3xh) !important;
}
.pl-n3xh {
  padding-left: calc(var(--spacing-scale-3xh)*-1) !important;
}
.p-n3xh {
  padding: calc(var(--spacing-scale-3xh)*-1) !important;
}
.px-n3xh {
  padding-left: calc(var(--spacing-scale-3xh)*-1) !important;
  padding-right: calc(var(--spacing-scale-3xh)*-1) !important;
}
.py-n3xh {
  padding-bottom: calc(var(--spacing-scale-3xh)*-1) !important;
  padding-top: calc(var(--spacing-scale-3xh)*-1) !important;
}
.p-4x {
  padding: var(--spacing-scale-4x) !important;
}
.px-4x {
  padding-left: var(--spacing-scale-4x) !important;
  padding-right: var(--spacing-scale-4x) !important;
}
.py-4x {
  padding-bottom: var(--spacing-scale-4x) !important;
}
.pt-4x,
.py-4x {
  padding-top: var(--spacing-scale-4x) !important;
}
.pt-n4x {
  padding-top: calc(var(--spacing-scale-4x)*-1) !important;
}
.pr-4x {
  padding-right: var(--spacing-scale-4x) !important;
}
.pr-n4x {
  padding-right: calc(var(--spacing-scale-4x)*-1) !important;
}
.pb-4x {
  padding-bottom: var(--spacing-scale-4x) !important;
}
.pb-n4x {
  padding-bottom: calc(var(--spacing-scale-4x)*-1) !important;
}
.pl-4x {
  padding-left: var(--spacing-scale-4x) !important;
}
.pl-n4x {
  padding-left: calc(var(--spacing-scale-4x)*-1) !important;
}
.p-n4x {
  padding: calc(var(--spacing-scale-4x)*-1) !important;
}
.px-n4x {
  padding-left: calc(var(--spacing-scale-4x)*-1) !important;
  padding-right: calc(var(--spacing-scale-4x)*-1) !important;
}
.py-n4x {
  padding-bottom: calc(var(--spacing-scale-4x)*-1) !important;
  padding-top: calc(var(--spacing-scale-4x)*-1) !important;
}
.p-4xh {
  padding: var(--spacing-scale-4xh) !important;
}
.px-4xh {
  padding-left: var(--spacing-scale-4xh) !important;
  padding-right: var(--spacing-scale-4xh) !important;
}
.py-4xh {
  padding-bottom: var(--spacing-scale-4xh) !important;
}
.pt-4xh,
.py-4xh {
  padding-top: var(--spacing-scale-4xh) !important;
}
.pt-n4xh {
  padding-top: calc(var(--spacing-scale-4xh)*-1) !important;
}
.pr-4xh {
  padding-right: var(--spacing-scale-4xh) !important;
}
.pr-n4xh {
  padding-right: calc(var(--spacing-scale-4xh)*-1) !important;
}
.pb-4xh {
  padding-bottom: var(--spacing-scale-4xh) !important;
}
.pb-n4xh {
  padding-bottom: calc(var(--spacing-scale-4xh)*-1) !important;
}
.pl-4xh {
  padding-left: var(--spacing-scale-4xh) !important;
}
.pl-n4xh {
  padding-left: calc(var(--spacing-scale-4xh)*-1) !important;
}
.p-n4xh {
  padding: calc(var(--spacing-scale-4xh)*-1) !important;
}
.px-n4xh {
  padding-left: calc(var(--spacing-scale-4xh)*-1) !important;
  padding-right: calc(var(--spacing-scale-4xh)*-1) !important;
}
.py-n4xh {
  padding-bottom: calc(var(--spacing-scale-4xh)*-1) !important;
  padding-top: calc(var(--spacing-scale-4xh)*-1) !important;
}
.p-5x {
  padding: var(--spacing-scale-5x) !important;
}
.px-5x {
  padding-left: var(--spacing-scale-5x) !important;
  padding-right: var(--spacing-scale-5x) !important;
}
.py-5x {
  padding-bottom: var(--spacing-scale-5x) !important;
}
.pt-5x,
.py-5x {
  padding-top: var(--spacing-scale-5x) !important;
}
.pt-n5x {
  padding-top: calc(var(--spacing-scale-5x)*-1) !important;
}
.pr-5x {
  padding-right: var(--spacing-scale-5x) !important;
}
.pr-n5x {
  padding-right: calc(var(--spacing-scale-5x)*-1) !important;
}
.pb-5x {
  padding-bottom: var(--spacing-scale-5x) !important;
}
.pb-n5x {
  padding-bottom: calc(var(--spacing-scale-5x)*-1) !important;
}
.pl-5x {
  padding-left: var(--spacing-scale-5x) !important;
}
.pl-n5x {
  padding-left: calc(var(--spacing-scale-5x)*-1) !important;
}
.p-n5x {
  padding: calc(var(--spacing-scale-5x)*-1) !important;
}
.px-n5x {
  padding-left: calc(var(--spacing-scale-5x)*-1) !important;
  padding-right: calc(var(--spacing-scale-5x)*-1) !important;
}
.py-n5x {
  padding-bottom: calc(var(--spacing-scale-5x)*-1) !important;
  padding-top: calc(var(--spacing-scale-5x)*-1) !important;
}
.p-5xh {
  padding: var(--spacing-scale-5xh) !important;
}
.px-5xh {
  padding-left: var(--spacing-scale-5xh) !important;
  padding-right: var(--spacing-scale-5xh) !important;
}
.py-5xh {
  padding-bottom: var(--spacing-scale-5xh) !important;
}
.pt-5xh,
.py-5xh {
  padding-top: var(--spacing-scale-5xh) !important;
}
.pt-n5xh {
  padding-top: calc(var(--spacing-scale-5xh)*-1) !important;
}
.pr-5xh {
  padding-right: var(--spacing-scale-5xh) !important;
}
.pr-n5xh {
  padding-right: calc(var(--spacing-scale-5xh)*-1) !important;
}
.pb-5xh {
  padding-bottom: var(--spacing-scale-5xh) !important;
}
.pb-n5xh {
  padding-bottom: calc(var(--spacing-scale-5xh)*-1) !important;
}
.pl-5xh {
  padding-left: var(--spacing-scale-5xh) !important;
}
.pl-n5xh {
  padding-left: calc(var(--spacing-scale-5xh)*-1) !important;
}
.p-n5xh {
  padding: calc(var(--spacing-scale-5xh)*-1) !important;
}
.px-n5xh {
  padding-left: calc(var(--spacing-scale-5xh)*-1) !important;
  padding-right: calc(var(--spacing-scale-5xh)*-1) !important;
}
.py-n5xh {
  padding-bottom: calc(var(--spacing-scale-5xh)*-1) !important;
  padding-top: calc(var(--spacing-scale-5xh)*-1) !important;
}
.p-6x {
  padding: var(--spacing-scale-6x) !important;
}
.px-6x {
  padding-left: var(--spacing-scale-6x) !important;
  padding-right: var(--spacing-scale-6x) !important;
}
.py-6x {
  padding-bottom: var(--spacing-scale-6x) !important;
}
.pt-6x,
.py-6x {
  padding-top: var(--spacing-scale-6x) !important;
}
.pt-n6x {
  padding-top: calc(var(--spacing-scale-6x)*-1) !important;
}
.pr-6x {
  padding-right: var(--spacing-scale-6x) !important;
}
.pr-n6x {
  padding-right: calc(var(--spacing-scale-6x)*-1) !important;
}
.pb-6x {
  padding-bottom: var(--spacing-scale-6x) !important;
}
.pb-n6x {
  padding-bottom: calc(var(--spacing-scale-6x)*-1) !important;
}
.pl-6x {
  padding-left: var(--spacing-scale-6x) !important;
}
.pl-n6x {
  padding-left: calc(var(--spacing-scale-6x)*-1) !important;
}
.p-n6x {
  padding: calc(var(--spacing-scale-6x)*-1) !important;
}
.px-n6x {
  padding-left: calc(var(--spacing-scale-6x)*-1) !important;
  padding-right: calc(var(--spacing-scale-6x)*-1) !important;
}
.py-n6x {
  padding-bottom: calc(var(--spacing-scale-6x)*-1) !important;
  padding-top: calc(var(--spacing-scale-6x)*-1) !important;
}
.p-6xh {
  padding: var(--spacing-scale-6xh) !important;
}
.px-6xh {
  padding-left: var(--spacing-scale-6xh) !important;
  padding-right: var(--spacing-scale-6xh) !important;
}
.py-6xh {
  padding-bottom: var(--spacing-scale-6xh) !important;
}
.pt-6xh,
.py-6xh {
  padding-top: var(--spacing-scale-6xh) !important;
}
.pt-n6xh {
  padding-top: calc(var(--spacing-scale-6xh)*-1) !important;
}
.pr-6xh {
  padding-right: var(--spacing-scale-6xh) !important;
}
.pr-n6xh {
  padding-right: calc(var(--spacing-scale-6xh)*-1) !important;
}
.pb-6xh {
  padding-bottom: var(--spacing-scale-6xh) !important;
}
.pb-n6xh {
  padding-bottom: calc(var(--spacing-scale-6xh)*-1) !important;
}
.pl-6xh {
  padding-left: var(--spacing-scale-6xh) !important;
}
.pl-n6xh {
  padding-left: calc(var(--spacing-scale-6xh)*-1) !important;
}
.p-n6xh {
  padding: calc(var(--spacing-scale-6xh)*-1) !important;
}
.px-n6xh {
  padding-left: calc(var(--spacing-scale-6xh)*-1) !important;
  padding-right: calc(var(--spacing-scale-6xh)*-1) !important;
}
.py-n6xh {
  padding-bottom: calc(var(--spacing-scale-6xh)*-1) !important;
  padding-top: calc(var(--spacing-scale-6xh)*-1) !important;
}
.p-7x {
  padding: var(--spacing-scale-7x) !important;
}
.px-7x {
  padding-left: var(--spacing-scale-7x) !important;
  padding-right: var(--spacing-scale-7x) !important;
}
.py-7x {
  padding-bottom: var(--spacing-scale-7x) !important;
}
.pt-7x,
.py-7x {
  padding-top: var(--spacing-scale-7x) !important;
}
.pt-n7x {
  padding-top: calc(var(--spacing-scale-7x)*-1) !important;
}
.pr-7x {
  padding-right: var(--spacing-scale-7x) !important;
}
.pr-n7x {
  padding-right: calc(var(--spacing-scale-7x)*-1) !important;
}
.pb-7x {
  padding-bottom: var(--spacing-scale-7x) !important;
}
.pb-n7x {
  padding-bottom: calc(var(--spacing-scale-7x)*-1) !important;
}
.pl-7x {
  padding-left: var(--spacing-scale-7x) !important;
}
.pl-n7x {
  padding-left: calc(var(--spacing-scale-7x)*-1) !important;
}
.p-n7x {
  padding: calc(var(--spacing-scale-7x)*-1) !important;
}
.px-n7x {
  padding-left: calc(var(--spacing-scale-7x)*-1) !important;
  padding-right: calc(var(--spacing-scale-7x)*-1) !important;
}
.py-n7x {
  padding-bottom: calc(var(--spacing-scale-7x)*-1) !important;
  padding-top: calc(var(--spacing-scale-7x)*-1) !important;
}
.p-7xh {
  padding: var(--spacing-scale-7xh) !important;
}
.px-7xh {
  padding-left: var(--spacing-scale-7xh) !important;
  padding-right: var(--spacing-scale-7xh) !important;
}
.py-7xh {
  padding-bottom: var(--spacing-scale-7xh) !important;
}
.pt-7xh,
.py-7xh {
  padding-top: var(--spacing-scale-7xh) !important;
}
.pt-n7xh {
  padding-top: calc(var(--spacing-scale-7xh)*-1) !important;
}
.pr-7xh {
  padding-right: var(--spacing-scale-7xh) !important;
}
.pr-n7xh {
  padding-right: calc(var(--spacing-scale-7xh)*-1) !important;
}
.pb-7xh {
  padding-bottom: var(--spacing-scale-7xh) !important;
}
.pb-n7xh {
  padding-bottom: calc(var(--spacing-scale-7xh)*-1) !important;
}
.pl-7xh {
  padding-left: var(--spacing-scale-7xh) !important;
}
.pl-n7xh {
  padding-left: calc(var(--spacing-scale-7xh)*-1) !important;
}
.p-n7xh {
  padding: calc(var(--spacing-scale-7xh)*-1) !important;
}
.px-n7xh {
  padding-left: calc(var(--spacing-scale-7xh)*-1) !important;
  padding-right: calc(var(--spacing-scale-7xh)*-1) !important;
}
.py-n7xh {
  padding-bottom: calc(var(--spacing-scale-7xh)*-1) !important;
  padding-top: calc(var(--spacing-scale-7xh)*-1) !important;
}
.p-8x {
  padding: var(--spacing-scale-8x) !important;
}
.px-8x {
  padding-left: var(--spacing-scale-8x) !important;
  padding-right: var(--spacing-scale-8x) !important;
}
.py-8x {
  padding-bottom: var(--spacing-scale-8x) !important;
}
.pt-8x,
.py-8x {
  padding-top: var(--spacing-scale-8x) !important;
}
.pt-n8x {
  padding-top: calc(var(--spacing-scale-8x)*-1) !important;
}
.pr-8x {
  padding-right: var(--spacing-scale-8x) !important;
}
.pr-n8x {
  padding-right: calc(var(--spacing-scale-8x)*-1) !important;
}
.pb-8x {
  padding-bottom: var(--spacing-scale-8x) !important;
}
.pb-n8x {
  padding-bottom: calc(var(--spacing-scale-8x)*-1) !important;
}
.pl-8x {
  padding-left: var(--spacing-scale-8x) !important;
}
.pl-n8x {
  padding-left: calc(var(--spacing-scale-8x)*-1) !important;
}
.p-n8x {
  padding: calc(var(--spacing-scale-8x)*-1) !important;
}
.px-n8x {
  padding-left: calc(var(--spacing-scale-8x)*-1) !important;
  padding-right: calc(var(--spacing-scale-8x)*-1) !important;
}
.py-n8x {
  padding-bottom: calc(var(--spacing-scale-8x)*-1) !important;
  padding-top: calc(var(--spacing-scale-8x)*-1) !important;
}
.p-8xh {
  padding: var(--spacing-scale-8xh) !important;
}
.px-8xh {
  padding-left: var(--spacing-scale-8xh) !important;
  padding-right: var(--spacing-scale-8xh) !important;
}
.py-8xh {
  padding-bottom: var(--spacing-scale-8xh) !important;
}
.pt-8xh,
.py-8xh {
  padding-top: var(--spacing-scale-8xh) !important;
}
.pt-n8xh {
  padding-top: calc(var(--spacing-scale-8xh)*-1) !important;
}
.pr-8xh {
  padding-right: var(--spacing-scale-8xh) !important;
}
.pr-n8xh {
  padding-right: calc(var(--spacing-scale-8xh)*-1) !important;
}
.pb-8xh {
  padding-bottom: var(--spacing-scale-8xh) !important;
}
.pb-n8xh {
  padding-bottom: calc(var(--spacing-scale-8xh)*-1) !important;
}
.pl-8xh {
  padding-left: var(--spacing-scale-8xh) !important;
}
.pl-n8xh {
  padding-left: calc(var(--spacing-scale-8xh)*-1) !important;
}
.p-n8xh {
  padding: calc(var(--spacing-scale-8xh)*-1) !important;
}
.px-n8xh {
  padding-left: calc(var(--spacing-scale-8xh)*-1) !important;
  padding-right: calc(var(--spacing-scale-8xh)*-1) !important;
}
.py-n8xh {
  padding-bottom: calc(var(--spacing-scale-8xh)*-1) !important;
  padding-top: calc(var(--spacing-scale-8xh)*-1) !important;
}
.p-9x {
  padding: var(--spacing-scale-9x) !important;
}
.px-9x {
  padding-left: var(--spacing-scale-9x) !important;
  padding-right: var(--spacing-scale-9x) !important;
}
.py-9x {
  padding-bottom: var(--spacing-scale-9x) !important;
}
.pt-9x,
.py-9x {
  padding-top: var(--spacing-scale-9x) !important;
}
.pt-n9x {
  padding-top: calc(var(--spacing-scale-9x)*-1) !important;
}
.pr-9x {
  padding-right: var(--spacing-scale-9x) !important;
}
.pr-n9x {
  padding-right: calc(var(--spacing-scale-9x)*-1) !important;
}
.pb-9x {
  padding-bottom: var(--spacing-scale-9x) !important;
}
.pb-n9x {
  padding-bottom: calc(var(--spacing-scale-9x)*-1) !important;
}
.pl-9x {
  padding-left: var(--spacing-scale-9x) !important;
}
.pl-n9x {
  padding-left: calc(var(--spacing-scale-9x)*-1) !important;
}
.p-n9x {
  padding: calc(var(--spacing-scale-9x)*-1) !important;
}
.px-n9x {
  padding-left: calc(var(--spacing-scale-9x)*-1) !important;
  padding-right: calc(var(--spacing-scale-9x)*-1) !important;
}
.py-n9x {
  padding-bottom: calc(var(--spacing-scale-9x)*-1) !important;
  padding-top: calc(var(--spacing-scale-9x)*-1) !important;
}
.p-9xh {
  padding: var(--spacing-scale-9xh) !important;
}
.px-9xh {
  padding-left: var(--spacing-scale-9xh) !important;
  padding-right: var(--spacing-scale-9xh) !important;
}
.py-9xh {
  padding-bottom: var(--spacing-scale-9xh) !important;
}
.pt-9xh,
.py-9xh {
  padding-top: var(--spacing-scale-9xh) !important;
}
.pt-n9xh {
  padding-top: calc(var(--spacing-scale-9xh)*-1) !important;
}
.pr-9xh {
  padding-right: var(--spacing-scale-9xh) !important;
}
.pr-n9xh {
  padding-right: calc(var(--spacing-scale-9xh)*-1) !important;
}
.pb-9xh {
  padding-bottom: var(--spacing-scale-9xh) !important;
}
.pb-n9xh {
  padding-bottom: calc(var(--spacing-scale-9xh)*-1) !important;
}
.pl-9xh {
  padding-left: var(--spacing-scale-9xh) !important;
}
.pl-n9xh {
  padding-left: calc(var(--spacing-scale-9xh)*-1) !important;
}
.p-n9xh {
  padding: calc(var(--spacing-scale-9xh)*-1) !important;
}
.px-n9xh {
  padding-left: calc(var(--spacing-scale-9xh)*-1) !important;
  padding-right: calc(var(--spacing-scale-9xh)*-1) !important;
}
.py-n9xh {
  padding-bottom: calc(var(--spacing-scale-9xh)*-1) !important;
  padding-top: calc(var(--spacing-scale-9xh)*-1) !important;
}
.p-10x {
  padding: var(--spacing-scale-10x) !important;
}
.px-10x {
  padding-left: var(--spacing-scale-10x) !important;
  padding-right: var(--spacing-scale-10x) !important;
}
.py-10x {
  padding-bottom: var(--spacing-scale-10x) !important;
}
.pt-10x,
.py-10x {
  padding-top: var(--spacing-scale-10x) !important;
}
.pt-n10x {
  padding-top: calc(var(--spacing-scale-10x)*-1) !important;
}
.pr-10x {
  padding-right: var(--spacing-scale-10x) !important;
}
.pr-n10x {
  padding-right: calc(var(--spacing-scale-10x)*-1) !important;
}
.pb-10x {
  padding-bottom: var(--spacing-scale-10x) !important;
}
.pb-n10x {
  padding-bottom: calc(var(--spacing-scale-10x)*-1) !important;
}
.pl-10x {
  padding-left: var(--spacing-scale-10x) !important;
}
.pl-n10x {
  padding-left: calc(var(--spacing-scale-10x)*-1) !important;
}
.p-n10x {
  padding: calc(var(--spacing-scale-10x)*-1) !important;
}
.px-n10x {
  padding-left: calc(var(--spacing-scale-10x)*-1) !important;
  padding-right: calc(var(--spacing-scale-10x)*-1) !important;
}
.py-n10x {
  padding-bottom: calc(var(--spacing-scale-10x)*-1) !important;
  padding-top: calc(var(--spacing-scale-10x)*-1) !important;
}
.p-10xh {
  padding: var(--spacing-scale-10xh) !important;
}
.px-10xh {
  padding-left: var(--spacing-scale-10xh) !important;
  padding-right: var(--spacing-scale-10xh) !important;
}
.py-10xh {
  padding-bottom: var(--spacing-scale-10xh) !important;
}
.pt-10xh,
.py-10xh {
  padding-top: var(--spacing-scale-10xh) !important;
}
.pt-n10xh {
  padding-top: calc(var(--spacing-scale-10xh)*-1) !important;
}
.pr-10xh {
  padding-right: var(--spacing-scale-10xh) !important;
}
.pr-n10xh {
  padding-right: calc(var(--spacing-scale-10xh)*-1) !important;
}
.pb-10xh {
  padding-bottom: var(--spacing-scale-10xh) !important;
}
.pb-n10xh {
  padding-bottom: calc(var(--spacing-scale-10xh)*-1) !important;
}
.pl-10xh {
  padding-left: var(--spacing-scale-10xh) !important;
}
.pl-n10xh {
  padding-left: calc(var(--spacing-scale-10xh)*-1) !important;
}
.p-n10xh {
  padding: calc(var(--spacing-scale-10xh)*-1) !important;
}
.px-n10xh {
  padding-left: calc(var(--spacing-scale-10xh)*-1) !important;
  padding-right: calc(var(--spacing-scale-10xh)*-1) !important;
}
.py-n10xh {
  padding-bottom: calc(var(--spacing-scale-10xh)*-1) !important;
  padding-top: calc(var(--spacing-scale-10xh)*-1) !important;
}
@media (min-width:576px) {
  .m-sm-0 {
    margin: var(--spacing-scale-default) !important;
  }
  .mx-sm-0 {
    margin-left: var(--spacing-scale-default) !important;
    margin-right: var(--spacing-scale-default) !important;
  }
  .my-sm-0 {
    margin-bottom: var(--spacing-scale-default) !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: var(--spacing-scale-default) !important;
  }
  .mr-sm-0 {
    margin-right: var(--spacing-scale-default) !important;
  }
  .mb-sm-0 {
    margin-bottom: var(--spacing-scale-default) !important;
  }
  .ml-sm-0 {
    margin-left: var(--spacing-scale-default) !important;
  }
  .m-sm-half {
    margin: var(--spacing-scale-half) !important;
  }
  .mx-sm-half {
    margin-left: var(--spacing-scale-half) !important;
    margin-right: var(--spacing-scale-half) !important;
  }
  .my-sm-half {
    margin-bottom: var(--spacing-scale-half) !important;
  }
  .mt-sm-half,
  .my-sm-half {
    margin-top: var(--spacing-scale-half) !important;
  }
  .mt-sm-nhalf {
    margin-top: calc(var(--spacing-scale-half)*-1) !important;
  }
  .mr-sm-half {
    margin-right: var(--spacing-scale-half) !important;
  }
  .mr-sm-nhalf {
    margin-right: calc(var(--spacing-scale-half)*-1) !important;
  }
  .mb-sm-half {
    margin-bottom: var(--spacing-scale-half) !important;
  }
  .mb-sm-nhalf {
    margin-bottom: calc(var(--spacing-scale-half)*-1) !important;
  }
  .ml-sm-half {
    margin-left: var(--spacing-scale-half) !important;
  }
  .ml-sm-nhalf {
    margin-left: calc(var(--spacing-scale-half)*-1) !important;
  }
  .m-sm-nhalf {
    margin: calc(var(--spacing-scale-half)*-1) !important;
  }
  .mx-sm-nhalf {
    margin-left: calc(var(--spacing-scale-half)*-1) !important;
    margin-right: calc(var(--spacing-scale-half)*-1) !important;
  }
  .my-sm-nhalf {
    margin-bottom: calc(var(--spacing-scale-half)*-1) !important;
    margin-top: calc(var(--spacing-scale-half)*-1) !important;
  }
  .m-sm-base {
    margin: var(--spacing-scale-base) !important;
  }
  .mx-sm-base {
    margin-left: var(--spacing-scale-base) !important;
    margin-right: var(--spacing-scale-base) !important;
  }
  .my-sm-base {
    margin-bottom: var(--spacing-scale-base) !important;
  }
  .mt-sm-base,
  .my-sm-base {
    margin-top: var(--spacing-scale-base) !important;
  }
  .mt-sm-nbase {
    margin-top: calc(var(--spacing-scale-base)*-1) !important;
  }
  .mr-sm-base {
    margin-right: var(--spacing-scale-base) !important;
  }
  .mr-sm-nbase {
    margin-right: calc(var(--spacing-scale-base)*-1) !important;
  }
  .mb-sm-base {
    margin-bottom: var(--spacing-scale-base) !important;
  }
  .mb-sm-nbase {
    margin-bottom: calc(var(--spacing-scale-base)*-1) !important;
  }
  .ml-sm-base {
    margin-left: var(--spacing-scale-base) !important;
  }
  .ml-sm-nbase {
    margin-left: calc(var(--spacing-scale-base)*-1) !important;
  }
  .m-sm-nbase {
    margin: calc(var(--spacing-scale-base)*-1) !important;
  }
  .mx-sm-nbase {
    margin-left: calc(var(--spacing-scale-base)*-1) !important;
    margin-right: calc(var(--spacing-scale-base)*-1) !important;
  }
  .my-sm-nbase {
    margin-bottom: calc(var(--spacing-scale-base)*-1) !important;
    margin-top: calc(var(--spacing-scale-base)*-1) !important;
  }
  .m-sm-baseh {
    margin: var(--spacing-scale-baseh) !important;
  }
  .mx-sm-baseh {
    margin-left: var(--spacing-scale-baseh) !important;
    margin-right: var(--spacing-scale-baseh) !important;
  }
  .my-sm-baseh {
    margin-bottom: var(--spacing-scale-baseh) !important;
  }
  .mt-sm-baseh,
  .my-sm-baseh {
    margin-top: var(--spacing-scale-baseh) !important;
  }
  .mt-sm-nbaseh {
    margin-top: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .mr-sm-baseh {
    margin-right: var(--spacing-scale-baseh) !important;
  }
  .mr-sm-nbaseh {
    margin-right: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .mb-sm-baseh {
    margin-bottom: var(--spacing-scale-baseh) !important;
  }
  .mb-sm-nbaseh {
    margin-bottom: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .ml-sm-baseh {
    margin-left: var(--spacing-scale-baseh) !important;
  }
  .ml-sm-nbaseh {
    margin-left: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .m-sm-nbaseh {
    margin: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .mx-sm-nbaseh {
    margin-left: calc(var(--spacing-scale-baseh)*-1) !important;
    margin-right: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .my-sm-nbaseh {
    margin-bottom: calc(var(--spacing-scale-baseh)*-1) !important;
    margin-top: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .m-sm-1 {
    margin: var(--spacing-scale-half) !important;
  }
  .mx-sm-1 {
    margin-left: var(--spacing-scale-half) !important;
    margin-right: var(--spacing-scale-half) !important;
  }
  .my-sm-1 {
    margin-bottom: var(--spacing-scale-half) !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: var(--spacing-scale-half) !important;
  }
  .mt-sm-n1 {
    margin-top: calc(var(--spacing-scale-half)*-1) !important;
  }
  .mr-sm-1 {
    margin-right: var(--spacing-scale-half) !important;
  }
  .mr-sm-n1 {
    margin-right: calc(var(--spacing-scale-half)*-1) !important;
  }
  .mb-sm-1 {
    margin-bottom: var(--spacing-scale-half) !important;
  }
  .mb-sm-n1 {
    margin-bottom: calc(var(--spacing-scale-half)*-1) !important;
  }
  .ml-sm-1 {
    margin-left: var(--spacing-scale-half) !important;
  }
  .ml-sm-n1 {
    margin-left: calc(var(--spacing-scale-half)*-1) !important;
  }
  .m-sm-n1 {
    margin: calc(var(--spacing-scale-half)*-1) !important;
  }
  .mx-sm-n1 {
    margin-left: calc(var(--spacing-scale-half)*-1) !important;
    margin-right: calc(var(--spacing-scale-half)*-1) !important;
  }
  .my-sm-n1 {
    margin-bottom: calc(var(--spacing-scale-half)*-1) !important;
    margin-top: calc(var(--spacing-scale-half)*-1) !important;
  }
  .m-sm-2 {
    margin: var(--spacing-scale-base) !important;
  }
  .mx-sm-2 {
    margin-left: var(--spacing-scale-base) !important;
    margin-right: var(--spacing-scale-base) !important;
  }
  .my-sm-2 {
    margin-bottom: var(--spacing-scale-base) !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: var(--spacing-scale-base) !important;
  }
  .mt-sm-n2 {
    margin-top: calc(var(--spacing-scale-base)*-1) !important;
  }
  .mr-sm-2 {
    margin-right: var(--spacing-scale-base) !important;
  }
  .mr-sm-n2 {
    margin-right: calc(var(--spacing-scale-base)*-1) !important;
  }
  .mb-sm-2 {
    margin-bottom: var(--spacing-scale-base) !important;
  }
  .mb-sm-n2 {
    margin-bottom: calc(var(--spacing-scale-base)*-1) !important;
  }
  .ml-sm-2 {
    margin-left: var(--spacing-scale-base) !important;
  }
  .ml-sm-n2 {
    margin-left: calc(var(--spacing-scale-base)*-1) !important;
  }
  .m-sm-n2 {
    margin: calc(var(--spacing-scale-base)*-1) !important;
  }
  .mx-sm-n2 {
    margin-left: calc(var(--spacing-scale-base)*-1) !important;
    margin-right: calc(var(--spacing-scale-base)*-1) !important;
  }
  .my-sm-n2 {
    margin-bottom: calc(var(--spacing-scale-base)*-1) !important;
    margin-top: calc(var(--spacing-scale-base)*-1) !important;
  }
  .m-sm-3 {
    margin: var(--spacing-scale-2x) !important;
  }
  .mx-sm-3 {
    margin-left: var(--spacing-scale-2x) !important;
    margin-right: var(--spacing-scale-2x) !important;
  }
  .my-sm-3 {
    margin-bottom: var(--spacing-scale-2x) !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: var(--spacing-scale-2x) !important;
  }
  .mt-sm-n3 {
    margin-top: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .mr-sm-3 {
    margin-right: var(--spacing-scale-2x) !important;
  }
  .mr-sm-n3 {
    margin-right: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .mb-sm-3 {
    margin-bottom: var(--spacing-scale-2x) !important;
  }
  .mb-sm-n3 {
    margin-bottom: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .ml-sm-3 {
    margin-left: var(--spacing-scale-2x) !important;
  }
  .ml-sm-n3 {
    margin-left: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .m-sm-n3 {
    margin: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .mx-sm-n3 {
    margin-left: calc(var(--spacing-scale-2x)*-1) !important;
    margin-right: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .my-sm-n3 {
    margin-bottom: calc(var(--spacing-scale-2x)*-1) !important;
    margin-top: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .m-sm-4 {
    margin: var(--spacing-scale-3x) !important;
  }
  .mx-sm-4 {
    margin-left: var(--spacing-scale-3x) !important;
    margin-right: var(--spacing-scale-3x) !important;
  }
  .my-sm-4 {
    margin-bottom: var(--spacing-scale-3x) !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: var(--spacing-scale-3x) !important;
  }
  .mt-sm-n4 {
    margin-top: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .mr-sm-4 {
    margin-right: var(--spacing-scale-3x) !important;
  }
  .mr-sm-n4 {
    margin-right: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .mb-sm-4 {
    margin-bottom: var(--spacing-scale-3x) !important;
  }
  .mb-sm-n4 {
    margin-bottom: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .ml-sm-4 {
    margin-left: var(--spacing-scale-3x) !important;
  }
  .ml-sm-n4 {
    margin-left: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .m-sm-n4 {
    margin: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .mx-sm-n4 {
    margin-left: calc(var(--spacing-scale-3x)*-1) !important;
    margin-right: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .my-sm-n4 {
    margin-bottom: calc(var(--spacing-scale-3x)*-1) !important;
    margin-top: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .m-sm-5 {
    margin: var(--spacing-scale-4x) !important;
  }
  .mx-sm-5 {
    margin-left: var(--spacing-scale-4x) !important;
    margin-right: var(--spacing-scale-4x) !important;
  }
  .my-sm-5 {
    margin-bottom: var(--spacing-scale-4x) !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: var(--spacing-scale-4x) !important;
  }
  .mt-sm-n5 {
    margin-top: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .mr-sm-5 {
    margin-right: var(--spacing-scale-4x) !important;
  }
  .mr-sm-n5 {
    margin-right: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .mb-sm-5 {
    margin-bottom: var(--spacing-scale-4x) !important;
  }
  .mb-sm-n5 {
    margin-bottom: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .ml-sm-5 {
    margin-left: var(--spacing-scale-4x) !important;
  }
  .ml-sm-n5 {
    margin-left: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .m-sm-n5 {
    margin: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .mx-sm-n5 {
    margin-left: calc(var(--spacing-scale-4x)*-1) !important;
    margin-right: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .my-sm-n5 {
    margin-bottom: calc(var(--spacing-scale-4x)*-1) !important;
    margin-top: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .m-sm-6 {
    margin: var(--spacing-scale-5x) !important;
  }
  .mx-sm-6 {
    margin-left: var(--spacing-scale-5x) !important;
    margin-right: var(--spacing-scale-5x) !important;
  }
  .my-sm-6 {
    margin-bottom: var(--spacing-scale-5x) !important;
  }
  .mt-sm-6,
  .my-sm-6 {
    margin-top: var(--spacing-scale-5x) !important;
  }
  .mt-sm-n6 {
    margin-top: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .mr-sm-6 {
    margin-right: var(--spacing-scale-5x) !important;
  }
  .mr-sm-n6 {
    margin-right: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .mb-sm-6 {
    margin-bottom: var(--spacing-scale-5x) !important;
  }
  .mb-sm-n6 {
    margin-bottom: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .ml-sm-6 {
    margin-left: var(--spacing-scale-5x) !important;
  }
  .ml-sm-n6 {
    margin-left: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .m-sm-n6 {
    margin: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .mx-sm-n6 {
    margin-left: calc(var(--spacing-scale-5x)*-1) !important;
    margin-right: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .my-sm-n6 {
    margin-bottom: calc(var(--spacing-scale-5x)*-1) !important;
    margin-top: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .m-sm-2x {
    margin: var(--spacing-scale-2x) !important;
  }
  .mx-sm-2x {
    margin-left: var(--spacing-scale-2x) !important;
    margin-right: var(--spacing-scale-2x) !important;
  }
  .my-sm-2x {
    margin-bottom: var(--spacing-scale-2x) !important;
  }
  .mt-sm-2x,
  .my-sm-2x {
    margin-top: var(--spacing-scale-2x) !important;
  }
  .mt-sm-n2x {
    margin-top: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .mr-sm-2x {
    margin-right: var(--spacing-scale-2x) !important;
  }
  .mr-sm-n2x {
    margin-right: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .mb-sm-2x {
    margin-bottom: var(--spacing-scale-2x) !important;
  }
  .mb-sm-n2x {
    margin-bottom: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .ml-sm-2x {
    margin-left: var(--spacing-scale-2x) !important;
  }
  .ml-sm-n2x {
    margin-left: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .m-sm-n2x {
    margin: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .mx-sm-n2x {
    margin-left: calc(var(--spacing-scale-2x)*-1) !important;
    margin-right: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .my-sm-n2x {
    margin-bottom: calc(var(--spacing-scale-2x)*-1) !important;
    margin-top: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .m-sm-2xh {
    margin: var(--spacing-scale-2xh) !important;
  }
  .mx-sm-2xh {
    margin-left: var(--spacing-scale-2xh) !important;
    margin-right: var(--spacing-scale-2xh) !important;
  }
  .my-sm-2xh {
    margin-bottom: var(--spacing-scale-2xh) !important;
  }
  .mt-sm-2xh,
  .my-sm-2xh {
    margin-top: var(--spacing-scale-2xh) !important;
  }
  .mt-sm-n2xh {
    margin-top: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .mr-sm-2xh {
    margin-right: var(--spacing-scale-2xh) !important;
  }
  .mr-sm-n2xh {
    margin-right: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .mb-sm-2xh {
    margin-bottom: var(--spacing-scale-2xh) !important;
  }
  .mb-sm-n2xh {
    margin-bottom: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .ml-sm-2xh {
    margin-left: var(--spacing-scale-2xh) !important;
  }
  .ml-sm-n2xh {
    margin-left: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .m-sm-n2xh {
    margin: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .mx-sm-n2xh {
    margin-left: calc(var(--spacing-scale-2xh)*-1) !important;
    margin-right: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .my-sm-n2xh {
    margin-bottom: calc(var(--spacing-scale-2xh)*-1) !important;
    margin-top: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .m-sm-3x {
    margin: var(--spacing-scale-3x) !important;
  }
  .mx-sm-3x {
    margin-left: var(--spacing-scale-3x) !important;
    margin-right: var(--spacing-scale-3x) !important;
  }
  .my-sm-3x {
    margin-bottom: var(--spacing-scale-3x) !important;
  }
  .mt-sm-3x,
  .my-sm-3x {
    margin-top: var(--spacing-scale-3x) !important;
  }
  .mt-sm-n3x {
    margin-top: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .mr-sm-3x {
    margin-right: var(--spacing-scale-3x) !important;
  }
  .mr-sm-n3x {
    margin-right: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .mb-sm-3x {
    margin-bottom: var(--spacing-scale-3x) !important;
  }
  .mb-sm-n3x {
    margin-bottom: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .ml-sm-3x {
    margin-left: var(--spacing-scale-3x) !important;
  }
  .ml-sm-n3x {
    margin-left: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .m-sm-n3x {
    margin: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .mx-sm-n3x {
    margin-left: calc(var(--spacing-scale-3x)*-1) !important;
    margin-right: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .my-sm-n3x {
    margin-bottom: calc(var(--spacing-scale-3x)*-1) !important;
    margin-top: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .m-sm-3xh {
    margin: var(--spacing-scale-3xh) !important;
  }
  .mx-sm-3xh {
    margin-left: var(--spacing-scale-3xh) !important;
    margin-right: var(--spacing-scale-3xh) !important;
  }
  .my-sm-3xh {
    margin-bottom: var(--spacing-scale-3xh) !important;
  }
  .mt-sm-3xh,
  .my-sm-3xh {
    margin-top: var(--spacing-scale-3xh) !important;
  }
  .mt-sm-n3xh {
    margin-top: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .mr-sm-3xh {
    margin-right: var(--spacing-scale-3xh) !important;
  }
  .mr-sm-n3xh {
    margin-right: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .mb-sm-3xh {
    margin-bottom: var(--spacing-scale-3xh) !important;
  }
  .mb-sm-n3xh {
    margin-bottom: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .ml-sm-3xh {
    margin-left: var(--spacing-scale-3xh) !important;
  }
  .ml-sm-n3xh {
    margin-left: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .m-sm-n3xh {
    margin: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .mx-sm-n3xh {
    margin-left: calc(var(--spacing-scale-3xh)*-1) !important;
    margin-right: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .my-sm-n3xh {
    margin-bottom: calc(var(--spacing-scale-3xh)*-1) !important;
    margin-top: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .m-sm-4x {
    margin: var(--spacing-scale-4x) !important;
  }
  .mx-sm-4x {
    margin-left: var(--spacing-scale-4x) !important;
    margin-right: var(--spacing-scale-4x) !important;
  }
  .my-sm-4x {
    margin-bottom: var(--spacing-scale-4x) !important;
  }
  .mt-sm-4x,
  .my-sm-4x {
    margin-top: var(--spacing-scale-4x) !important;
  }
  .mt-sm-n4x {
    margin-top: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .mr-sm-4x {
    margin-right: var(--spacing-scale-4x) !important;
  }
  .mr-sm-n4x {
    margin-right: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .mb-sm-4x {
    margin-bottom: var(--spacing-scale-4x) !important;
  }
  .mb-sm-n4x {
    margin-bottom: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .ml-sm-4x {
    margin-left: var(--spacing-scale-4x) !important;
  }
  .ml-sm-n4x {
    margin-left: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .m-sm-n4x {
    margin: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .mx-sm-n4x {
    margin-left: calc(var(--spacing-scale-4x)*-1) !important;
    margin-right: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .my-sm-n4x {
    margin-bottom: calc(var(--spacing-scale-4x)*-1) !important;
    margin-top: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .m-sm-4xh {
    margin: var(--spacing-scale-4xh) !important;
  }
  .mx-sm-4xh {
    margin-left: var(--spacing-scale-4xh) !important;
    margin-right: var(--spacing-scale-4xh) !important;
  }
  .my-sm-4xh {
    margin-bottom: var(--spacing-scale-4xh) !important;
  }
  .mt-sm-4xh,
  .my-sm-4xh {
    margin-top: var(--spacing-scale-4xh) !important;
  }
  .mt-sm-n4xh {
    margin-top: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .mr-sm-4xh {
    margin-right: var(--spacing-scale-4xh) !important;
  }
  .mr-sm-n4xh {
    margin-right: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .mb-sm-4xh {
    margin-bottom: var(--spacing-scale-4xh) !important;
  }
  .mb-sm-n4xh {
    margin-bottom: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .ml-sm-4xh {
    margin-left: var(--spacing-scale-4xh) !important;
  }
  .ml-sm-n4xh {
    margin-left: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .m-sm-n4xh {
    margin: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .mx-sm-n4xh {
    margin-left: calc(var(--spacing-scale-4xh)*-1) !important;
    margin-right: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .my-sm-n4xh {
    margin-bottom: calc(var(--spacing-scale-4xh)*-1) !important;
    margin-top: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .m-sm-5x {
    margin: var(--spacing-scale-5x) !important;
  }
  .mx-sm-5x {
    margin-left: var(--spacing-scale-5x) !important;
    margin-right: var(--spacing-scale-5x) !important;
  }
  .my-sm-5x {
    margin-bottom: var(--spacing-scale-5x) !important;
  }
  .mt-sm-5x,
  .my-sm-5x {
    margin-top: var(--spacing-scale-5x) !important;
  }
  .mt-sm-n5x {
    margin-top: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .mr-sm-5x {
    margin-right: var(--spacing-scale-5x) !important;
  }
  .mr-sm-n5x {
    margin-right: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .mb-sm-5x {
    margin-bottom: var(--spacing-scale-5x) !important;
  }
  .mb-sm-n5x {
    margin-bottom: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .ml-sm-5x {
    margin-left: var(--spacing-scale-5x) !important;
  }
  .ml-sm-n5x {
    margin-left: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .m-sm-n5x {
    margin: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .mx-sm-n5x {
    margin-left: calc(var(--spacing-scale-5x)*-1) !important;
    margin-right: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .my-sm-n5x {
    margin-bottom: calc(var(--spacing-scale-5x)*-1) !important;
    margin-top: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .m-sm-5xh {
    margin: var(--spacing-scale-5xh) !important;
  }
  .mx-sm-5xh {
    margin-left: var(--spacing-scale-5xh) !important;
    margin-right: var(--spacing-scale-5xh) !important;
  }
  .my-sm-5xh {
    margin-bottom: var(--spacing-scale-5xh) !important;
  }
  .mt-sm-5xh,
  .my-sm-5xh {
    margin-top: var(--spacing-scale-5xh) !important;
  }
  .mt-sm-n5xh {
    margin-top: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .mr-sm-5xh {
    margin-right: var(--spacing-scale-5xh) !important;
  }
  .mr-sm-n5xh {
    margin-right: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .mb-sm-5xh {
    margin-bottom: var(--spacing-scale-5xh) !important;
  }
  .mb-sm-n5xh {
    margin-bottom: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .ml-sm-5xh {
    margin-left: var(--spacing-scale-5xh) !important;
  }
  .ml-sm-n5xh {
    margin-left: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .m-sm-n5xh {
    margin: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .mx-sm-n5xh {
    margin-left: calc(var(--spacing-scale-5xh)*-1) !important;
    margin-right: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .my-sm-n5xh {
    margin-bottom: calc(var(--spacing-scale-5xh)*-1) !important;
    margin-top: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .m-sm-6x {
    margin: var(--spacing-scale-6x) !important;
  }
  .mx-sm-6x {
    margin-left: var(--spacing-scale-6x) !important;
    margin-right: var(--spacing-scale-6x) !important;
  }
  .my-sm-6x {
    margin-bottom: var(--spacing-scale-6x) !important;
  }
  .mt-sm-6x,
  .my-sm-6x {
    margin-top: var(--spacing-scale-6x) !important;
  }
  .mt-sm-n6x {
    margin-top: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .mr-sm-6x {
    margin-right: var(--spacing-scale-6x) !important;
  }
  .mr-sm-n6x {
    margin-right: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .mb-sm-6x {
    margin-bottom: var(--spacing-scale-6x) !important;
  }
  .mb-sm-n6x {
    margin-bottom: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .ml-sm-6x {
    margin-left: var(--spacing-scale-6x) !important;
  }
  .ml-sm-n6x {
    margin-left: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .m-sm-n6x {
    margin: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .mx-sm-n6x {
    margin-left: calc(var(--spacing-scale-6x)*-1) !important;
    margin-right: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .my-sm-n6x {
    margin-bottom: calc(var(--spacing-scale-6x)*-1) !important;
    margin-top: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .m-sm-6xh {
    margin: var(--spacing-scale-6xh) !important;
  }
  .mx-sm-6xh {
    margin-left: var(--spacing-scale-6xh) !important;
    margin-right: var(--spacing-scale-6xh) !important;
  }
  .my-sm-6xh {
    margin-bottom: var(--spacing-scale-6xh) !important;
  }
  .mt-sm-6xh,
  .my-sm-6xh {
    margin-top: var(--spacing-scale-6xh) !important;
  }
  .mt-sm-n6xh {
    margin-top: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .mr-sm-6xh {
    margin-right: var(--spacing-scale-6xh) !important;
  }
  .mr-sm-n6xh {
    margin-right: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .mb-sm-6xh {
    margin-bottom: var(--spacing-scale-6xh) !important;
  }
  .mb-sm-n6xh {
    margin-bottom: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .ml-sm-6xh {
    margin-left: var(--spacing-scale-6xh) !important;
  }
  .ml-sm-n6xh {
    margin-left: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .m-sm-n6xh {
    margin: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .mx-sm-n6xh {
    margin-left: calc(var(--spacing-scale-6xh)*-1) !important;
    margin-right: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .my-sm-n6xh {
    margin-bottom: calc(var(--spacing-scale-6xh)*-1) !important;
    margin-top: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .m-sm-7x {
    margin: var(--spacing-scale-7x) !important;
  }
  .mx-sm-7x {
    margin-left: var(--spacing-scale-7x) !important;
    margin-right: var(--spacing-scale-7x) !important;
  }
  .my-sm-7x {
    margin-bottom: var(--spacing-scale-7x) !important;
  }
  .mt-sm-7x,
  .my-sm-7x {
    margin-top: var(--spacing-scale-7x) !important;
  }
  .mt-sm-n7x {
    margin-top: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .mr-sm-7x {
    margin-right: var(--spacing-scale-7x) !important;
  }
  .mr-sm-n7x {
    margin-right: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .mb-sm-7x {
    margin-bottom: var(--spacing-scale-7x) !important;
  }
  .mb-sm-n7x {
    margin-bottom: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .ml-sm-7x {
    margin-left: var(--spacing-scale-7x) !important;
  }
  .ml-sm-n7x {
    margin-left: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .m-sm-n7x {
    margin: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .mx-sm-n7x {
    margin-left: calc(var(--spacing-scale-7x)*-1) !important;
    margin-right: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .my-sm-n7x {
    margin-bottom: calc(var(--spacing-scale-7x)*-1) !important;
    margin-top: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .m-sm-7xh {
    margin: var(--spacing-scale-7xh) !important;
  }
  .mx-sm-7xh {
    margin-left: var(--spacing-scale-7xh) !important;
    margin-right: var(--spacing-scale-7xh) !important;
  }
  .my-sm-7xh {
    margin-bottom: var(--spacing-scale-7xh) !important;
  }
  .mt-sm-7xh,
  .my-sm-7xh {
    margin-top: var(--spacing-scale-7xh) !important;
  }
  .mt-sm-n7xh {
    margin-top: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .mr-sm-7xh {
    margin-right: var(--spacing-scale-7xh) !important;
  }
  .mr-sm-n7xh {
    margin-right: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .mb-sm-7xh {
    margin-bottom: var(--spacing-scale-7xh) !important;
  }
  .mb-sm-n7xh {
    margin-bottom: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .ml-sm-7xh {
    margin-left: var(--spacing-scale-7xh) !important;
  }
  .ml-sm-n7xh {
    margin-left: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .m-sm-n7xh {
    margin: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .mx-sm-n7xh {
    margin-left: calc(var(--spacing-scale-7xh)*-1) !important;
    margin-right: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .my-sm-n7xh {
    margin-bottom: calc(var(--spacing-scale-7xh)*-1) !important;
    margin-top: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .m-sm-8x {
    margin: var(--spacing-scale-8x) !important;
  }
  .mx-sm-8x {
    margin-left: var(--spacing-scale-8x) !important;
    margin-right: var(--spacing-scale-8x) !important;
  }
  .my-sm-8x {
    margin-bottom: var(--spacing-scale-8x) !important;
  }
  .mt-sm-8x,
  .my-sm-8x {
    margin-top: var(--spacing-scale-8x) !important;
  }
  .mt-sm-n8x {
    margin-top: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .mr-sm-8x {
    margin-right: var(--spacing-scale-8x) !important;
  }
  .mr-sm-n8x {
    margin-right: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .mb-sm-8x {
    margin-bottom: var(--spacing-scale-8x) !important;
  }
  .mb-sm-n8x {
    margin-bottom: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .ml-sm-8x {
    margin-left: var(--spacing-scale-8x) !important;
  }
  .ml-sm-n8x {
    margin-left: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .m-sm-n8x {
    margin: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .mx-sm-n8x {
    margin-left: calc(var(--spacing-scale-8x)*-1) !important;
    margin-right: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .my-sm-n8x {
    margin-bottom: calc(var(--spacing-scale-8x)*-1) !important;
    margin-top: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .m-sm-8xh {
    margin: var(--spacing-scale-8xh) !important;
  }
  .mx-sm-8xh {
    margin-left: var(--spacing-scale-8xh) !important;
    margin-right: var(--spacing-scale-8xh) !important;
  }
  .my-sm-8xh {
    margin-bottom: var(--spacing-scale-8xh) !important;
  }
  .mt-sm-8xh,
  .my-sm-8xh {
    margin-top: var(--spacing-scale-8xh) !important;
  }
  .mt-sm-n8xh {
    margin-top: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .mr-sm-8xh {
    margin-right: var(--spacing-scale-8xh) !important;
  }
  .mr-sm-n8xh {
    margin-right: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .mb-sm-8xh {
    margin-bottom: var(--spacing-scale-8xh) !important;
  }
  .mb-sm-n8xh {
    margin-bottom: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .ml-sm-8xh {
    margin-left: var(--spacing-scale-8xh) !important;
  }
  .ml-sm-n8xh {
    margin-left: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .m-sm-n8xh {
    margin: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .mx-sm-n8xh {
    margin-left: calc(var(--spacing-scale-8xh)*-1) !important;
    margin-right: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .my-sm-n8xh {
    margin-bottom: calc(var(--spacing-scale-8xh)*-1) !important;
    margin-top: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .m-sm-9x {
    margin: var(--spacing-scale-9x) !important;
  }
  .mx-sm-9x {
    margin-left: var(--spacing-scale-9x) !important;
    margin-right: var(--spacing-scale-9x) !important;
  }
  .my-sm-9x {
    margin-bottom: var(--spacing-scale-9x) !important;
  }
  .mt-sm-9x,
  .my-sm-9x {
    margin-top: var(--spacing-scale-9x) !important;
  }
  .mt-sm-n9x {
    margin-top: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .mr-sm-9x {
    margin-right: var(--spacing-scale-9x) !important;
  }
  .mr-sm-n9x {
    margin-right: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .mb-sm-9x {
    margin-bottom: var(--spacing-scale-9x) !important;
  }
  .mb-sm-n9x {
    margin-bottom: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .ml-sm-9x {
    margin-left: var(--spacing-scale-9x) !important;
  }
  .ml-sm-n9x {
    margin-left: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .m-sm-n9x {
    margin: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .mx-sm-n9x {
    margin-left: calc(var(--spacing-scale-9x)*-1) !important;
    margin-right: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .my-sm-n9x {
    margin-bottom: calc(var(--spacing-scale-9x)*-1) !important;
    margin-top: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .m-sm-9xh {
    margin: var(--spacing-scale-9xh) !important;
  }
  .mx-sm-9xh {
    margin-left: var(--spacing-scale-9xh) !important;
    margin-right: var(--spacing-scale-9xh) !important;
  }
  .my-sm-9xh {
    margin-bottom: var(--spacing-scale-9xh) !important;
  }
  .mt-sm-9xh,
  .my-sm-9xh {
    margin-top: var(--spacing-scale-9xh) !important;
  }
  .mt-sm-n9xh {
    margin-top: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .mr-sm-9xh {
    margin-right: var(--spacing-scale-9xh) !important;
  }
  .mr-sm-n9xh {
    margin-right: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .mb-sm-9xh {
    margin-bottom: var(--spacing-scale-9xh) !important;
  }
  .mb-sm-n9xh {
    margin-bottom: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .ml-sm-9xh {
    margin-left: var(--spacing-scale-9xh) !important;
  }
  .ml-sm-n9xh {
    margin-left: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .m-sm-n9xh {
    margin: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .mx-sm-n9xh {
    margin-left: calc(var(--spacing-scale-9xh)*-1) !important;
    margin-right: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .my-sm-n9xh {
    margin-bottom: calc(var(--spacing-scale-9xh)*-1) !important;
    margin-top: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .m-sm-10x {
    margin: var(--spacing-scale-10x) !important;
  }
  .mx-sm-10x {
    margin-left: var(--spacing-scale-10x) !important;
    margin-right: var(--spacing-scale-10x) !important;
  }
  .my-sm-10x {
    margin-bottom: var(--spacing-scale-10x) !important;
  }
  .mt-sm-10x,
  .my-sm-10x {
    margin-top: var(--spacing-scale-10x) !important;
  }
  .mt-sm-n10x {
    margin-top: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .mr-sm-10x {
    margin-right: var(--spacing-scale-10x) !important;
  }
  .mr-sm-n10x {
    margin-right: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .mb-sm-10x {
    margin-bottom: var(--spacing-scale-10x) !important;
  }
  .mb-sm-n10x {
    margin-bottom: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .ml-sm-10x {
    margin-left: var(--spacing-scale-10x) !important;
  }
  .ml-sm-n10x {
    margin-left: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .m-sm-n10x {
    margin: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .mx-sm-n10x {
    margin-left: calc(var(--spacing-scale-10x)*-1) !important;
    margin-right: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .my-sm-n10x {
    margin-bottom: calc(var(--spacing-scale-10x)*-1) !important;
    margin-top: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .m-sm-10xh {
    margin: var(--spacing-scale-10xh) !important;
  }
  .mx-sm-10xh {
    margin-left: var(--spacing-scale-10xh) !important;
    margin-right: var(--spacing-scale-10xh) !important;
  }
  .my-sm-10xh {
    margin-bottom: var(--spacing-scale-10xh) !important;
  }
  .mt-sm-10xh,
  .my-sm-10xh {
    margin-top: var(--spacing-scale-10xh) !important;
  }
  .mt-sm-n10xh {
    margin-top: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .mr-sm-10xh {
    margin-right: var(--spacing-scale-10xh) !important;
  }
  .mr-sm-n10xh {
    margin-right: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .mb-sm-10xh {
    margin-bottom: var(--spacing-scale-10xh) !important;
  }
  .mb-sm-n10xh {
    margin-bottom: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .ml-sm-10xh {
    margin-left: var(--spacing-scale-10xh) !important;
  }
  .ml-sm-n10xh {
    margin-left: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .m-sm-n10xh {
    margin: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .mx-sm-n10xh {
    margin-left: calc(var(--spacing-scale-10xh)*-1) !important;
    margin-right: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .my-sm-n10xh {
    margin-bottom: calc(var(--spacing-scale-10xh)*-1) !important;
    margin-top: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: var(--spacing-scale-default) !important;
  }
  .px-sm-0 {
    padding-left: var(--spacing-scale-default) !important;
    padding-right: var(--spacing-scale-default) !important;
  }
  .py-sm-0 {
    padding-bottom: var(--spacing-scale-default) !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: var(--spacing-scale-default) !important;
  }
  .pr-sm-0 {
    padding-right: var(--spacing-scale-default) !important;
  }
  .pb-sm-0 {
    padding-bottom: var(--spacing-scale-default) !important;
  }
  .pl-sm-0 {
    padding-left: var(--spacing-scale-default) !important;
  }
  .p-sm-half {
    padding: var(--spacing-scale-half) !important;
  }
  .px-sm-half {
    padding-left: var(--spacing-scale-half) !important;
    padding-right: var(--spacing-scale-half) !important;
  }
  .py-sm-half {
    padding-bottom: var(--spacing-scale-half) !important;
  }
  .pt-sm-half,
  .py-sm-half {
    padding-top: var(--spacing-scale-half) !important;
  }
  .pt-sm-nhalf {
    padding-top: calc(var(--spacing-scale-half)*-1) !important;
  }
  .pr-sm-half {
    padding-right: var(--spacing-scale-half) !important;
  }
  .pr-sm-nhalf {
    padding-right: calc(var(--spacing-scale-half)*-1) !important;
  }
  .pb-sm-half {
    padding-bottom: var(--spacing-scale-half) !important;
  }
  .pb-sm-nhalf {
    padding-bottom: calc(var(--spacing-scale-half)*-1) !important;
  }
  .pl-sm-half {
    padding-left: var(--spacing-scale-half) !important;
  }
  .pl-sm-nhalf {
    padding-left: calc(var(--spacing-scale-half)*-1) !important;
  }
  .p-sm-nhalf {
    padding: calc(var(--spacing-scale-half)*-1) !important;
  }
  .px-sm-nhalf {
    padding-left: calc(var(--spacing-scale-half)*-1) !important;
    padding-right: calc(var(--spacing-scale-half)*-1) !important;
  }
  .py-sm-nhalf {
    padding-bottom: calc(var(--spacing-scale-half)*-1) !important;
    padding-top: calc(var(--spacing-scale-half)*-1) !important;
  }
  .p-sm-base {
    padding: var(--spacing-scale-base) !important;
  }
  .px-sm-base {
    padding-left: var(--spacing-scale-base) !important;
    padding-right: var(--spacing-scale-base) !important;
  }
  .py-sm-base {
    padding-bottom: var(--spacing-scale-base) !important;
  }
  .pt-sm-base,
  .py-sm-base {
    padding-top: var(--spacing-scale-base) !important;
  }
  .pt-sm-nbase {
    padding-top: calc(var(--spacing-scale-base)*-1) !important;
  }
  .pr-sm-base {
    padding-right: var(--spacing-scale-base) !important;
  }
  .pr-sm-nbase {
    padding-right: calc(var(--spacing-scale-base)*-1) !important;
  }
  .pb-sm-base {
    padding-bottom: var(--spacing-scale-base) !important;
  }
  .pb-sm-nbase {
    padding-bottom: calc(var(--spacing-scale-base)*-1) !important;
  }
  .pl-sm-base {
    padding-left: var(--spacing-scale-base) !important;
  }
  .pl-sm-nbase {
    padding-left: calc(var(--spacing-scale-base)*-1) !important;
  }
  .p-sm-nbase {
    padding: calc(var(--spacing-scale-base)*-1) !important;
  }
  .px-sm-nbase {
    padding-left: calc(var(--spacing-scale-base)*-1) !important;
    padding-right: calc(var(--spacing-scale-base)*-1) !important;
  }
  .py-sm-nbase {
    padding-bottom: calc(var(--spacing-scale-base)*-1) !important;
    padding-top: calc(var(--spacing-scale-base)*-1) !important;
  }
  .p-sm-baseh {
    padding: var(--spacing-scale-baseh) !important;
  }
  .px-sm-baseh {
    padding-left: var(--spacing-scale-baseh) !important;
    padding-right: var(--spacing-scale-baseh) !important;
  }
  .py-sm-baseh {
    padding-bottom: var(--spacing-scale-baseh) !important;
  }
  .pt-sm-baseh,
  .py-sm-baseh {
    padding-top: var(--spacing-scale-baseh) !important;
  }
  .pt-sm-nbaseh {
    padding-top: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .pr-sm-baseh {
    padding-right: var(--spacing-scale-baseh) !important;
  }
  .pr-sm-nbaseh {
    padding-right: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .pb-sm-baseh {
    padding-bottom: var(--spacing-scale-baseh) !important;
  }
  .pb-sm-nbaseh {
    padding-bottom: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .pl-sm-baseh {
    padding-left: var(--spacing-scale-baseh) !important;
  }
  .pl-sm-nbaseh {
    padding-left: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .p-sm-nbaseh {
    padding: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .px-sm-nbaseh {
    padding-left: calc(var(--spacing-scale-baseh)*-1) !important;
    padding-right: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .py-sm-nbaseh {
    padding-bottom: calc(var(--spacing-scale-baseh)*-1) !important;
    padding-top: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .p-sm-1 {
    padding: var(--spacing-scale-half) !important;
  }
  .px-sm-1 {
    padding-left: var(--spacing-scale-half) !important;
    padding-right: var(--spacing-scale-half) !important;
  }
  .py-sm-1 {
    padding-bottom: var(--spacing-scale-half) !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: var(--spacing-scale-half) !important;
  }
  .pt-sm-n1 {
    padding-top: calc(var(--spacing-scale-half)*-1) !important;
  }
  .pr-sm-1 {
    padding-right: var(--spacing-scale-half) !important;
  }
  .pr-sm-n1 {
    padding-right: calc(var(--spacing-scale-half)*-1) !important;
  }
  .pb-sm-1 {
    padding-bottom: var(--spacing-scale-half) !important;
  }
  .pb-sm-n1 {
    padding-bottom: calc(var(--spacing-scale-half)*-1) !important;
  }
  .pl-sm-1 {
    padding-left: var(--spacing-scale-half) !important;
  }
  .pl-sm-n1 {
    padding-left: calc(var(--spacing-scale-half)*-1) !important;
  }
  .p-sm-n1 {
    padding: calc(var(--spacing-scale-half)*-1) !important;
  }
  .px-sm-n1 {
    padding-left: calc(var(--spacing-scale-half)*-1) !important;
    padding-right: calc(var(--spacing-scale-half)*-1) !important;
  }
  .py-sm-n1 {
    padding-bottom: calc(var(--spacing-scale-half)*-1) !important;
    padding-top: calc(var(--spacing-scale-half)*-1) !important;
  }
  .p-sm-2 {
    padding: var(--spacing-scale-base) !important;
  }
  .px-sm-2 {
    padding-left: var(--spacing-scale-base) !important;
    padding-right: var(--spacing-scale-base) !important;
  }
  .py-sm-2 {
    padding-bottom: var(--spacing-scale-base) !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: var(--spacing-scale-base) !important;
  }
  .pt-sm-n2 {
    padding-top: calc(var(--spacing-scale-base)*-1) !important;
  }
  .pr-sm-2 {
    padding-right: var(--spacing-scale-base) !important;
  }
  .pr-sm-n2 {
    padding-right: calc(var(--spacing-scale-base)*-1) !important;
  }
  .pb-sm-2 {
    padding-bottom: var(--spacing-scale-base) !important;
  }
  .pb-sm-n2 {
    padding-bottom: calc(var(--spacing-scale-base)*-1) !important;
  }
  .pl-sm-2 {
    padding-left: var(--spacing-scale-base) !important;
  }
  .pl-sm-n2 {
    padding-left: calc(var(--spacing-scale-base)*-1) !important;
  }
  .p-sm-n2 {
    padding: calc(var(--spacing-scale-base)*-1) !important;
  }
  .px-sm-n2 {
    padding-left: calc(var(--spacing-scale-base)*-1) !important;
    padding-right: calc(var(--spacing-scale-base)*-1) !important;
  }
  .py-sm-n2 {
    padding-bottom: calc(var(--spacing-scale-base)*-1) !important;
    padding-top: calc(var(--spacing-scale-base)*-1) !important;
  }
  .p-sm-3 {
    padding: var(--spacing-scale-2x) !important;
  }
  .px-sm-3 {
    padding-left: var(--spacing-scale-2x) !important;
    padding-right: var(--spacing-scale-2x) !important;
  }
  .py-sm-3 {
    padding-bottom: var(--spacing-scale-2x) !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: var(--spacing-scale-2x) !important;
  }
  .pt-sm-n3 {
    padding-top: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .pr-sm-3 {
    padding-right: var(--spacing-scale-2x) !important;
  }
  .pr-sm-n3 {
    padding-right: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .pb-sm-3 {
    padding-bottom: var(--spacing-scale-2x) !important;
  }
  .pb-sm-n3 {
    padding-bottom: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .pl-sm-3 {
    padding-left: var(--spacing-scale-2x) !important;
  }
  .pl-sm-n3 {
    padding-left: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .p-sm-n3 {
    padding: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .px-sm-n3 {
    padding-left: calc(var(--spacing-scale-2x)*-1) !important;
    padding-right: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .py-sm-n3 {
    padding-bottom: calc(var(--spacing-scale-2x)*-1) !important;
    padding-top: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .p-sm-4 {
    padding: var(--spacing-scale-3x) !important;
  }
  .px-sm-4 {
    padding-left: var(--spacing-scale-3x) !important;
    padding-right: var(--spacing-scale-3x) !important;
  }
  .py-sm-4 {
    padding-bottom: var(--spacing-scale-3x) !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: var(--spacing-scale-3x) !important;
  }
  .pt-sm-n4 {
    padding-top: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .pr-sm-4 {
    padding-right: var(--spacing-scale-3x) !important;
  }
  .pr-sm-n4 {
    padding-right: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .pb-sm-4 {
    padding-bottom: var(--spacing-scale-3x) !important;
  }
  .pb-sm-n4 {
    padding-bottom: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .pl-sm-4 {
    padding-left: var(--spacing-scale-3x) !important;
  }
  .pl-sm-n4 {
    padding-left: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .p-sm-n4 {
    padding: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .px-sm-n4 {
    padding-left: calc(var(--spacing-scale-3x)*-1) !important;
    padding-right: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .py-sm-n4 {
    padding-bottom: calc(var(--spacing-scale-3x)*-1) !important;
    padding-top: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .p-sm-5 {
    padding: var(--spacing-scale-4x) !important;
  }
  .px-sm-5 {
    padding-left: var(--spacing-scale-4x) !important;
    padding-right: var(--spacing-scale-4x) !important;
  }
  .py-sm-5 {
    padding-bottom: var(--spacing-scale-4x) !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: var(--spacing-scale-4x) !important;
  }
  .pt-sm-n5 {
    padding-top: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .pr-sm-5 {
    padding-right: var(--spacing-scale-4x) !important;
  }
  .pr-sm-n5 {
    padding-right: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .pb-sm-5 {
    padding-bottom: var(--spacing-scale-4x) !important;
  }
  .pb-sm-n5 {
    padding-bottom: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .pl-sm-5 {
    padding-left: var(--spacing-scale-4x) !important;
  }
  .pl-sm-n5 {
    padding-left: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .p-sm-n5 {
    padding: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .px-sm-n5 {
    padding-left: calc(var(--spacing-scale-4x)*-1) !important;
    padding-right: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .py-sm-n5 {
    padding-bottom: calc(var(--spacing-scale-4x)*-1) !important;
    padding-top: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .p-sm-6 {
    padding: var(--spacing-scale-5x) !important;
  }
  .px-sm-6 {
    padding-left: var(--spacing-scale-5x) !important;
    padding-right: var(--spacing-scale-5x) !important;
  }
  .py-sm-6 {
    padding-bottom: var(--spacing-scale-5x) !important;
  }
  .pt-sm-6,
  .py-sm-6 {
    padding-top: var(--spacing-scale-5x) !important;
  }
  .pt-sm-n6 {
    padding-top: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .pr-sm-6 {
    padding-right: var(--spacing-scale-5x) !important;
  }
  .pr-sm-n6 {
    padding-right: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .pb-sm-6 {
    padding-bottom: var(--spacing-scale-5x) !important;
  }
  .pb-sm-n6 {
    padding-bottom: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .pl-sm-6 {
    padding-left: var(--spacing-scale-5x) !important;
  }
  .pl-sm-n6 {
    padding-left: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .p-sm-n6 {
    padding: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .px-sm-n6 {
    padding-left: calc(var(--spacing-scale-5x)*-1) !important;
    padding-right: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .py-sm-n6 {
    padding-bottom: calc(var(--spacing-scale-5x)*-1) !important;
    padding-top: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .p-sm-2x {
    padding: var(--spacing-scale-2x) !important;
  }
  .px-sm-2x {
    padding-left: var(--spacing-scale-2x) !important;
    padding-right: var(--spacing-scale-2x) !important;
  }
  .py-sm-2x {
    padding-bottom: var(--spacing-scale-2x) !important;
  }
  .pt-sm-2x,
  .py-sm-2x {
    padding-top: var(--spacing-scale-2x) !important;
  }
  .pt-sm-n2x {
    padding-top: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .pr-sm-2x {
    padding-right: var(--spacing-scale-2x) !important;
  }
  .pr-sm-n2x {
    padding-right: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .pb-sm-2x {
    padding-bottom: var(--spacing-scale-2x) !important;
  }
  .pb-sm-n2x {
    padding-bottom: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .pl-sm-2x {
    padding-left: var(--spacing-scale-2x) !important;
  }
  .pl-sm-n2x {
    padding-left: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .p-sm-n2x {
    padding: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .px-sm-n2x {
    padding-left: calc(var(--spacing-scale-2x)*-1) !important;
    padding-right: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .py-sm-n2x {
    padding-bottom: calc(var(--spacing-scale-2x)*-1) !important;
    padding-top: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .p-sm-2xh {
    padding: var(--spacing-scale-2xh) !important;
  }
  .px-sm-2xh {
    padding-left: var(--spacing-scale-2xh) !important;
    padding-right: var(--spacing-scale-2xh) !important;
  }
  .py-sm-2xh {
    padding-bottom: var(--spacing-scale-2xh) !important;
  }
  .pt-sm-2xh,
  .py-sm-2xh {
    padding-top: var(--spacing-scale-2xh) !important;
  }
  .pt-sm-n2xh {
    padding-top: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .pr-sm-2xh {
    padding-right: var(--spacing-scale-2xh) !important;
  }
  .pr-sm-n2xh {
    padding-right: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .pb-sm-2xh {
    padding-bottom: var(--spacing-scale-2xh) !important;
  }
  .pb-sm-n2xh {
    padding-bottom: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .pl-sm-2xh {
    padding-left: var(--spacing-scale-2xh) !important;
  }
  .pl-sm-n2xh {
    padding-left: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .p-sm-n2xh {
    padding: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .px-sm-n2xh {
    padding-left: calc(var(--spacing-scale-2xh)*-1) !important;
    padding-right: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .py-sm-n2xh {
    padding-bottom: calc(var(--spacing-scale-2xh)*-1) !important;
    padding-top: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .p-sm-3x {
    padding: var(--spacing-scale-3x) !important;
  }
  .px-sm-3x {
    padding-left: var(--spacing-scale-3x) !important;
    padding-right: var(--spacing-scale-3x) !important;
  }
  .py-sm-3x {
    padding-bottom: var(--spacing-scale-3x) !important;
  }
  .pt-sm-3x,
  .py-sm-3x {
    padding-top: var(--spacing-scale-3x) !important;
  }
  .pt-sm-n3x {
    padding-top: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .pr-sm-3x {
    padding-right: var(--spacing-scale-3x) !important;
  }
  .pr-sm-n3x {
    padding-right: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .pb-sm-3x {
    padding-bottom: var(--spacing-scale-3x) !important;
  }
  .pb-sm-n3x {
    padding-bottom: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .pl-sm-3x {
    padding-left: var(--spacing-scale-3x) !important;
  }
  .pl-sm-n3x {
    padding-left: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .p-sm-n3x {
    padding: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .px-sm-n3x {
    padding-left: calc(var(--spacing-scale-3x)*-1) !important;
    padding-right: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .py-sm-n3x {
    padding-bottom: calc(var(--spacing-scale-3x)*-1) !important;
    padding-top: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .p-sm-3xh {
    padding: var(--spacing-scale-3xh) !important;
  }
  .px-sm-3xh {
    padding-left: var(--spacing-scale-3xh) !important;
    padding-right: var(--spacing-scale-3xh) !important;
  }
  .py-sm-3xh {
    padding-bottom: var(--spacing-scale-3xh) !important;
  }
  .pt-sm-3xh,
  .py-sm-3xh {
    padding-top: var(--spacing-scale-3xh) !important;
  }
  .pt-sm-n3xh {
    padding-top: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .pr-sm-3xh {
    padding-right: var(--spacing-scale-3xh) !important;
  }
  .pr-sm-n3xh {
    padding-right: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .pb-sm-3xh {
    padding-bottom: var(--spacing-scale-3xh) !important;
  }
  .pb-sm-n3xh {
    padding-bottom: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .pl-sm-3xh {
    padding-left: var(--spacing-scale-3xh) !important;
  }
  .pl-sm-n3xh {
    padding-left: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .p-sm-n3xh {
    padding: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .px-sm-n3xh {
    padding-left: calc(var(--spacing-scale-3xh)*-1) !important;
    padding-right: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .py-sm-n3xh {
    padding-bottom: calc(var(--spacing-scale-3xh)*-1) !important;
    padding-top: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .p-sm-4x {
    padding: var(--spacing-scale-4x) !important;
  }
  .px-sm-4x {
    padding-left: var(--spacing-scale-4x) !important;
    padding-right: var(--spacing-scale-4x) !important;
  }
  .py-sm-4x {
    padding-bottom: var(--spacing-scale-4x) !important;
  }
  .pt-sm-4x,
  .py-sm-4x {
    padding-top: var(--spacing-scale-4x) !important;
  }
  .pt-sm-n4x {
    padding-top: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .pr-sm-4x {
    padding-right: var(--spacing-scale-4x) !important;
  }
  .pr-sm-n4x {
    padding-right: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .pb-sm-4x {
    padding-bottom: var(--spacing-scale-4x) !important;
  }
  .pb-sm-n4x {
    padding-bottom: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .pl-sm-4x {
    padding-left: var(--spacing-scale-4x) !important;
  }
  .pl-sm-n4x {
    padding-left: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .p-sm-n4x {
    padding: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .px-sm-n4x {
    padding-left: calc(var(--spacing-scale-4x)*-1) !important;
    padding-right: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .py-sm-n4x {
    padding-bottom: calc(var(--spacing-scale-4x)*-1) !important;
    padding-top: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .p-sm-4xh {
    padding: var(--spacing-scale-4xh) !important;
  }
  .px-sm-4xh {
    padding-left: var(--spacing-scale-4xh) !important;
    padding-right: var(--spacing-scale-4xh) !important;
  }
  .py-sm-4xh {
    padding-bottom: var(--spacing-scale-4xh) !important;
  }
  .pt-sm-4xh,
  .py-sm-4xh {
    padding-top: var(--spacing-scale-4xh) !important;
  }
  .pt-sm-n4xh {
    padding-top: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .pr-sm-4xh {
    padding-right: var(--spacing-scale-4xh) !important;
  }
  .pr-sm-n4xh {
    padding-right: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .pb-sm-4xh {
    padding-bottom: var(--spacing-scale-4xh) !important;
  }
  .pb-sm-n4xh {
    padding-bottom: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .pl-sm-4xh {
    padding-left: var(--spacing-scale-4xh) !important;
  }
  .pl-sm-n4xh {
    padding-left: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .p-sm-n4xh {
    padding: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .px-sm-n4xh {
    padding-left: calc(var(--spacing-scale-4xh)*-1) !important;
    padding-right: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .py-sm-n4xh {
    padding-bottom: calc(var(--spacing-scale-4xh)*-1) !important;
    padding-top: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .p-sm-5x {
    padding: var(--spacing-scale-5x) !important;
  }
  .px-sm-5x {
    padding-left: var(--spacing-scale-5x) !important;
    padding-right: var(--spacing-scale-5x) !important;
  }
  .py-sm-5x {
    padding-bottom: var(--spacing-scale-5x) !important;
  }
  .pt-sm-5x,
  .py-sm-5x {
    padding-top: var(--spacing-scale-5x) !important;
  }
  .pt-sm-n5x {
    padding-top: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .pr-sm-5x {
    padding-right: var(--spacing-scale-5x) !important;
  }
  .pr-sm-n5x {
    padding-right: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .pb-sm-5x {
    padding-bottom: var(--spacing-scale-5x) !important;
  }
  .pb-sm-n5x {
    padding-bottom: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .pl-sm-5x {
    padding-left: var(--spacing-scale-5x) !important;
  }
  .pl-sm-n5x {
    padding-left: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .p-sm-n5x {
    padding: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .px-sm-n5x {
    padding-left: calc(var(--spacing-scale-5x)*-1) !important;
    padding-right: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .py-sm-n5x {
    padding-bottom: calc(var(--spacing-scale-5x)*-1) !important;
    padding-top: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .p-sm-5xh {
    padding: var(--spacing-scale-5xh) !important;
  }
  .px-sm-5xh {
    padding-left: var(--spacing-scale-5xh) !important;
    padding-right: var(--spacing-scale-5xh) !important;
  }
  .py-sm-5xh {
    padding-bottom: var(--spacing-scale-5xh) !important;
  }
  .pt-sm-5xh,
  .py-sm-5xh {
    padding-top: var(--spacing-scale-5xh) !important;
  }
  .pt-sm-n5xh {
    padding-top: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .pr-sm-5xh {
    padding-right: var(--spacing-scale-5xh) !important;
  }
  .pr-sm-n5xh {
    padding-right: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .pb-sm-5xh {
    padding-bottom: var(--spacing-scale-5xh) !important;
  }
  .pb-sm-n5xh {
    padding-bottom: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .pl-sm-5xh {
    padding-left: var(--spacing-scale-5xh) !important;
  }
  .pl-sm-n5xh {
    padding-left: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .p-sm-n5xh {
    padding: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .px-sm-n5xh {
    padding-left: calc(var(--spacing-scale-5xh)*-1) !important;
    padding-right: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .py-sm-n5xh {
    padding-bottom: calc(var(--spacing-scale-5xh)*-1) !important;
    padding-top: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .p-sm-6x {
    padding: var(--spacing-scale-6x) !important;
  }
  .px-sm-6x {
    padding-left: var(--spacing-scale-6x) !important;
    padding-right: var(--spacing-scale-6x) !important;
  }
  .py-sm-6x {
    padding-bottom: var(--spacing-scale-6x) !important;
  }
  .pt-sm-6x,
  .py-sm-6x {
    padding-top: var(--spacing-scale-6x) !important;
  }
  .pt-sm-n6x {
    padding-top: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .pr-sm-6x {
    padding-right: var(--spacing-scale-6x) !important;
  }
  .pr-sm-n6x {
    padding-right: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .pb-sm-6x {
    padding-bottom: var(--spacing-scale-6x) !important;
  }
  .pb-sm-n6x {
    padding-bottom: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .pl-sm-6x {
    padding-left: var(--spacing-scale-6x) !important;
  }
  .pl-sm-n6x {
    padding-left: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .p-sm-n6x {
    padding: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .px-sm-n6x {
    padding-left: calc(var(--spacing-scale-6x)*-1) !important;
    padding-right: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .py-sm-n6x {
    padding-bottom: calc(var(--spacing-scale-6x)*-1) !important;
    padding-top: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .p-sm-6xh {
    padding: var(--spacing-scale-6xh) !important;
  }
  .px-sm-6xh {
    padding-left: var(--spacing-scale-6xh) !important;
    padding-right: var(--spacing-scale-6xh) !important;
  }
  .py-sm-6xh {
    padding-bottom: var(--spacing-scale-6xh) !important;
  }
  .pt-sm-6xh,
  .py-sm-6xh {
    padding-top: var(--spacing-scale-6xh) !important;
  }
  .pt-sm-n6xh {
    padding-top: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .pr-sm-6xh {
    padding-right: var(--spacing-scale-6xh) !important;
  }
  .pr-sm-n6xh {
    padding-right: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .pb-sm-6xh {
    padding-bottom: var(--spacing-scale-6xh) !important;
  }
  .pb-sm-n6xh {
    padding-bottom: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .pl-sm-6xh {
    padding-left: var(--spacing-scale-6xh) !important;
  }
  .pl-sm-n6xh {
    padding-left: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .p-sm-n6xh {
    padding: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .px-sm-n6xh {
    padding-left: calc(var(--spacing-scale-6xh)*-1) !important;
    padding-right: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .py-sm-n6xh {
    padding-bottom: calc(var(--spacing-scale-6xh)*-1) !important;
    padding-top: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .p-sm-7x {
    padding: var(--spacing-scale-7x) !important;
  }
  .px-sm-7x {
    padding-left: var(--spacing-scale-7x) !important;
    padding-right: var(--spacing-scale-7x) !important;
  }
  .py-sm-7x {
    padding-bottom: var(--spacing-scale-7x) !important;
  }
  .pt-sm-7x,
  .py-sm-7x {
    padding-top: var(--spacing-scale-7x) !important;
  }
  .pt-sm-n7x {
    padding-top: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .pr-sm-7x {
    padding-right: var(--spacing-scale-7x) !important;
  }
  .pr-sm-n7x {
    padding-right: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .pb-sm-7x {
    padding-bottom: var(--spacing-scale-7x) !important;
  }
  .pb-sm-n7x {
    padding-bottom: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .pl-sm-7x {
    padding-left: var(--spacing-scale-7x) !important;
  }
  .pl-sm-n7x {
    padding-left: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .p-sm-n7x {
    padding: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .px-sm-n7x {
    padding-left: calc(var(--spacing-scale-7x)*-1) !important;
    padding-right: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .py-sm-n7x {
    padding-bottom: calc(var(--spacing-scale-7x)*-1) !important;
    padding-top: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .p-sm-7xh {
    padding: var(--spacing-scale-7xh) !important;
  }
  .px-sm-7xh {
    padding-left: var(--spacing-scale-7xh) !important;
    padding-right: var(--spacing-scale-7xh) !important;
  }
  .py-sm-7xh {
    padding-bottom: var(--spacing-scale-7xh) !important;
  }
  .pt-sm-7xh,
  .py-sm-7xh {
    padding-top: var(--spacing-scale-7xh) !important;
  }
  .pt-sm-n7xh {
    padding-top: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .pr-sm-7xh {
    padding-right: var(--spacing-scale-7xh) !important;
  }
  .pr-sm-n7xh {
    padding-right: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .pb-sm-7xh {
    padding-bottom: var(--spacing-scale-7xh) !important;
  }
  .pb-sm-n7xh {
    padding-bottom: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .pl-sm-7xh {
    padding-left: var(--spacing-scale-7xh) !important;
  }
  .pl-sm-n7xh {
    padding-left: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .p-sm-n7xh {
    padding: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .px-sm-n7xh {
    padding-left: calc(var(--spacing-scale-7xh)*-1) !important;
    padding-right: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .py-sm-n7xh {
    padding-bottom: calc(var(--spacing-scale-7xh)*-1) !important;
    padding-top: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .p-sm-8x {
    padding: var(--spacing-scale-8x) !important;
  }
  .px-sm-8x {
    padding-left: var(--spacing-scale-8x) !important;
    padding-right: var(--spacing-scale-8x) !important;
  }
  .py-sm-8x {
    padding-bottom: var(--spacing-scale-8x) !important;
  }
  .pt-sm-8x,
  .py-sm-8x {
    padding-top: var(--spacing-scale-8x) !important;
  }
  .pt-sm-n8x {
    padding-top: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .pr-sm-8x {
    padding-right: var(--spacing-scale-8x) !important;
  }
  .pr-sm-n8x {
    padding-right: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .pb-sm-8x {
    padding-bottom: var(--spacing-scale-8x) !important;
  }
  .pb-sm-n8x {
    padding-bottom: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .pl-sm-8x {
    padding-left: var(--spacing-scale-8x) !important;
  }
  .pl-sm-n8x {
    padding-left: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .p-sm-n8x {
    padding: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .px-sm-n8x {
    padding-left: calc(var(--spacing-scale-8x)*-1) !important;
    padding-right: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .py-sm-n8x {
    padding-bottom: calc(var(--spacing-scale-8x)*-1) !important;
    padding-top: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .p-sm-8xh {
    padding: var(--spacing-scale-8xh) !important;
  }
  .px-sm-8xh {
    padding-left: var(--spacing-scale-8xh) !important;
    padding-right: var(--spacing-scale-8xh) !important;
  }
  .py-sm-8xh {
    padding-bottom: var(--spacing-scale-8xh) !important;
  }
  .pt-sm-8xh,
  .py-sm-8xh {
    padding-top: var(--spacing-scale-8xh) !important;
  }
  .pt-sm-n8xh {
    padding-top: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .pr-sm-8xh {
    padding-right: var(--spacing-scale-8xh) !important;
  }
  .pr-sm-n8xh {
    padding-right: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .pb-sm-8xh {
    padding-bottom: var(--spacing-scale-8xh) !important;
  }
  .pb-sm-n8xh {
    padding-bottom: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .pl-sm-8xh {
    padding-left: var(--spacing-scale-8xh) !important;
  }
  .pl-sm-n8xh {
    padding-left: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .p-sm-n8xh {
    padding: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .px-sm-n8xh {
    padding-left: calc(var(--spacing-scale-8xh)*-1) !important;
    padding-right: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .py-sm-n8xh {
    padding-bottom: calc(var(--spacing-scale-8xh)*-1) !important;
    padding-top: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .p-sm-9x {
    padding: var(--spacing-scale-9x) !important;
  }
  .px-sm-9x {
    padding-left: var(--spacing-scale-9x) !important;
    padding-right: var(--spacing-scale-9x) !important;
  }
  .py-sm-9x {
    padding-bottom: var(--spacing-scale-9x) !important;
  }
  .pt-sm-9x,
  .py-sm-9x {
    padding-top: var(--spacing-scale-9x) !important;
  }
  .pt-sm-n9x {
    padding-top: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .pr-sm-9x {
    padding-right: var(--spacing-scale-9x) !important;
  }
  .pr-sm-n9x {
    padding-right: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .pb-sm-9x {
    padding-bottom: var(--spacing-scale-9x) !important;
  }
  .pb-sm-n9x {
    padding-bottom: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .pl-sm-9x {
    padding-left: var(--spacing-scale-9x) !important;
  }
  .pl-sm-n9x {
    padding-left: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .p-sm-n9x {
    padding: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .px-sm-n9x {
    padding-left: calc(var(--spacing-scale-9x)*-1) !important;
    padding-right: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .py-sm-n9x {
    padding-bottom: calc(var(--spacing-scale-9x)*-1) !important;
    padding-top: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .p-sm-9xh {
    padding: var(--spacing-scale-9xh) !important;
  }
  .px-sm-9xh {
    padding-left: var(--spacing-scale-9xh) !important;
    padding-right: var(--spacing-scale-9xh) !important;
  }
  .py-sm-9xh {
    padding-bottom: var(--spacing-scale-9xh) !important;
  }
  .pt-sm-9xh,
  .py-sm-9xh {
    padding-top: var(--spacing-scale-9xh) !important;
  }
  .pt-sm-n9xh {
    padding-top: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .pr-sm-9xh {
    padding-right: var(--spacing-scale-9xh) !important;
  }
  .pr-sm-n9xh {
    padding-right: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .pb-sm-9xh {
    padding-bottom: var(--spacing-scale-9xh) !important;
  }
  .pb-sm-n9xh {
    padding-bottom: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .pl-sm-9xh {
    padding-left: var(--spacing-scale-9xh) !important;
  }
  .pl-sm-n9xh {
    padding-left: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .p-sm-n9xh {
    padding: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .px-sm-n9xh {
    padding-left: calc(var(--spacing-scale-9xh)*-1) !important;
    padding-right: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .py-sm-n9xh {
    padding-bottom: calc(var(--spacing-scale-9xh)*-1) !important;
    padding-top: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .p-sm-10x {
    padding: var(--spacing-scale-10x) !important;
  }
  .px-sm-10x {
    padding-left: var(--spacing-scale-10x) !important;
    padding-right: var(--spacing-scale-10x) !important;
  }
  .py-sm-10x {
    padding-bottom: var(--spacing-scale-10x) !important;
  }
  .pt-sm-10x,
  .py-sm-10x {
    padding-top: var(--spacing-scale-10x) !important;
  }
  .pt-sm-n10x {
    padding-top: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .pr-sm-10x {
    padding-right: var(--spacing-scale-10x) !important;
  }
  .pr-sm-n10x {
    padding-right: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .pb-sm-10x {
    padding-bottom: var(--spacing-scale-10x) !important;
  }
  .pb-sm-n10x {
    padding-bottom: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .pl-sm-10x {
    padding-left: var(--spacing-scale-10x) !important;
  }
  .pl-sm-n10x {
    padding-left: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .p-sm-n10x {
    padding: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .px-sm-n10x {
    padding-left: calc(var(--spacing-scale-10x)*-1) !important;
    padding-right: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .py-sm-n10x {
    padding-bottom: calc(var(--spacing-scale-10x)*-1) !important;
    padding-top: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .p-sm-10xh {
    padding: var(--spacing-scale-10xh) !important;
  }
  .px-sm-10xh {
    padding-left: var(--spacing-scale-10xh) !important;
    padding-right: var(--spacing-scale-10xh) !important;
  }
  .py-sm-10xh {
    padding-bottom: var(--spacing-scale-10xh) !important;
  }
  .pt-sm-10xh,
  .py-sm-10xh {
    padding-top: var(--spacing-scale-10xh) !important;
  }
  .pt-sm-n10xh {
    padding-top: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .pr-sm-10xh {
    padding-right: var(--spacing-scale-10xh) !important;
  }
  .pr-sm-n10xh {
    padding-right: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .pb-sm-10xh {
    padding-bottom: var(--spacing-scale-10xh) !important;
  }
  .pb-sm-n10xh {
    padding-bottom: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .pl-sm-10xh {
    padding-left: var(--spacing-scale-10xh) !important;
  }
  .pl-sm-n10xh {
    padding-left: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .p-sm-n10xh {
    padding: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .px-sm-n10xh {
    padding-left: calc(var(--spacing-scale-10xh)*-1) !important;
    padding-right: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .py-sm-n10xh {
    padding-bottom: calc(var(--spacing-scale-10xh)*-1) !important;
    padding-top: calc(var(--spacing-scale-10xh)*-1) !important;
  }
}
@media (min-width:992px) {
  .m-md-0 {
    margin: var(--spacing-scale-default) !important;
  }
  .mx-md-0 {
    margin-left: var(--spacing-scale-default) !important;
    margin-right: var(--spacing-scale-default) !important;
  }
  .my-md-0 {
    margin-bottom: var(--spacing-scale-default) !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: var(--spacing-scale-default) !important;
  }
  .mr-md-0 {
    margin-right: var(--spacing-scale-default) !important;
  }
  .mb-md-0 {
    margin-bottom: var(--spacing-scale-default) !important;
  }
  .ml-md-0 {
    margin-left: var(--spacing-scale-default) !important;
  }
  .m-md-half {
    margin: var(--spacing-scale-half) !important;
  }
  .mx-md-half {
    margin-left: var(--spacing-scale-half) !important;
    margin-right: var(--spacing-scale-half) !important;
  }
  .my-md-half {
    margin-bottom: var(--spacing-scale-half) !important;
  }
  .mt-md-half,
  .my-md-half {
    margin-top: var(--spacing-scale-half) !important;
  }
  .mt-md-nhalf {
    margin-top: calc(var(--spacing-scale-half)*-1) !important;
  }
  .mr-md-half {
    margin-right: var(--spacing-scale-half) !important;
  }
  .mr-md-nhalf {
    margin-right: calc(var(--spacing-scale-half)*-1) !important;
  }
  .mb-md-half {
    margin-bottom: var(--spacing-scale-half) !important;
  }
  .mb-md-nhalf {
    margin-bottom: calc(var(--spacing-scale-half)*-1) !important;
  }
  .ml-md-half {
    margin-left: var(--spacing-scale-half) !important;
  }
  .ml-md-nhalf {
    margin-left: calc(var(--spacing-scale-half)*-1) !important;
  }
  .m-md-nhalf {
    margin: calc(var(--spacing-scale-half)*-1) !important;
  }
  .mx-md-nhalf {
    margin-left: calc(var(--spacing-scale-half)*-1) !important;
    margin-right: calc(var(--spacing-scale-half)*-1) !important;
  }
  .my-md-nhalf {
    margin-bottom: calc(var(--spacing-scale-half)*-1) !important;
    margin-top: calc(var(--spacing-scale-half)*-1) !important;
  }
  .m-md-base {
    margin: var(--spacing-scale-base) !important;
  }
  .mx-md-base {
    margin-left: var(--spacing-scale-base) !important;
    margin-right: var(--spacing-scale-base) !important;
  }
  .my-md-base {
    margin-bottom: var(--spacing-scale-base) !important;
  }
  .mt-md-base,
  .my-md-base {
    margin-top: var(--spacing-scale-base) !important;
  }
  .mt-md-nbase {
    margin-top: calc(var(--spacing-scale-base)*-1) !important;
  }
  .mr-md-base {
    margin-right: var(--spacing-scale-base) !important;
  }
  .mr-md-nbase {
    margin-right: calc(var(--spacing-scale-base)*-1) !important;
  }
  .mb-md-base {
    margin-bottom: var(--spacing-scale-base) !important;
  }
  .mb-md-nbase {
    margin-bottom: calc(var(--spacing-scale-base)*-1) !important;
  }
  .ml-md-base {
    margin-left: var(--spacing-scale-base) !important;
  }
  .ml-md-nbase {
    margin-left: calc(var(--spacing-scale-base)*-1) !important;
  }
  .m-md-nbase {
    margin: calc(var(--spacing-scale-base)*-1) !important;
  }
  .mx-md-nbase {
    margin-left: calc(var(--spacing-scale-base)*-1) !important;
    margin-right: calc(var(--spacing-scale-base)*-1) !important;
  }
  .my-md-nbase {
    margin-bottom: calc(var(--spacing-scale-base)*-1) !important;
    margin-top: calc(var(--spacing-scale-base)*-1) !important;
  }
  .m-md-baseh {
    margin: var(--spacing-scale-baseh) !important;
  }
  .mx-md-baseh {
    margin-left: var(--spacing-scale-baseh) !important;
    margin-right: var(--spacing-scale-baseh) !important;
  }
  .my-md-baseh {
    margin-bottom: var(--spacing-scale-baseh) !important;
  }
  .mt-md-baseh,
  .my-md-baseh {
    margin-top: var(--spacing-scale-baseh) !important;
  }
  .mt-md-nbaseh {
    margin-top: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .mr-md-baseh {
    margin-right: var(--spacing-scale-baseh) !important;
  }
  .mr-md-nbaseh {
    margin-right: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .mb-md-baseh {
    margin-bottom: var(--spacing-scale-baseh) !important;
  }
  .mb-md-nbaseh {
    margin-bottom: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .ml-md-baseh {
    margin-left: var(--spacing-scale-baseh) !important;
  }
  .ml-md-nbaseh {
    margin-left: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .m-md-nbaseh {
    margin: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .mx-md-nbaseh {
    margin-left: calc(var(--spacing-scale-baseh)*-1) !important;
    margin-right: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .my-md-nbaseh {
    margin-bottom: calc(var(--spacing-scale-baseh)*-1) !important;
    margin-top: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .m-md-1 {
    margin: var(--spacing-scale-half) !important;
  }
  .mx-md-1 {
    margin-left: var(--spacing-scale-half) !important;
    margin-right: var(--spacing-scale-half) !important;
  }
  .my-md-1 {
    margin-bottom: var(--spacing-scale-half) !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: var(--spacing-scale-half) !important;
  }
  .mt-md-n1 {
    margin-top: calc(var(--spacing-scale-half)*-1) !important;
  }
  .mr-md-1 {
    margin-right: var(--spacing-scale-half) !important;
  }
  .mr-md-n1 {
    margin-right: calc(var(--spacing-scale-half)*-1) !important;
  }
  .mb-md-1 {
    margin-bottom: var(--spacing-scale-half) !important;
  }
  .mb-md-n1 {
    margin-bottom: calc(var(--spacing-scale-half)*-1) !important;
  }
  .ml-md-1 {
    margin-left: var(--spacing-scale-half) !important;
  }
  .ml-md-n1 {
    margin-left: calc(var(--spacing-scale-half)*-1) !important;
  }
  .m-md-n1 {
    margin: calc(var(--spacing-scale-half)*-1) !important;
  }
  .mx-md-n1 {
    margin-left: calc(var(--spacing-scale-half)*-1) !important;
    margin-right: calc(var(--spacing-scale-half)*-1) !important;
  }
  .my-md-n1 {
    margin-bottom: calc(var(--spacing-scale-half)*-1) !important;
    margin-top: calc(var(--spacing-scale-half)*-1) !important;
  }
  .m-md-2 {
    margin: var(--spacing-scale-base) !important;
  }
  .mx-md-2 {
    margin-left: var(--spacing-scale-base) !important;
    margin-right: var(--spacing-scale-base) !important;
  }
  .my-md-2 {
    margin-bottom: var(--spacing-scale-base) !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: var(--spacing-scale-base) !important;
  }
  .mt-md-n2 {
    margin-top: calc(var(--spacing-scale-base)*-1) !important;
  }
  .mr-md-2 {
    margin-right: var(--spacing-scale-base) !important;
  }
  .mr-md-n2 {
    margin-right: calc(var(--spacing-scale-base)*-1) !important;
  }
  .mb-md-2 {
    margin-bottom: var(--spacing-scale-base) !important;
  }
  .mb-md-n2 {
    margin-bottom: calc(var(--spacing-scale-base)*-1) !important;
  }
  .ml-md-2 {
    margin-left: var(--spacing-scale-base) !important;
  }
  .ml-md-n2 {
    margin-left: calc(var(--spacing-scale-base)*-1) !important;
  }
  .m-md-n2 {
    margin: calc(var(--spacing-scale-base)*-1) !important;
  }
  .mx-md-n2 {
    margin-left: calc(var(--spacing-scale-base)*-1) !important;
    margin-right: calc(var(--spacing-scale-base)*-1) !important;
  }
  .my-md-n2 {
    margin-bottom: calc(var(--spacing-scale-base)*-1) !important;
    margin-top: calc(var(--spacing-scale-base)*-1) !important;
  }
  .m-md-3 {
    margin: var(--spacing-scale-2x) !important;
  }
  .mx-md-3 {
    margin-left: var(--spacing-scale-2x) !important;
    margin-right: var(--spacing-scale-2x) !important;
  }
  .my-md-3 {
    margin-bottom: var(--spacing-scale-2x) !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: var(--spacing-scale-2x) !important;
  }
  .mt-md-n3 {
    margin-top: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .mr-md-3 {
    margin-right: var(--spacing-scale-2x) !important;
  }
  .mr-md-n3 {
    margin-right: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .mb-md-3 {
    margin-bottom: var(--spacing-scale-2x) !important;
  }
  .mb-md-n3 {
    margin-bottom: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .ml-md-3 {
    margin-left: var(--spacing-scale-2x) !important;
  }
  .ml-md-n3 {
    margin-left: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .m-md-n3 {
    margin: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .mx-md-n3 {
    margin-left: calc(var(--spacing-scale-2x)*-1) !important;
    margin-right: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .my-md-n3 {
    margin-bottom: calc(var(--spacing-scale-2x)*-1) !important;
    margin-top: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .m-md-4 {
    margin: var(--spacing-scale-3x) !important;
  }
  .mx-md-4 {
    margin-left: var(--spacing-scale-3x) !important;
    margin-right: var(--spacing-scale-3x) !important;
  }
  .my-md-4 {
    margin-bottom: var(--spacing-scale-3x) !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: var(--spacing-scale-3x) !important;
  }
  .mt-md-n4 {
    margin-top: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .mr-md-4 {
    margin-right: var(--spacing-scale-3x) !important;
  }
  .mr-md-n4 {
    margin-right: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .mb-md-4 {
    margin-bottom: var(--spacing-scale-3x) !important;
  }
  .mb-md-n4 {
    margin-bottom: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .ml-md-4 {
    margin-left: var(--spacing-scale-3x) !important;
  }
  .ml-md-n4 {
    margin-left: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .m-md-n4 {
    margin: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .mx-md-n4 {
    margin-left: calc(var(--spacing-scale-3x)*-1) !important;
    margin-right: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .my-md-n4 {
    margin-bottom: calc(var(--spacing-scale-3x)*-1) !important;
    margin-top: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .m-md-5 {
    margin: var(--spacing-scale-4x) !important;
  }
  .mx-md-5 {
    margin-left: var(--spacing-scale-4x) !important;
    margin-right: var(--spacing-scale-4x) !important;
  }
  .my-md-5 {
    margin-bottom: var(--spacing-scale-4x) !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: var(--spacing-scale-4x) !important;
  }
  .mt-md-n5 {
    margin-top: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .mr-md-5 {
    margin-right: var(--spacing-scale-4x) !important;
  }
  .mr-md-n5 {
    margin-right: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .mb-md-5 {
    margin-bottom: var(--spacing-scale-4x) !important;
  }
  .mb-md-n5 {
    margin-bottom: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .ml-md-5 {
    margin-left: var(--spacing-scale-4x) !important;
  }
  .ml-md-n5 {
    margin-left: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .m-md-n5 {
    margin: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .mx-md-n5 {
    margin-left: calc(var(--spacing-scale-4x)*-1) !important;
    margin-right: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .my-md-n5 {
    margin-bottom: calc(var(--spacing-scale-4x)*-1) !important;
    margin-top: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .m-md-6 {
    margin: var(--spacing-scale-5x) !important;
  }
  .mx-md-6 {
    margin-left: var(--spacing-scale-5x) !important;
    margin-right: var(--spacing-scale-5x) !important;
  }
  .my-md-6 {
    margin-bottom: var(--spacing-scale-5x) !important;
  }
  .mt-md-6,
  .my-md-6 {
    margin-top: var(--spacing-scale-5x) !important;
  }
  .mt-md-n6 {
    margin-top: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .mr-md-6 {
    margin-right: var(--spacing-scale-5x) !important;
  }
  .mr-md-n6 {
    margin-right: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .mb-md-6 {
    margin-bottom: var(--spacing-scale-5x) !important;
  }
  .mb-md-n6 {
    margin-bottom: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .ml-md-6 {
    margin-left: var(--spacing-scale-5x) !important;
  }
  .ml-md-n6 {
    margin-left: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .m-md-n6 {
    margin: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .mx-md-n6 {
    margin-left: calc(var(--spacing-scale-5x)*-1) !important;
    margin-right: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .my-md-n6 {
    margin-bottom: calc(var(--spacing-scale-5x)*-1) !important;
    margin-top: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .m-md-2x {
    margin: var(--spacing-scale-2x) !important;
  }
  .mx-md-2x {
    margin-left: var(--spacing-scale-2x) !important;
    margin-right: var(--spacing-scale-2x) !important;
  }
  .my-md-2x {
    margin-bottom: var(--spacing-scale-2x) !important;
  }
  .mt-md-2x,
  .my-md-2x {
    margin-top: var(--spacing-scale-2x) !important;
  }
  .mt-md-n2x {
    margin-top: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .mr-md-2x {
    margin-right: var(--spacing-scale-2x) !important;
  }
  .mr-md-n2x {
    margin-right: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .mb-md-2x {
    margin-bottom: var(--spacing-scale-2x) !important;
  }
  .mb-md-n2x {
    margin-bottom: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .ml-md-2x {
    margin-left: var(--spacing-scale-2x) !important;
  }
  .ml-md-n2x {
    margin-left: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .m-md-n2x {
    margin: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .mx-md-n2x {
    margin-left: calc(var(--spacing-scale-2x)*-1) !important;
    margin-right: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .my-md-n2x {
    margin-bottom: calc(var(--spacing-scale-2x)*-1) !important;
    margin-top: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .m-md-2xh {
    margin: var(--spacing-scale-2xh) !important;
  }
  .mx-md-2xh {
    margin-left: var(--spacing-scale-2xh) !important;
    margin-right: var(--spacing-scale-2xh) !important;
  }
  .my-md-2xh {
    margin-bottom: var(--spacing-scale-2xh) !important;
  }
  .mt-md-2xh,
  .my-md-2xh {
    margin-top: var(--spacing-scale-2xh) !important;
  }
  .mt-md-n2xh {
    margin-top: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .mr-md-2xh {
    margin-right: var(--spacing-scale-2xh) !important;
  }
  .mr-md-n2xh {
    margin-right: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .mb-md-2xh {
    margin-bottom: var(--spacing-scale-2xh) !important;
  }
  .mb-md-n2xh {
    margin-bottom: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .ml-md-2xh {
    margin-left: var(--spacing-scale-2xh) !important;
  }
  .ml-md-n2xh {
    margin-left: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .m-md-n2xh {
    margin: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .mx-md-n2xh {
    margin-left: calc(var(--spacing-scale-2xh)*-1) !important;
    margin-right: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .my-md-n2xh {
    margin-bottom: calc(var(--spacing-scale-2xh)*-1) !important;
    margin-top: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .m-md-3x {
    margin: var(--spacing-scale-3x) !important;
  }
  .mx-md-3x {
    margin-left: var(--spacing-scale-3x) !important;
    margin-right: var(--spacing-scale-3x) !important;
  }
  .my-md-3x {
    margin-bottom: var(--spacing-scale-3x) !important;
  }
  .mt-md-3x,
  .my-md-3x {
    margin-top: var(--spacing-scale-3x) !important;
  }
  .mt-md-n3x {
    margin-top: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .mr-md-3x {
    margin-right: var(--spacing-scale-3x) !important;
  }
  .mr-md-n3x {
    margin-right: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .mb-md-3x {
    margin-bottom: var(--spacing-scale-3x) !important;
  }
  .mb-md-n3x {
    margin-bottom: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .ml-md-3x {
    margin-left: var(--spacing-scale-3x) !important;
  }
  .ml-md-n3x {
    margin-left: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .m-md-n3x {
    margin: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .mx-md-n3x {
    margin-left: calc(var(--spacing-scale-3x)*-1) !important;
    margin-right: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .my-md-n3x {
    margin-bottom: calc(var(--spacing-scale-3x)*-1) !important;
    margin-top: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .m-md-3xh {
    margin: var(--spacing-scale-3xh) !important;
  }
  .mx-md-3xh {
    margin-left: var(--spacing-scale-3xh) !important;
    margin-right: var(--spacing-scale-3xh) !important;
  }
  .my-md-3xh {
    margin-bottom: var(--spacing-scale-3xh) !important;
  }
  .mt-md-3xh,
  .my-md-3xh {
    margin-top: var(--spacing-scale-3xh) !important;
  }
  .mt-md-n3xh {
    margin-top: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .mr-md-3xh {
    margin-right: var(--spacing-scale-3xh) !important;
  }
  .mr-md-n3xh {
    margin-right: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .mb-md-3xh {
    margin-bottom: var(--spacing-scale-3xh) !important;
  }
  .mb-md-n3xh {
    margin-bottom: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .ml-md-3xh {
    margin-left: var(--spacing-scale-3xh) !important;
  }
  .ml-md-n3xh {
    margin-left: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .m-md-n3xh {
    margin: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .mx-md-n3xh {
    margin-left: calc(var(--spacing-scale-3xh)*-1) !important;
    margin-right: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .my-md-n3xh {
    margin-bottom: calc(var(--spacing-scale-3xh)*-1) !important;
    margin-top: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .m-md-4x {
    margin: var(--spacing-scale-4x) !important;
  }
  .mx-md-4x {
    margin-left: var(--spacing-scale-4x) !important;
    margin-right: var(--spacing-scale-4x) !important;
  }
  .my-md-4x {
    margin-bottom: var(--spacing-scale-4x) !important;
  }
  .mt-md-4x,
  .my-md-4x {
    margin-top: var(--spacing-scale-4x) !important;
  }
  .mt-md-n4x {
    margin-top: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .mr-md-4x {
    margin-right: var(--spacing-scale-4x) !important;
  }
  .mr-md-n4x {
    margin-right: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .mb-md-4x {
    margin-bottom: var(--spacing-scale-4x) !important;
  }
  .mb-md-n4x {
    margin-bottom: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .ml-md-4x {
    margin-left: var(--spacing-scale-4x) !important;
  }
  .ml-md-n4x {
    margin-left: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .m-md-n4x {
    margin: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .mx-md-n4x {
    margin-left: calc(var(--spacing-scale-4x)*-1) !important;
    margin-right: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .my-md-n4x {
    margin-bottom: calc(var(--spacing-scale-4x)*-1) !important;
    margin-top: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .m-md-4xh {
    margin: var(--spacing-scale-4xh) !important;
  }
  .mx-md-4xh {
    margin-left: var(--spacing-scale-4xh) !important;
    margin-right: var(--spacing-scale-4xh) !important;
  }
  .my-md-4xh {
    margin-bottom: var(--spacing-scale-4xh) !important;
  }
  .mt-md-4xh,
  .my-md-4xh {
    margin-top: var(--spacing-scale-4xh) !important;
  }
  .mt-md-n4xh {
    margin-top: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .mr-md-4xh {
    margin-right: var(--spacing-scale-4xh) !important;
  }
  .mr-md-n4xh {
    margin-right: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .mb-md-4xh {
    margin-bottom: var(--spacing-scale-4xh) !important;
  }
  .mb-md-n4xh {
    margin-bottom: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .ml-md-4xh {
    margin-left: var(--spacing-scale-4xh) !important;
  }
  .ml-md-n4xh {
    margin-left: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .m-md-n4xh {
    margin: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .mx-md-n4xh {
    margin-left: calc(var(--spacing-scale-4xh)*-1) !important;
    margin-right: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .my-md-n4xh {
    margin-bottom: calc(var(--spacing-scale-4xh)*-1) !important;
    margin-top: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .m-md-5x {
    margin: var(--spacing-scale-5x) !important;
  }
  .mx-md-5x {
    margin-left: var(--spacing-scale-5x) !important;
    margin-right: var(--spacing-scale-5x) !important;
  }
  .my-md-5x {
    margin-bottom: var(--spacing-scale-5x) !important;
  }
  .mt-md-5x,
  .my-md-5x {
    margin-top: var(--spacing-scale-5x) !important;
  }
  .mt-md-n5x {
    margin-top: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .mr-md-5x {
    margin-right: var(--spacing-scale-5x) !important;
  }
  .mr-md-n5x {
    margin-right: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .mb-md-5x {
    margin-bottom: var(--spacing-scale-5x) !important;
  }
  .mb-md-n5x {
    margin-bottom: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .ml-md-5x {
    margin-left: var(--spacing-scale-5x) !important;
  }
  .ml-md-n5x {
    margin-left: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .m-md-n5x {
    margin: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .mx-md-n5x {
    margin-left: calc(var(--spacing-scale-5x)*-1) !important;
    margin-right: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .my-md-n5x {
    margin-bottom: calc(var(--spacing-scale-5x)*-1) !important;
    margin-top: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .m-md-5xh {
    margin: var(--spacing-scale-5xh) !important;
  }
  .mx-md-5xh {
    margin-left: var(--spacing-scale-5xh) !important;
    margin-right: var(--spacing-scale-5xh) !important;
  }
  .my-md-5xh {
    margin-bottom: var(--spacing-scale-5xh) !important;
  }
  .mt-md-5xh,
  .my-md-5xh {
    margin-top: var(--spacing-scale-5xh) !important;
  }
  .mt-md-n5xh {
    margin-top: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .mr-md-5xh {
    margin-right: var(--spacing-scale-5xh) !important;
  }
  .mr-md-n5xh {
    margin-right: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .mb-md-5xh {
    margin-bottom: var(--spacing-scale-5xh) !important;
  }
  .mb-md-n5xh {
    margin-bottom: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .ml-md-5xh {
    margin-left: var(--spacing-scale-5xh) !important;
  }
  .ml-md-n5xh {
    margin-left: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .m-md-n5xh {
    margin: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .mx-md-n5xh {
    margin-left: calc(var(--spacing-scale-5xh)*-1) !important;
    margin-right: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .my-md-n5xh {
    margin-bottom: calc(var(--spacing-scale-5xh)*-1) !important;
    margin-top: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .m-md-6x {
    margin: var(--spacing-scale-6x) !important;
  }
  .mx-md-6x {
    margin-left: var(--spacing-scale-6x) !important;
    margin-right: var(--spacing-scale-6x) !important;
  }
  .my-md-6x {
    margin-bottom: var(--spacing-scale-6x) !important;
  }
  .mt-md-6x,
  .my-md-6x {
    margin-top: var(--spacing-scale-6x) !important;
  }
  .mt-md-n6x {
    margin-top: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .mr-md-6x {
    margin-right: var(--spacing-scale-6x) !important;
  }
  .mr-md-n6x {
    margin-right: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .mb-md-6x {
    margin-bottom: var(--spacing-scale-6x) !important;
  }
  .mb-md-n6x {
    margin-bottom: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .ml-md-6x {
    margin-left: var(--spacing-scale-6x) !important;
  }
  .ml-md-n6x {
    margin-left: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .m-md-n6x {
    margin: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .mx-md-n6x {
    margin-left: calc(var(--spacing-scale-6x)*-1) !important;
    margin-right: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .my-md-n6x {
    margin-bottom: calc(var(--spacing-scale-6x)*-1) !important;
    margin-top: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .m-md-6xh {
    margin: var(--spacing-scale-6xh) !important;
  }
  .mx-md-6xh {
    margin-left: var(--spacing-scale-6xh) !important;
    margin-right: var(--spacing-scale-6xh) !important;
  }
  .my-md-6xh {
    margin-bottom: var(--spacing-scale-6xh) !important;
  }
  .mt-md-6xh,
  .my-md-6xh {
    margin-top: var(--spacing-scale-6xh) !important;
  }
  .mt-md-n6xh {
    margin-top: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .mr-md-6xh {
    margin-right: var(--spacing-scale-6xh) !important;
  }
  .mr-md-n6xh {
    margin-right: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .mb-md-6xh {
    margin-bottom: var(--spacing-scale-6xh) !important;
  }
  .mb-md-n6xh {
    margin-bottom: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .ml-md-6xh {
    margin-left: var(--spacing-scale-6xh) !important;
  }
  .ml-md-n6xh {
    margin-left: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .m-md-n6xh {
    margin: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .mx-md-n6xh {
    margin-left: calc(var(--spacing-scale-6xh)*-1) !important;
    margin-right: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .my-md-n6xh {
    margin-bottom: calc(var(--spacing-scale-6xh)*-1) !important;
    margin-top: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .m-md-7x {
    margin: var(--spacing-scale-7x) !important;
  }
  .mx-md-7x {
    margin-left: var(--spacing-scale-7x) !important;
    margin-right: var(--spacing-scale-7x) !important;
  }
  .my-md-7x {
    margin-bottom: var(--spacing-scale-7x) !important;
  }
  .mt-md-7x,
  .my-md-7x {
    margin-top: var(--spacing-scale-7x) !important;
  }
  .mt-md-n7x {
    margin-top: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .mr-md-7x {
    margin-right: var(--spacing-scale-7x) !important;
  }
  .mr-md-n7x {
    margin-right: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .mb-md-7x {
    margin-bottom: var(--spacing-scale-7x) !important;
  }
  .mb-md-n7x {
    margin-bottom: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .ml-md-7x {
    margin-left: var(--spacing-scale-7x) !important;
  }
  .ml-md-n7x {
    margin-left: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .m-md-n7x {
    margin: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .mx-md-n7x {
    margin-left: calc(var(--spacing-scale-7x)*-1) !important;
    margin-right: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .my-md-n7x {
    margin-bottom: calc(var(--spacing-scale-7x)*-1) !important;
    margin-top: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .m-md-7xh {
    margin: var(--spacing-scale-7xh) !important;
  }
  .mx-md-7xh {
    margin-left: var(--spacing-scale-7xh) !important;
    margin-right: var(--spacing-scale-7xh) !important;
  }
  .my-md-7xh {
    margin-bottom: var(--spacing-scale-7xh) !important;
  }
  .mt-md-7xh,
  .my-md-7xh {
    margin-top: var(--spacing-scale-7xh) !important;
  }
  .mt-md-n7xh {
    margin-top: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .mr-md-7xh {
    margin-right: var(--spacing-scale-7xh) !important;
  }
  .mr-md-n7xh {
    margin-right: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .mb-md-7xh {
    margin-bottom: var(--spacing-scale-7xh) !important;
  }
  .mb-md-n7xh {
    margin-bottom: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .ml-md-7xh {
    margin-left: var(--spacing-scale-7xh) !important;
  }
  .ml-md-n7xh {
    margin-left: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .m-md-n7xh {
    margin: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .mx-md-n7xh {
    margin-left: calc(var(--spacing-scale-7xh)*-1) !important;
    margin-right: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .my-md-n7xh {
    margin-bottom: calc(var(--spacing-scale-7xh)*-1) !important;
    margin-top: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .m-md-8x {
    margin: var(--spacing-scale-8x) !important;
  }
  .mx-md-8x {
    margin-left: var(--spacing-scale-8x) !important;
    margin-right: var(--spacing-scale-8x) !important;
  }
  .my-md-8x {
    margin-bottom: var(--spacing-scale-8x) !important;
  }
  .mt-md-8x,
  .my-md-8x {
    margin-top: var(--spacing-scale-8x) !important;
  }
  .mt-md-n8x {
    margin-top: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .mr-md-8x {
    margin-right: var(--spacing-scale-8x) !important;
  }
  .mr-md-n8x {
    margin-right: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .mb-md-8x {
    margin-bottom: var(--spacing-scale-8x) !important;
  }
  .mb-md-n8x {
    margin-bottom: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .ml-md-8x {
    margin-left: var(--spacing-scale-8x) !important;
  }
  .ml-md-n8x {
    margin-left: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .m-md-n8x {
    margin: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .mx-md-n8x {
    margin-left: calc(var(--spacing-scale-8x)*-1) !important;
    margin-right: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .my-md-n8x {
    margin-bottom: calc(var(--spacing-scale-8x)*-1) !important;
    margin-top: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .m-md-8xh {
    margin: var(--spacing-scale-8xh) !important;
  }
  .mx-md-8xh {
    margin-left: var(--spacing-scale-8xh) !important;
    margin-right: var(--spacing-scale-8xh) !important;
  }
  .my-md-8xh {
    margin-bottom: var(--spacing-scale-8xh) !important;
  }
  .mt-md-8xh,
  .my-md-8xh {
    margin-top: var(--spacing-scale-8xh) !important;
  }
  .mt-md-n8xh {
    margin-top: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .mr-md-8xh {
    margin-right: var(--spacing-scale-8xh) !important;
  }
  .mr-md-n8xh {
    margin-right: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .mb-md-8xh {
    margin-bottom: var(--spacing-scale-8xh) !important;
  }
  .mb-md-n8xh {
    margin-bottom: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .ml-md-8xh {
    margin-left: var(--spacing-scale-8xh) !important;
  }
  .ml-md-n8xh {
    margin-left: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .m-md-n8xh {
    margin: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .mx-md-n8xh {
    margin-left: calc(var(--spacing-scale-8xh)*-1) !important;
    margin-right: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .my-md-n8xh {
    margin-bottom: calc(var(--spacing-scale-8xh)*-1) !important;
    margin-top: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .m-md-9x {
    margin: var(--spacing-scale-9x) !important;
  }
  .mx-md-9x {
    margin-left: var(--spacing-scale-9x) !important;
    margin-right: var(--spacing-scale-9x) !important;
  }
  .my-md-9x {
    margin-bottom: var(--spacing-scale-9x) !important;
  }
  .mt-md-9x,
  .my-md-9x {
    margin-top: var(--spacing-scale-9x) !important;
  }
  .mt-md-n9x {
    margin-top: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .mr-md-9x {
    margin-right: var(--spacing-scale-9x) !important;
  }
  .mr-md-n9x {
    margin-right: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .mb-md-9x {
    margin-bottom: var(--spacing-scale-9x) !important;
  }
  .mb-md-n9x {
    margin-bottom: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .ml-md-9x {
    margin-left: var(--spacing-scale-9x) !important;
  }
  .ml-md-n9x {
    margin-left: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .m-md-n9x {
    margin: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .mx-md-n9x {
    margin-left: calc(var(--spacing-scale-9x)*-1) !important;
    margin-right: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .my-md-n9x {
    margin-bottom: calc(var(--spacing-scale-9x)*-1) !important;
    margin-top: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .m-md-9xh {
    margin: var(--spacing-scale-9xh) !important;
  }
  .mx-md-9xh {
    margin-left: var(--spacing-scale-9xh) !important;
    margin-right: var(--spacing-scale-9xh) !important;
  }
  .my-md-9xh {
    margin-bottom: var(--spacing-scale-9xh) !important;
  }
  .mt-md-9xh,
  .my-md-9xh {
    margin-top: var(--spacing-scale-9xh) !important;
  }
  .mt-md-n9xh {
    margin-top: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .mr-md-9xh {
    margin-right: var(--spacing-scale-9xh) !important;
  }
  .mr-md-n9xh {
    margin-right: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .mb-md-9xh {
    margin-bottom: var(--spacing-scale-9xh) !important;
  }
  .mb-md-n9xh {
    margin-bottom: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .ml-md-9xh {
    margin-left: var(--spacing-scale-9xh) !important;
  }
  .ml-md-n9xh {
    margin-left: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .m-md-n9xh {
    margin: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .mx-md-n9xh {
    margin-left: calc(var(--spacing-scale-9xh)*-1) !important;
    margin-right: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .my-md-n9xh {
    margin-bottom: calc(var(--spacing-scale-9xh)*-1) !important;
    margin-top: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .m-md-10x {
    margin: var(--spacing-scale-10x) !important;
  }
  .mx-md-10x {
    margin-left: var(--spacing-scale-10x) !important;
    margin-right: var(--spacing-scale-10x) !important;
  }
  .my-md-10x {
    margin-bottom: var(--spacing-scale-10x) !important;
  }
  .mt-md-10x,
  .my-md-10x {
    margin-top: var(--spacing-scale-10x) !important;
  }
  .mt-md-n10x {
    margin-top: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .mr-md-10x {
    margin-right: var(--spacing-scale-10x) !important;
  }
  .mr-md-n10x {
    margin-right: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .mb-md-10x {
    margin-bottom: var(--spacing-scale-10x) !important;
  }
  .mb-md-n10x {
    margin-bottom: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .ml-md-10x {
    margin-left: var(--spacing-scale-10x) !important;
  }
  .ml-md-n10x {
    margin-left: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .m-md-n10x {
    margin: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .mx-md-n10x {
    margin-left: calc(var(--spacing-scale-10x)*-1) !important;
    margin-right: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .my-md-n10x {
    margin-bottom: calc(var(--spacing-scale-10x)*-1) !important;
    margin-top: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .m-md-10xh {
    margin: var(--spacing-scale-10xh) !important;
  }
  .mx-md-10xh {
    margin-left: var(--spacing-scale-10xh) !important;
    margin-right: var(--spacing-scale-10xh) !important;
  }
  .my-md-10xh {
    margin-bottom: var(--spacing-scale-10xh) !important;
  }
  .mt-md-10xh,
  .my-md-10xh {
    margin-top: var(--spacing-scale-10xh) !important;
  }
  .mt-md-n10xh {
    margin-top: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .mr-md-10xh {
    margin-right: var(--spacing-scale-10xh) !important;
  }
  .mr-md-n10xh {
    margin-right: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .mb-md-10xh {
    margin-bottom: var(--spacing-scale-10xh) !important;
  }
  .mb-md-n10xh {
    margin-bottom: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .ml-md-10xh {
    margin-left: var(--spacing-scale-10xh) !important;
  }
  .ml-md-n10xh {
    margin-left: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .m-md-n10xh {
    margin: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .mx-md-n10xh {
    margin-left: calc(var(--spacing-scale-10xh)*-1) !important;
    margin-right: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .my-md-n10xh {
    margin-bottom: calc(var(--spacing-scale-10xh)*-1) !important;
    margin-top: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: var(--spacing-scale-default) !important;
  }
  .px-md-0 {
    padding-left: var(--spacing-scale-default) !important;
    padding-right: var(--spacing-scale-default) !important;
  }
  .py-md-0 {
    padding-bottom: var(--spacing-scale-default) !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: var(--spacing-scale-default) !important;
  }
  .pr-md-0 {
    padding-right: var(--spacing-scale-default) !important;
  }
  .pb-md-0 {
    padding-bottom: var(--spacing-scale-default) !important;
  }
  .pl-md-0 {
    padding-left: var(--spacing-scale-default) !important;
  }
  .p-md-half {
    padding: var(--spacing-scale-half) !important;
  }
  .px-md-half {
    padding-left: var(--spacing-scale-half) !important;
    padding-right: var(--spacing-scale-half) !important;
  }
  .py-md-half {
    padding-bottom: var(--spacing-scale-half) !important;
  }
  .pt-md-half,
  .py-md-half {
    padding-top: var(--spacing-scale-half) !important;
  }
  .pt-md-nhalf {
    padding-top: calc(var(--spacing-scale-half)*-1) !important;
  }
  .pr-md-half {
    padding-right: var(--spacing-scale-half) !important;
  }
  .pr-md-nhalf {
    padding-right: calc(var(--spacing-scale-half)*-1) !important;
  }
  .pb-md-half {
    padding-bottom: var(--spacing-scale-half) !important;
  }
  .pb-md-nhalf {
    padding-bottom: calc(var(--spacing-scale-half)*-1) !important;
  }
  .pl-md-half {
    padding-left: var(--spacing-scale-half) !important;
  }
  .pl-md-nhalf {
    padding-left: calc(var(--spacing-scale-half)*-1) !important;
  }
  .p-md-nhalf {
    padding: calc(var(--spacing-scale-half)*-1) !important;
  }
  .px-md-nhalf {
    padding-left: calc(var(--spacing-scale-half)*-1) !important;
    padding-right: calc(var(--spacing-scale-half)*-1) !important;
  }
  .py-md-nhalf {
    padding-bottom: calc(var(--spacing-scale-half)*-1) !important;
    padding-top: calc(var(--spacing-scale-half)*-1) !important;
  }
  .p-md-base {
    padding: var(--spacing-scale-base) !important;
  }
  .px-md-base {
    padding-left: var(--spacing-scale-base) !important;
    padding-right: var(--spacing-scale-base) !important;
  }
  .py-md-base {
    padding-bottom: var(--spacing-scale-base) !important;
  }
  .pt-md-base,
  .py-md-base {
    padding-top: var(--spacing-scale-base) !important;
  }
  .pt-md-nbase {
    padding-top: calc(var(--spacing-scale-base)*-1) !important;
  }
  .pr-md-base {
    padding-right: var(--spacing-scale-base) !important;
  }
  .pr-md-nbase {
    padding-right: calc(var(--spacing-scale-base)*-1) !important;
  }
  .pb-md-base {
    padding-bottom: var(--spacing-scale-base) !important;
  }
  .pb-md-nbase {
    padding-bottom: calc(var(--spacing-scale-base)*-1) !important;
  }
  .pl-md-base {
    padding-left: var(--spacing-scale-base) !important;
  }
  .pl-md-nbase {
    padding-left: calc(var(--spacing-scale-base)*-1) !important;
  }
  .p-md-nbase {
    padding: calc(var(--spacing-scale-base)*-1) !important;
  }
  .px-md-nbase {
    padding-left: calc(var(--spacing-scale-base)*-1) !important;
    padding-right: calc(var(--spacing-scale-base)*-1) !important;
  }
  .py-md-nbase {
    padding-bottom: calc(var(--spacing-scale-base)*-1) !important;
    padding-top: calc(var(--spacing-scale-base)*-1) !important;
  }
  .p-md-baseh {
    padding: var(--spacing-scale-baseh) !important;
  }
  .px-md-baseh {
    padding-left: var(--spacing-scale-baseh) !important;
    padding-right: var(--spacing-scale-baseh) !important;
  }
  .py-md-baseh {
    padding-bottom: var(--spacing-scale-baseh) !important;
  }
  .pt-md-baseh,
  .py-md-baseh {
    padding-top: var(--spacing-scale-baseh) !important;
  }
  .pt-md-nbaseh {
    padding-top: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .pr-md-baseh {
    padding-right: var(--spacing-scale-baseh) !important;
  }
  .pr-md-nbaseh {
    padding-right: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .pb-md-baseh {
    padding-bottom: var(--spacing-scale-baseh) !important;
  }
  .pb-md-nbaseh {
    padding-bottom: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .pl-md-baseh {
    padding-left: var(--spacing-scale-baseh) !important;
  }
  .pl-md-nbaseh {
    padding-left: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .p-md-nbaseh {
    padding: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .px-md-nbaseh {
    padding-left: calc(var(--spacing-scale-baseh)*-1) !important;
    padding-right: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .py-md-nbaseh {
    padding-bottom: calc(var(--spacing-scale-baseh)*-1) !important;
    padding-top: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .p-md-1 {
    padding: var(--spacing-scale-half) !important;
  }
  .px-md-1 {
    padding-left: var(--spacing-scale-half) !important;
    padding-right: var(--spacing-scale-half) !important;
  }
  .py-md-1 {
    padding-bottom: var(--spacing-scale-half) !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: var(--spacing-scale-half) !important;
  }
  .pt-md-n1 {
    padding-top: calc(var(--spacing-scale-half)*-1) !important;
  }
  .pr-md-1 {
    padding-right: var(--spacing-scale-half) !important;
  }
  .pr-md-n1 {
    padding-right: calc(var(--spacing-scale-half)*-1) !important;
  }
  .pb-md-1 {
    padding-bottom: var(--spacing-scale-half) !important;
  }
  .pb-md-n1 {
    padding-bottom: calc(var(--spacing-scale-half)*-1) !important;
  }
  .pl-md-1 {
    padding-left: var(--spacing-scale-half) !important;
  }
  .pl-md-n1 {
    padding-left: calc(var(--spacing-scale-half)*-1) !important;
  }
  .p-md-n1 {
    padding: calc(var(--spacing-scale-half)*-1) !important;
  }
  .px-md-n1 {
    padding-left: calc(var(--spacing-scale-half)*-1) !important;
    padding-right: calc(var(--spacing-scale-half)*-1) !important;
  }
  .py-md-n1 {
    padding-bottom: calc(var(--spacing-scale-half)*-1) !important;
    padding-top: calc(var(--spacing-scale-half)*-1) !important;
  }
  .p-md-2 {
    padding: var(--spacing-scale-base) !important;
  }
  .px-md-2 {
    padding-left: var(--spacing-scale-base) !important;
    padding-right: var(--spacing-scale-base) !important;
  }
  .py-md-2 {
    padding-bottom: var(--spacing-scale-base) !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: var(--spacing-scale-base) !important;
  }
  .pt-md-n2 {
    padding-top: calc(var(--spacing-scale-base)*-1) !important;
  }
  .pr-md-2 {
    padding-right: var(--spacing-scale-base) !important;
  }
  .pr-md-n2 {
    padding-right: calc(var(--spacing-scale-base)*-1) !important;
  }
  .pb-md-2 {
    padding-bottom: var(--spacing-scale-base) !important;
  }
  .pb-md-n2 {
    padding-bottom: calc(var(--spacing-scale-base)*-1) !important;
  }
  .pl-md-2 {
    padding-left: var(--spacing-scale-base) !important;
  }
  .pl-md-n2 {
    padding-left: calc(var(--spacing-scale-base)*-1) !important;
  }
  .p-md-n2 {
    padding: calc(var(--spacing-scale-base)*-1) !important;
  }
  .px-md-n2 {
    padding-left: calc(var(--spacing-scale-base)*-1) !important;
    padding-right: calc(var(--spacing-scale-base)*-1) !important;
  }
  .py-md-n2 {
    padding-bottom: calc(var(--spacing-scale-base)*-1) !important;
    padding-top: calc(var(--spacing-scale-base)*-1) !important;
  }
  .p-md-3 {
    padding: var(--spacing-scale-2x) !important;
  }
  .px-md-3 {
    padding-left: var(--spacing-scale-2x) !important;
    padding-right: var(--spacing-scale-2x) !important;
  }
  .py-md-3 {
    padding-bottom: var(--spacing-scale-2x) !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: var(--spacing-scale-2x) !important;
  }
  .pt-md-n3 {
    padding-top: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .pr-md-3 {
    padding-right: var(--spacing-scale-2x) !important;
  }
  .pr-md-n3 {
    padding-right: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .pb-md-3 {
    padding-bottom: var(--spacing-scale-2x) !important;
  }
  .pb-md-n3 {
    padding-bottom: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .pl-md-3 {
    padding-left: var(--spacing-scale-2x) !important;
  }
  .pl-md-n3 {
    padding-left: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .p-md-n3 {
    padding: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .px-md-n3 {
    padding-left: calc(var(--spacing-scale-2x)*-1) !important;
    padding-right: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .py-md-n3 {
    padding-bottom: calc(var(--spacing-scale-2x)*-1) !important;
    padding-top: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .p-md-4 {
    padding: var(--spacing-scale-3x) !important;
  }
  .px-md-4 {
    padding-left: var(--spacing-scale-3x) !important;
    padding-right: var(--spacing-scale-3x) !important;
  }
  .py-md-4 {
    padding-bottom: var(--spacing-scale-3x) !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: var(--spacing-scale-3x) !important;
  }
  .pt-md-n4 {
    padding-top: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .pr-md-4 {
    padding-right: var(--spacing-scale-3x) !important;
  }
  .pr-md-n4 {
    padding-right: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .pb-md-4 {
    padding-bottom: var(--spacing-scale-3x) !important;
  }
  .pb-md-n4 {
    padding-bottom: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .pl-md-4 {
    padding-left: var(--spacing-scale-3x) !important;
  }
  .pl-md-n4 {
    padding-left: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .p-md-n4 {
    padding: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .px-md-n4 {
    padding-left: calc(var(--spacing-scale-3x)*-1) !important;
    padding-right: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .py-md-n4 {
    padding-bottom: calc(var(--spacing-scale-3x)*-1) !important;
    padding-top: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .p-md-5 {
    padding: var(--spacing-scale-4x) !important;
  }
  .px-md-5 {
    padding-left: var(--spacing-scale-4x) !important;
    padding-right: var(--spacing-scale-4x) !important;
  }
  .py-md-5 {
    padding-bottom: var(--spacing-scale-4x) !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: var(--spacing-scale-4x) !important;
  }
  .pt-md-n5 {
    padding-top: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .pr-md-5 {
    padding-right: var(--spacing-scale-4x) !important;
  }
  .pr-md-n5 {
    padding-right: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .pb-md-5 {
    padding-bottom: var(--spacing-scale-4x) !important;
  }
  .pb-md-n5 {
    padding-bottom: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .pl-md-5 {
    padding-left: var(--spacing-scale-4x) !important;
  }
  .pl-md-n5 {
    padding-left: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .p-md-n5 {
    padding: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .px-md-n5 {
    padding-left: calc(var(--spacing-scale-4x)*-1) !important;
    padding-right: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .py-md-n5 {
    padding-bottom: calc(var(--spacing-scale-4x)*-1) !important;
    padding-top: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .p-md-6 {
    padding: var(--spacing-scale-5x) !important;
  }
  .px-md-6 {
    padding-left: var(--spacing-scale-5x) !important;
    padding-right: var(--spacing-scale-5x) !important;
  }
  .py-md-6 {
    padding-bottom: var(--spacing-scale-5x) !important;
  }
  .pt-md-6,
  .py-md-6 {
    padding-top: var(--spacing-scale-5x) !important;
  }
  .pt-md-n6 {
    padding-top: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .pr-md-6 {
    padding-right: var(--spacing-scale-5x) !important;
  }
  .pr-md-n6 {
    padding-right: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .pb-md-6 {
    padding-bottom: var(--spacing-scale-5x) !important;
  }
  .pb-md-n6 {
    padding-bottom: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .pl-md-6 {
    padding-left: var(--spacing-scale-5x) !important;
  }
  .pl-md-n6 {
    padding-left: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .p-md-n6 {
    padding: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .px-md-n6 {
    padding-left: calc(var(--spacing-scale-5x)*-1) !important;
    padding-right: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .py-md-n6 {
    padding-bottom: calc(var(--spacing-scale-5x)*-1) !important;
    padding-top: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .p-md-2x {
    padding: var(--spacing-scale-2x) !important;
  }
  .px-md-2x {
    padding-left: var(--spacing-scale-2x) !important;
    padding-right: var(--spacing-scale-2x) !important;
  }
  .py-md-2x {
    padding-bottom: var(--spacing-scale-2x) !important;
  }
  .pt-md-2x,
  .py-md-2x {
    padding-top: var(--spacing-scale-2x) !important;
  }
  .pt-md-n2x {
    padding-top: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .pr-md-2x {
    padding-right: var(--spacing-scale-2x) !important;
  }
  .pr-md-n2x {
    padding-right: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .pb-md-2x {
    padding-bottom: var(--spacing-scale-2x) !important;
  }
  .pb-md-n2x {
    padding-bottom: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .pl-md-2x {
    padding-left: var(--spacing-scale-2x) !important;
  }
  .pl-md-n2x {
    padding-left: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .p-md-n2x {
    padding: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .px-md-n2x {
    padding-left: calc(var(--spacing-scale-2x)*-1) !important;
    padding-right: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .py-md-n2x {
    padding-bottom: calc(var(--spacing-scale-2x)*-1) !important;
    padding-top: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .p-md-2xh {
    padding: var(--spacing-scale-2xh) !important;
  }
  .px-md-2xh {
    padding-left: var(--spacing-scale-2xh) !important;
    padding-right: var(--spacing-scale-2xh) !important;
  }
  .py-md-2xh {
    padding-bottom: var(--spacing-scale-2xh) !important;
  }
  .pt-md-2xh,
  .py-md-2xh {
    padding-top: var(--spacing-scale-2xh) !important;
  }
  .pt-md-n2xh {
    padding-top: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .pr-md-2xh {
    padding-right: var(--spacing-scale-2xh) !important;
  }
  .pr-md-n2xh {
    padding-right: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .pb-md-2xh {
    padding-bottom: var(--spacing-scale-2xh) !important;
  }
  .pb-md-n2xh {
    padding-bottom: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .pl-md-2xh {
    padding-left: var(--spacing-scale-2xh) !important;
  }
  .pl-md-n2xh {
    padding-left: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .p-md-n2xh {
    padding: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .px-md-n2xh {
    padding-left: calc(var(--spacing-scale-2xh)*-1) !important;
    padding-right: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .py-md-n2xh {
    padding-bottom: calc(var(--spacing-scale-2xh)*-1) !important;
    padding-top: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .p-md-3x {
    padding: var(--spacing-scale-3x) !important;
  }
  .px-md-3x {
    padding-left: var(--spacing-scale-3x) !important;
    padding-right: var(--spacing-scale-3x) !important;
  }
  .py-md-3x {
    padding-bottom: var(--spacing-scale-3x) !important;
  }
  .pt-md-3x,
  .py-md-3x {
    padding-top: var(--spacing-scale-3x) !important;
  }
  .pt-md-n3x {
    padding-top: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .pr-md-3x {
    padding-right: var(--spacing-scale-3x) !important;
  }
  .pr-md-n3x {
    padding-right: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .pb-md-3x {
    padding-bottom: var(--spacing-scale-3x) !important;
  }
  .pb-md-n3x {
    padding-bottom: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .pl-md-3x {
    padding-left: var(--spacing-scale-3x) !important;
  }
  .pl-md-n3x {
    padding-left: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .p-md-n3x {
    padding: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .px-md-n3x {
    padding-left: calc(var(--spacing-scale-3x)*-1) !important;
    padding-right: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .py-md-n3x {
    padding-bottom: calc(var(--spacing-scale-3x)*-1) !important;
    padding-top: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .p-md-3xh {
    padding: var(--spacing-scale-3xh) !important;
  }
  .px-md-3xh {
    padding-left: var(--spacing-scale-3xh) !important;
    padding-right: var(--spacing-scale-3xh) !important;
  }
  .py-md-3xh {
    padding-bottom: var(--spacing-scale-3xh) !important;
  }
  .pt-md-3xh,
  .py-md-3xh {
    padding-top: var(--spacing-scale-3xh) !important;
  }
  .pt-md-n3xh {
    padding-top: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .pr-md-3xh {
    padding-right: var(--spacing-scale-3xh) !important;
  }
  .pr-md-n3xh {
    padding-right: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .pb-md-3xh {
    padding-bottom: var(--spacing-scale-3xh) !important;
  }
  .pb-md-n3xh {
    padding-bottom: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .pl-md-3xh {
    padding-left: var(--spacing-scale-3xh) !important;
  }
  .pl-md-n3xh {
    padding-left: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .p-md-n3xh {
    padding: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .px-md-n3xh {
    padding-left: calc(var(--spacing-scale-3xh)*-1) !important;
    padding-right: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .py-md-n3xh {
    padding-bottom: calc(var(--spacing-scale-3xh)*-1) !important;
    padding-top: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .p-md-4x {
    padding: var(--spacing-scale-4x) !important;
  }
  .px-md-4x {
    padding-left: var(--spacing-scale-4x) !important;
    padding-right: var(--spacing-scale-4x) !important;
  }
  .py-md-4x {
    padding-bottom: var(--spacing-scale-4x) !important;
  }
  .pt-md-4x,
  .py-md-4x {
    padding-top: var(--spacing-scale-4x) !important;
  }
  .pt-md-n4x {
    padding-top: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .pr-md-4x {
    padding-right: var(--spacing-scale-4x) !important;
  }
  .pr-md-n4x {
    padding-right: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .pb-md-4x {
    padding-bottom: var(--spacing-scale-4x) !important;
  }
  .pb-md-n4x {
    padding-bottom: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .pl-md-4x {
    padding-left: var(--spacing-scale-4x) !important;
  }
  .pl-md-n4x {
    padding-left: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .p-md-n4x {
    padding: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .px-md-n4x {
    padding-left: calc(var(--spacing-scale-4x)*-1) !important;
    padding-right: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .py-md-n4x {
    padding-bottom: calc(var(--spacing-scale-4x)*-1) !important;
    padding-top: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .p-md-4xh {
    padding: var(--spacing-scale-4xh) !important;
  }
  .px-md-4xh {
    padding-left: var(--spacing-scale-4xh) !important;
    padding-right: var(--spacing-scale-4xh) !important;
  }
  .py-md-4xh {
    padding-bottom: var(--spacing-scale-4xh) !important;
  }
  .pt-md-4xh,
  .py-md-4xh {
    padding-top: var(--spacing-scale-4xh) !important;
  }
  .pt-md-n4xh {
    padding-top: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .pr-md-4xh {
    padding-right: var(--spacing-scale-4xh) !important;
  }
  .pr-md-n4xh {
    padding-right: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .pb-md-4xh {
    padding-bottom: var(--spacing-scale-4xh) !important;
  }
  .pb-md-n4xh {
    padding-bottom: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .pl-md-4xh {
    padding-left: var(--spacing-scale-4xh) !important;
  }
  .pl-md-n4xh {
    padding-left: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .p-md-n4xh {
    padding: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .px-md-n4xh {
    padding-left: calc(var(--spacing-scale-4xh)*-1) !important;
    padding-right: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .py-md-n4xh {
    padding-bottom: calc(var(--spacing-scale-4xh)*-1) !important;
    padding-top: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .p-md-5x {
    padding: var(--spacing-scale-5x) !important;
  }
  .px-md-5x {
    padding-left: var(--spacing-scale-5x) !important;
    padding-right: var(--spacing-scale-5x) !important;
  }
  .py-md-5x {
    padding-bottom: var(--spacing-scale-5x) !important;
  }
  .pt-md-5x,
  .py-md-5x {
    padding-top: var(--spacing-scale-5x) !important;
  }
  .pt-md-n5x {
    padding-top: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .pr-md-5x {
    padding-right: var(--spacing-scale-5x) !important;
  }
  .pr-md-n5x {
    padding-right: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .pb-md-5x {
    padding-bottom: var(--spacing-scale-5x) !important;
  }
  .pb-md-n5x {
    padding-bottom: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .pl-md-5x {
    padding-left: var(--spacing-scale-5x) !important;
  }
  .pl-md-n5x {
    padding-left: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .p-md-n5x {
    padding: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .px-md-n5x {
    padding-left: calc(var(--spacing-scale-5x)*-1) !important;
    padding-right: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .py-md-n5x {
    padding-bottom: calc(var(--spacing-scale-5x)*-1) !important;
    padding-top: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .p-md-5xh {
    padding: var(--spacing-scale-5xh) !important;
  }
  .px-md-5xh {
    padding-left: var(--spacing-scale-5xh) !important;
    padding-right: var(--spacing-scale-5xh) !important;
  }
  .py-md-5xh {
    padding-bottom: var(--spacing-scale-5xh) !important;
  }
  .pt-md-5xh,
  .py-md-5xh {
    padding-top: var(--spacing-scale-5xh) !important;
  }
  .pt-md-n5xh {
    padding-top: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .pr-md-5xh {
    padding-right: var(--spacing-scale-5xh) !important;
  }
  .pr-md-n5xh {
    padding-right: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .pb-md-5xh {
    padding-bottom: var(--spacing-scale-5xh) !important;
  }
  .pb-md-n5xh {
    padding-bottom: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .pl-md-5xh {
    padding-left: var(--spacing-scale-5xh) !important;
  }
  .pl-md-n5xh {
    padding-left: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .p-md-n5xh {
    padding: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .px-md-n5xh {
    padding-left: calc(var(--spacing-scale-5xh)*-1) !important;
    padding-right: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .py-md-n5xh {
    padding-bottom: calc(var(--spacing-scale-5xh)*-1) !important;
    padding-top: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .p-md-6x {
    padding: var(--spacing-scale-6x) !important;
  }
  .px-md-6x {
    padding-left: var(--spacing-scale-6x) !important;
    padding-right: var(--spacing-scale-6x) !important;
  }
  .py-md-6x {
    padding-bottom: var(--spacing-scale-6x) !important;
  }
  .pt-md-6x,
  .py-md-6x {
    padding-top: var(--spacing-scale-6x) !important;
  }
  .pt-md-n6x {
    padding-top: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .pr-md-6x {
    padding-right: var(--spacing-scale-6x) !important;
  }
  .pr-md-n6x {
    padding-right: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .pb-md-6x {
    padding-bottom: var(--spacing-scale-6x) !important;
  }
  .pb-md-n6x {
    padding-bottom: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .pl-md-6x {
    padding-left: var(--spacing-scale-6x) !important;
  }
  .pl-md-n6x {
    padding-left: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .p-md-n6x {
    padding: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .px-md-n6x {
    padding-left: calc(var(--spacing-scale-6x)*-1) !important;
    padding-right: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .py-md-n6x {
    padding-bottom: calc(var(--spacing-scale-6x)*-1) !important;
    padding-top: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .p-md-6xh {
    padding: var(--spacing-scale-6xh) !important;
  }
  .px-md-6xh {
    padding-left: var(--spacing-scale-6xh) !important;
    padding-right: var(--spacing-scale-6xh) !important;
  }
  .py-md-6xh {
    padding-bottom: var(--spacing-scale-6xh) !important;
  }
  .pt-md-6xh,
  .py-md-6xh {
    padding-top: var(--spacing-scale-6xh) !important;
  }
  .pt-md-n6xh {
    padding-top: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .pr-md-6xh {
    padding-right: var(--spacing-scale-6xh) !important;
  }
  .pr-md-n6xh {
    padding-right: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .pb-md-6xh {
    padding-bottom: var(--spacing-scale-6xh) !important;
  }
  .pb-md-n6xh {
    padding-bottom: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .pl-md-6xh {
    padding-left: var(--spacing-scale-6xh) !important;
  }
  .pl-md-n6xh {
    padding-left: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .p-md-n6xh {
    padding: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .px-md-n6xh {
    padding-left: calc(var(--spacing-scale-6xh)*-1) !important;
    padding-right: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .py-md-n6xh {
    padding-bottom: calc(var(--spacing-scale-6xh)*-1) !important;
    padding-top: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .p-md-7x {
    padding: var(--spacing-scale-7x) !important;
  }
  .px-md-7x {
    padding-left: var(--spacing-scale-7x) !important;
    padding-right: var(--spacing-scale-7x) !important;
  }
  .py-md-7x {
    padding-bottom: var(--spacing-scale-7x) !important;
  }
  .pt-md-7x,
  .py-md-7x {
    padding-top: var(--spacing-scale-7x) !important;
  }
  .pt-md-n7x {
    padding-top: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .pr-md-7x {
    padding-right: var(--spacing-scale-7x) !important;
  }
  .pr-md-n7x {
    padding-right: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .pb-md-7x {
    padding-bottom: var(--spacing-scale-7x) !important;
  }
  .pb-md-n7x {
    padding-bottom: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .pl-md-7x {
    padding-left: var(--spacing-scale-7x) !important;
  }
  .pl-md-n7x {
    padding-left: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .p-md-n7x {
    padding: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .px-md-n7x {
    padding-left: calc(var(--spacing-scale-7x)*-1) !important;
    padding-right: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .py-md-n7x {
    padding-bottom: calc(var(--spacing-scale-7x)*-1) !important;
    padding-top: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .p-md-7xh {
    padding: var(--spacing-scale-7xh) !important;
  }
  .px-md-7xh {
    padding-left: var(--spacing-scale-7xh) !important;
    padding-right: var(--spacing-scale-7xh) !important;
  }
  .py-md-7xh {
    padding-bottom: var(--spacing-scale-7xh) !important;
  }
  .pt-md-7xh,
  .py-md-7xh {
    padding-top: var(--spacing-scale-7xh) !important;
  }
  .pt-md-n7xh {
    padding-top: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .pr-md-7xh {
    padding-right: var(--spacing-scale-7xh) !important;
  }
  .pr-md-n7xh {
    padding-right: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .pb-md-7xh {
    padding-bottom: var(--spacing-scale-7xh) !important;
  }
  .pb-md-n7xh {
    padding-bottom: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .pl-md-7xh {
    padding-left: var(--spacing-scale-7xh) !important;
  }
  .pl-md-n7xh {
    padding-left: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .p-md-n7xh {
    padding: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .px-md-n7xh {
    padding-left: calc(var(--spacing-scale-7xh)*-1) !important;
    padding-right: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .py-md-n7xh {
    padding-bottom: calc(var(--spacing-scale-7xh)*-1) !important;
    padding-top: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .p-md-8x {
    padding: var(--spacing-scale-8x) !important;
  }
  .px-md-8x {
    padding-left: var(--spacing-scale-8x) !important;
    padding-right: var(--spacing-scale-8x) !important;
  }
  .py-md-8x {
    padding-bottom: var(--spacing-scale-8x) !important;
  }
  .pt-md-8x,
  .py-md-8x {
    padding-top: var(--spacing-scale-8x) !important;
  }
  .pt-md-n8x {
    padding-top: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .pr-md-8x {
    padding-right: var(--spacing-scale-8x) !important;
  }
  .pr-md-n8x {
    padding-right: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .pb-md-8x {
    padding-bottom: var(--spacing-scale-8x) !important;
  }
  .pb-md-n8x {
    padding-bottom: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .pl-md-8x {
    padding-left: var(--spacing-scale-8x) !important;
  }
  .pl-md-n8x {
    padding-left: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .p-md-n8x {
    padding: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .px-md-n8x {
    padding-left: calc(var(--spacing-scale-8x)*-1) !important;
    padding-right: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .py-md-n8x {
    padding-bottom: calc(var(--spacing-scale-8x)*-1) !important;
    padding-top: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .p-md-8xh {
    padding: var(--spacing-scale-8xh) !important;
  }
  .px-md-8xh {
    padding-left: var(--spacing-scale-8xh) !important;
    padding-right: var(--spacing-scale-8xh) !important;
  }
  .py-md-8xh {
    padding-bottom: var(--spacing-scale-8xh) !important;
  }
  .pt-md-8xh,
  .py-md-8xh {
    padding-top: var(--spacing-scale-8xh) !important;
  }
  .pt-md-n8xh {
    padding-top: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .pr-md-8xh {
    padding-right: var(--spacing-scale-8xh) !important;
  }
  .pr-md-n8xh {
    padding-right: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .pb-md-8xh {
    padding-bottom: var(--spacing-scale-8xh) !important;
  }
  .pb-md-n8xh {
    padding-bottom: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .pl-md-8xh {
    padding-left: var(--spacing-scale-8xh) !important;
  }
  .pl-md-n8xh {
    padding-left: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .p-md-n8xh {
    padding: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .px-md-n8xh {
    padding-left: calc(var(--spacing-scale-8xh)*-1) !important;
    padding-right: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .py-md-n8xh {
    padding-bottom: calc(var(--spacing-scale-8xh)*-1) !important;
    padding-top: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .p-md-9x {
    padding: var(--spacing-scale-9x) !important;
  }
  .px-md-9x {
    padding-left: var(--spacing-scale-9x) !important;
    padding-right: var(--spacing-scale-9x) !important;
  }
  .py-md-9x {
    padding-bottom: var(--spacing-scale-9x) !important;
  }
  .pt-md-9x,
  .py-md-9x {
    padding-top: var(--spacing-scale-9x) !important;
  }
  .pt-md-n9x {
    padding-top: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .pr-md-9x {
    padding-right: var(--spacing-scale-9x) !important;
  }
  .pr-md-n9x {
    padding-right: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .pb-md-9x {
    padding-bottom: var(--spacing-scale-9x) !important;
  }
  .pb-md-n9x {
    padding-bottom: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .pl-md-9x {
    padding-left: var(--spacing-scale-9x) !important;
  }
  .pl-md-n9x {
    padding-left: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .p-md-n9x {
    padding: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .px-md-n9x {
    padding-left: calc(var(--spacing-scale-9x)*-1) !important;
    padding-right: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .py-md-n9x {
    padding-bottom: calc(var(--spacing-scale-9x)*-1) !important;
    padding-top: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .p-md-9xh {
    padding: var(--spacing-scale-9xh) !important;
  }
  .px-md-9xh {
    padding-left: var(--spacing-scale-9xh) !important;
    padding-right: var(--spacing-scale-9xh) !important;
  }
  .py-md-9xh {
    padding-bottom: var(--spacing-scale-9xh) !important;
  }
  .pt-md-9xh,
  .py-md-9xh {
    padding-top: var(--spacing-scale-9xh) !important;
  }
  .pt-md-n9xh {
    padding-top: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .pr-md-9xh {
    padding-right: var(--spacing-scale-9xh) !important;
  }
  .pr-md-n9xh {
    padding-right: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .pb-md-9xh {
    padding-bottom: var(--spacing-scale-9xh) !important;
  }
  .pb-md-n9xh {
    padding-bottom: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .pl-md-9xh {
    padding-left: var(--spacing-scale-9xh) !important;
  }
  .pl-md-n9xh {
    padding-left: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .p-md-n9xh {
    padding: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .px-md-n9xh {
    padding-left: calc(var(--spacing-scale-9xh)*-1) !important;
    padding-right: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .py-md-n9xh {
    padding-bottom: calc(var(--spacing-scale-9xh)*-1) !important;
    padding-top: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .p-md-10x {
    padding: var(--spacing-scale-10x) !important;
  }
  .px-md-10x {
    padding-left: var(--spacing-scale-10x) !important;
    padding-right: var(--spacing-scale-10x) !important;
  }
  .py-md-10x {
    padding-bottom: var(--spacing-scale-10x) !important;
  }
  .pt-md-10x,
  .py-md-10x {
    padding-top: var(--spacing-scale-10x) !important;
  }
  .pt-md-n10x {
    padding-top: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .pr-md-10x {
    padding-right: var(--spacing-scale-10x) !important;
  }
  .pr-md-n10x {
    padding-right: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .pb-md-10x {
    padding-bottom: var(--spacing-scale-10x) !important;
  }
  .pb-md-n10x {
    padding-bottom: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .pl-md-10x {
    padding-left: var(--spacing-scale-10x) !important;
  }
  .pl-md-n10x {
    padding-left: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .p-md-n10x {
    padding: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .px-md-n10x {
    padding-left: calc(var(--spacing-scale-10x)*-1) !important;
    padding-right: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .py-md-n10x {
    padding-bottom: calc(var(--spacing-scale-10x)*-1) !important;
    padding-top: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .p-md-10xh {
    padding: var(--spacing-scale-10xh) !important;
  }
  .px-md-10xh {
    padding-left: var(--spacing-scale-10xh) !important;
    padding-right: var(--spacing-scale-10xh) !important;
  }
  .py-md-10xh {
    padding-bottom: var(--spacing-scale-10xh) !important;
  }
  .pt-md-10xh,
  .py-md-10xh {
    padding-top: var(--spacing-scale-10xh) !important;
  }
  .pt-md-n10xh {
    padding-top: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .pr-md-10xh {
    padding-right: var(--spacing-scale-10xh) !important;
  }
  .pr-md-n10xh {
    padding-right: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .pb-md-10xh {
    padding-bottom: var(--spacing-scale-10xh) !important;
  }
  .pb-md-n10xh {
    padding-bottom: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .pl-md-10xh {
    padding-left: var(--spacing-scale-10xh) !important;
  }
  .pl-md-n10xh {
    padding-left: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .p-md-n10xh {
    padding: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .px-md-n10xh {
    padding-left: calc(var(--spacing-scale-10xh)*-1) !important;
    padding-right: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .py-md-n10xh {
    padding-bottom: calc(var(--spacing-scale-10xh)*-1) !important;
    padding-top: calc(var(--spacing-scale-10xh)*-1) !important;
  }
}
@media (min-width:1280px) {
  .m-lg-0 {
    margin: var(--spacing-scale-default) !important;
  }
  .mx-lg-0 {
    margin-left: var(--spacing-scale-default) !important;
    margin-right: var(--spacing-scale-default) !important;
  }
  .my-lg-0 {
    margin-bottom: var(--spacing-scale-default) !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: var(--spacing-scale-default) !important;
  }
  .mr-lg-0 {
    margin-right: var(--spacing-scale-default) !important;
  }
  .mb-lg-0 {
    margin-bottom: var(--spacing-scale-default) !important;
  }
  .ml-lg-0 {
    margin-left: var(--spacing-scale-default) !important;
  }
  .m-lg-half {
    margin: var(--spacing-scale-half) !important;
  }
  .mx-lg-half {
    margin-left: var(--spacing-scale-half) !important;
    margin-right: var(--spacing-scale-half) !important;
  }
  .my-lg-half {
    margin-bottom: var(--spacing-scale-half) !important;
  }
  .mt-lg-half,
  .my-lg-half {
    margin-top: var(--spacing-scale-half) !important;
  }
  .mt-lg-nhalf {
    margin-top: calc(var(--spacing-scale-half)*-1) !important;
  }
  .mr-lg-half {
    margin-right: var(--spacing-scale-half) !important;
  }
  .mr-lg-nhalf {
    margin-right: calc(var(--spacing-scale-half)*-1) !important;
  }
  .mb-lg-half {
    margin-bottom: var(--spacing-scale-half) !important;
  }
  .mb-lg-nhalf {
    margin-bottom: calc(var(--spacing-scale-half)*-1) !important;
  }
  .ml-lg-half {
    margin-left: var(--spacing-scale-half) !important;
  }
  .ml-lg-nhalf {
    margin-left: calc(var(--spacing-scale-half)*-1) !important;
  }
  .m-lg-nhalf {
    margin: calc(var(--spacing-scale-half)*-1) !important;
  }
  .mx-lg-nhalf {
    margin-left: calc(var(--spacing-scale-half)*-1) !important;
    margin-right: calc(var(--spacing-scale-half)*-1) !important;
  }
  .my-lg-nhalf {
    margin-bottom: calc(var(--spacing-scale-half)*-1) !important;
    margin-top: calc(var(--spacing-scale-half)*-1) !important;
  }
  .m-lg-base {
    margin: var(--spacing-scale-base) !important;
  }
  .mx-lg-base {
    margin-left: var(--spacing-scale-base) !important;
    margin-right: var(--spacing-scale-base) !important;
  }
  .my-lg-base {
    margin-bottom: var(--spacing-scale-base) !important;
  }
  .mt-lg-base,
  .my-lg-base {
    margin-top: var(--spacing-scale-base) !important;
  }
  .mt-lg-nbase {
    margin-top: calc(var(--spacing-scale-base)*-1) !important;
  }
  .mr-lg-base {
    margin-right: var(--spacing-scale-base) !important;
  }
  .mr-lg-nbase {
    margin-right: calc(var(--spacing-scale-base)*-1) !important;
  }
  .mb-lg-base {
    margin-bottom: var(--spacing-scale-base) !important;
  }
  .mb-lg-nbase {
    margin-bottom: calc(var(--spacing-scale-base)*-1) !important;
  }
  .ml-lg-base {
    margin-left: var(--spacing-scale-base) !important;
  }
  .ml-lg-nbase {
    margin-left: calc(var(--spacing-scale-base)*-1) !important;
  }
  .m-lg-nbase {
    margin: calc(var(--spacing-scale-base)*-1) !important;
  }
  .mx-lg-nbase {
    margin-left: calc(var(--spacing-scale-base)*-1) !important;
    margin-right: calc(var(--spacing-scale-base)*-1) !important;
  }
  .my-lg-nbase {
    margin-bottom: calc(var(--spacing-scale-base)*-1) !important;
    margin-top: calc(var(--spacing-scale-base)*-1) !important;
  }
  .m-lg-baseh {
    margin: var(--spacing-scale-baseh) !important;
  }
  .mx-lg-baseh {
    margin-left: var(--spacing-scale-baseh) !important;
    margin-right: var(--spacing-scale-baseh) !important;
  }
  .my-lg-baseh {
    margin-bottom: var(--spacing-scale-baseh) !important;
  }
  .mt-lg-baseh,
  .my-lg-baseh {
    margin-top: var(--spacing-scale-baseh) !important;
  }
  .mt-lg-nbaseh {
    margin-top: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .mr-lg-baseh {
    margin-right: var(--spacing-scale-baseh) !important;
  }
  .mr-lg-nbaseh {
    margin-right: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .mb-lg-baseh {
    margin-bottom: var(--spacing-scale-baseh) !important;
  }
  .mb-lg-nbaseh {
    margin-bottom: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .ml-lg-baseh {
    margin-left: var(--spacing-scale-baseh) !important;
  }
  .ml-lg-nbaseh {
    margin-left: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .m-lg-nbaseh {
    margin: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .mx-lg-nbaseh {
    margin-left: calc(var(--spacing-scale-baseh)*-1) !important;
    margin-right: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .my-lg-nbaseh {
    margin-bottom: calc(var(--spacing-scale-baseh)*-1) !important;
    margin-top: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .m-lg-1 {
    margin: var(--spacing-scale-half) !important;
  }
  .mx-lg-1 {
    margin-left: var(--spacing-scale-half) !important;
    margin-right: var(--spacing-scale-half) !important;
  }
  .my-lg-1 {
    margin-bottom: var(--spacing-scale-half) !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: var(--spacing-scale-half) !important;
  }
  .mt-lg-n1 {
    margin-top: calc(var(--spacing-scale-half)*-1) !important;
  }
  .mr-lg-1 {
    margin-right: var(--spacing-scale-half) !important;
  }
  .mr-lg-n1 {
    margin-right: calc(var(--spacing-scale-half)*-1) !important;
  }
  .mb-lg-1 {
    margin-bottom: var(--spacing-scale-half) !important;
  }
  .mb-lg-n1 {
    margin-bottom: calc(var(--spacing-scale-half)*-1) !important;
  }
  .ml-lg-1 {
    margin-left: var(--spacing-scale-half) !important;
  }
  .ml-lg-n1 {
    margin-left: calc(var(--spacing-scale-half)*-1) !important;
  }
  .m-lg-n1 {
    margin: calc(var(--spacing-scale-half)*-1) !important;
  }
  .mx-lg-n1 {
    margin-left: calc(var(--spacing-scale-half)*-1) !important;
    margin-right: calc(var(--spacing-scale-half)*-1) !important;
  }
  .my-lg-n1 {
    margin-bottom: calc(var(--spacing-scale-half)*-1) !important;
    margin-top: calc(var(--spacing-scale-half)*-1) !important;
  }
  .m-lg-2 {
    margin: var(--spacing-scale-base) !important;
  }
  .mx-lg-2 {
    margin-left: var(--spacing-scale-base) !important;
    margin-right: var(--spacing-scale-base) !important;
  }
  .my-lg-2 {
    margin-bottom: var(--spacing-scale-base) !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: var(--spacing-scale-base) !important;
  }
  .mt-lg-n2 {
    margin-top: calc(var(--spacing-scale-base)*-1) !important;
  }
  .mr-lg-2 {
    margin-right: var(--spacing-scale-base) !important;
  }
  .mr-lg-n2 {
    margin-right: calc(var(--spacing-scale-base)*-1) !important;
  }
  .mb-lg-2 {
    margin-bottom: var(--spacing-scale-base) !important;
  }
  .mb-lg-n2 {
    margin-bottom: calc(var(--spacing-scale-base)*-1) !important;
  }
  .ml-lg-2 {
    margin-left: var(--spacing-scale-base) !important;
  }
  .ml-lg-n2 {
    margin-left: calc(var(--spacing-scale-base)*-1) !important;
  }
  .m-lg-n2 {
    margin: calc(var(--spacing-scale-base)*-1) !important;
  }
  .mx-lg-n2 {
    margin-left: calc(var(--spacing-scale-base)*-1) !important;
    margin-right: calc(var(--spacing-scale-base)*-1) !important;
  }
  .my-lg-n2 {
    margin-bottom: calc(var(--spacing-scale-base)*-1) !important;
    margin-top: calc(var(--spacing-scale-base)*-1) !important;
  }
  .m-lg-3 {
    margin: var(--spacing-scale-2x) !important;
  }
  .mx-lg-3 {
    margin-left: var(--spacing-scale-2x) !important;
    margin-right: var(--spacing-scale-2x) !important;
  }
  .my-lg-3 {
    margin-bottom: var(--spacing-scale-2x) !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: var(--spacing-scale-2x) !important;
  }
  .mt-lg-n3 {
    margin-top: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .mr-lg-3 {
    margin-right: var(--spacing-scale-2x) !important;
  }
  .mr-lg-n3 {
    margin-right: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .mb-lg-3 {
    margin-bottom: var(--spacing-scale-2x) !important;
  }
  .mb-lg-n3 {
    margin-bottom: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .ml-lg-3 {
    margin-left: var(--spacing-scale-2x) !important;
  }
  .ml-lg-n3 {
    margin-left: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .m-lg-n3 {
    margin: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .mx-lg-n3 {
    margin-left: calc(var(--spacing-scale-2x)*-1) !important;
    margin-right: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .my-lg-n3 {
    margin-bottom: calc(var(--spacing-scale-2x)*-1) !important;
    margin-top: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .m-lg-4 {
    margin: var(--spacing-scale-3x) !important;
  }
  .mx-lg-4 {
    margin-left: var(--spacing-scale-3x) !important;
    margin-right: var(--spacing-scale-3x) !important;
  }
  .my-lg-4 {
    margin-bottom: var(--spacing-scale-3x) !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: var(--spacing-scale-3x) !important;
  }
  .mt-lg-n4 {
    margin-top: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .mr-lg-4 {
    margin-right: var(--spacing-scale-3x) !important;
  }
  .mr-lg-n4 {
    margin-right: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .mb-lg-4 {
    margin-bottom: var(--spacing-scale-3x) !important;
  }
  .mb-lg-n4 {
    margin-bottom: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .ml-lg-4 {
    margin-left: var(--spacing-scale-3x) !important;
  }
  .ml-lg-n4 {
    margin-left: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .m-lg-n4 {
    margin: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .mx-lg-n4 {
    margin-left: calc(var(--spacing-scale-3x)*-1) !important;
    margin-right: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .my-lg-n4 {
    margin-bottom: calc(var(--spacing-scale-3x)*-1) !important;
    margin-top: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .m-lg-5 {
    margin: var(--spacing-scale-4x) !important;
  }
  .mx-lg-5 {
    margin-left: var(--spacing-scale-4x) !important;
    margin-right: var(--spacing-scale-4x) !important;
  }
  .my-lg-5 {
    margin-bottom: var(--spacing-scale-4x) !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: var(--spacing-scale-4x) !important;
  }
  .mt-lg-n5 {
    margin-top: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .mr-lg-5 {
    margin-right: var(--spacing-scale-4x) !important;
  }
  .mr-lg-n5 {
    margin-right: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .mb-lg-5 {
    margin-bottom: var(--spacing-scale-4x) !important;
  }
  .mb-lg-n5 {
    margin-bottom: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .ml-lg-5 {
    margin-left: var(--spacing-scale-4x) !important;
  }
  .ml-lg-n5 {
    margin-left: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .m-lg-n5 {
    margin: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .mx-lg-n5 {
    margin-left: calc(var(--spacing-scale-4x)*-1) !important;
    margin-right: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .my-lg-n5 {
    margin-bottom: calc(var(--spacing-scale-4x)*-1) !important;
    margin-top: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .m-lg-6 {
    margin: var(--spacing-scale-5x) !important;
  }
  .mx-lg-6 {
    margin-left: var(--spacing-scale-5x) !important;
    margin-right: var(--spacing-scale-5x) !important;
  }
  .my-lg-6 {
    margin-bottom: var(--spacing-scale-5x) !important;
  }
  .mt-lg-6,
  .my-lg-6 {
    margin-top: var(--spacing-scale-5x) !important;
  }
  .mt-lg-n6 {
    margin-top: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .mr-lg-6 {
    margin-right: var(--spacing-scale-5x) !important;
  }
  .mr-lg-n6 {
    margin-right: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .mb-lg-6 {
    margin-bottom: var(--spacing-scale-5x) !important;
  }
  .mb-lg-n6 {
    margin-bottom: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .ml-lg-6 {
    margin-left: var(--spacing-scale-5x) !important;
  }
  .ml-lg-n6 {
    margin-left: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .m-lg-n6 {
    margin: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .mx-lg-n6 {
    margin-left: calc(var(--spacing-scale-5x)*-1) !important;
    margin-right: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .my-lg-n6 {
    margin-bottom: calc(var(--spacing-scale-5x)*-1) !important;
    margin-top: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .m-lg-2x {
    margin: var(--spacing-scale-2x) !important;
  }
  .mx-lg-2x {
    margin-left: var(--spacing-scale-2x) !important;
    margin-right: var(--spacing-scale-2x) !important;
  }
  .my-lg-2x {
    margin-bottom: var(--spacing-scale-2x) !important;
  }
  .mt-lg-2x,
  .my-lg-2x {
    margin-top: var(--spacing-scale-2x) !important;
  }
  .mt-lg-n2x {
    margin-top: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .mr-lg-2x {
    margin-right: var(--spacing-scale-2x) !important;
  }
  .mr-lg-n2x {
    margin-right: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .mb-lg-2x {
    margin-bottom: var(--spacing-scale-2x) !important;
  }
  .mb-lg-n2x {
    margin-bottom: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .ml-lg-2x {
    margin-left: var(--spacing-scale-2x) !important;
  }
  .ml-lg-n2x {
    margin-left: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .m-lg-n2x {
    margin: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .mx-lg-n2x {
    margin-left: calc(var(--spacing-scale-2x)*-1) !important;
    margin-right: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .my-lg-n2x {
    margin-bottom: calc(var(--spacing-scale-2x)*-1) !important;
    margin-top: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .m-lg-2xh {
    margin: var(--spacing-scale-2xh) !important;
  }
  .mx-lg-2xh {
    margin-left: var(--spacing-scale-2xh) !important;
    margin-right: var(--spacing-scale-2xh) !important;
  }
  .my-lg-2xh {
    margin-bottom: var(--spacing-scale-2xh) !important;
  }
  .mt-lg-2xh,
  .my-lg-2xh {
    margin-top: var(--spacing-scale-2xh) !important;
  }
  .mt-lg-n2xh {
    margin-top: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .mr-lg-2xh {
    margin-right: var(--spacing-scale-2xh) !important;
  }
  .mr-lg-n2xh {
    margin-right: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .mb-lg-2xh {
    margin-bottom: var(--spacing-scale-2xh) !important;
  }
  .mb-lg-n2xh {
    margin-bottom: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .ml-lg-2xh {
    margin-left: var(--spacing-scale-2xh) !important;
  }
  .ml-lg-n2xh {
    margin-left: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .m-lg-n2xh {
    margin: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .mx-lg-n2xh {
    margin-left: calc(var(--spacing-scale-2xh)*-1) !important;
    margin-right: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .my-lg-n2xh {
    margin-bottom: calc(var(--spacing-scale-2xh)*-1) !important;
    margin-top: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .m-lg-3x {
    margin: var(--spacing-scale-3x) !important;
  }
  .mx-lg-3x {
    margin-left: var(--spacing-scale-3x) !important;
    margin-right: var(--spacing-scale-3x) !important;
  }
  .my-lg-3x {
    margin-bottom: var(--spacing-scale-3x) !important;
  }
  .mt-lg-3x,
  .my-lg-3x {
    margin-top: var(--spacing-scale-3x) !important;
  }
  .mt-lg-n3x {
    margin-top: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .mr-lg-3x {
    margin-right: var(--spacing-scale-3x) !important;
  }
  .mr-lg-n3x {
    margin-right: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .mb-lg-3x {
    margin-bottom: var(--spacing-scale-3x) !important;
  }
  .mb-lg-n3x {
    margin-bottom: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .ml-lg-3x {
    margin-left: var(--spacing-scale-3x) !important;
  }
  .ml-lg-n3x {
    margin-left: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .m-lg-n3x {
    margin: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .mx-lg-n3x {
    margin-left: calc(var(--spacing-scale-3x)*-1) !important;
    margin-right: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .my-lg-n3x {
    margin-bottom: calc(var(--spacing-scale-3x)*-1) !important;
    margin-top: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .m-lg-3xh {
    margin: var(--spacing-scale-3xh) !important;
  }
  .mx-lg-3xh {
    margin-left: var(--spacing-scale-3xh) !important;
    margin-right: var(--spacing-scale-3xh) !important;
  }
  .my-lg-3xh {
    margin-bottom: var(--spacing-scale-3xh) !important;
  }
  .mt-lg-3xh,
  .my-lg-3xh {
    margin-top: var(--spacing-scale-3xh) !important;
  }
  .mt-lg-n3xh {
    margin-top: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .mr-lg-3xh {
    margin-right: var(--spacing-scale-3xh) !important;
  }
  .mr-lg-n3xh {
    margin-right: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .mb-lg-3xh {
    margin-bottom: var(--spacing-scale-3xh) !important;
  }
  .mb-lg-n3xh {
    margin-bottom: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .ml-lg-3xh {
    margin-left: var(--spacing-scale-3xh) !important;
  }
  .ml-lg-n3xh {
    margin-left: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .m-lg-n3xh {
    margin: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .mx-lg-n3xh {
    margin-left: calc(var(--spacing-scale-3xh)*-1) !important;
    margin-right: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .my-lg-n3xh {
    margin-bottom: calc(var(--spacing-scale-3xh)*-1) !important;
    margin-top: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .m-lg-4x {
    margin: var(--spacing-scale-4x) !important;
  }
  .mx-lg-4x {
    margin-left: var(--spacing-scale-4x) !important;
    margin-right: var(--spacing-scale-4x) !important;
  }
  .my-lg-4x {
    margin-bottom: var(--spacing-scale-4x) !important;
  }
  .mt-lg-4x,
  .my-lg-4x {
    margin-top: var(--spacing-scale-4x) !important;
  }
  .mt-lg-n4x {
    margin-top: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .mr-lg-4x {
    margin-right: var(--spacing-scale-4x) !important;
  }
  .mr-lg-n4x {
    margin-right: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .mb-lg-4x {
    margin-bottom: var(--spacing-scale-4x) !important;
  }
  .mb-lg-n4x {
    margin-bottom: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .ml-lg-4x {
    margin-left: var(--spacing-scale-4x) !important;
  }
  .ml-lg-n4x {
    margin-left: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .m-lg-n4x {
    margin: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .mx-lg-n4x {
    margin-left: calc(var(--spacing-scale-4x)*-1) !important;
    margin-right: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .my-lg-n4x {
    margin-bottom: calc(var(--spacing-scale-4x)*-1) !important;
    margin-top: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .m-lg-4xh {
    margin: var(--spacing-scale-4xh) !important;
  }
  .mx-lg-4xh {
    margin-left: var(--spacing-scale-4xh) !important;
    margin-right: var(--spacing-scale-4xh) !important;
  }
  .my-lg-4xh {
    margin-bottom: var(--spacing-scale-4xh) !important;
  }
  .mt-lg-4xh,
  .my-lg-4xh {
    margin-top: var(--spacing-scale-4xh) !important;
  }
  .mt-lg-n4xh {
    margin-top: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .mr-lg-4xh {
    margin-right: var(--spacing-scale-4xh) !important;
  }
  .mr-lg-n4xh {
    margin-right: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .mb-lg-4xh {
    margin-bottom: var(--spacing-scale-4xh) !important;
  }
  .mb-lg-n4xh {
    margin-bottom: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .ml-lg-4xh {
    margin-left: var(--spacing-scale-4xh) !important;
  }
  .ml-lg-n4xh {
    margin-left: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .m-lg-n4xh {
    margin: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .mx-lg-n4xh {
    margin-left: calc(var(--spacing-scale-4xh)*-1) !important;
    margin-right: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .my-lg-n4xh {
    margin-bottom: calc(var(--spacing-scale-4xh)*-1) !important;
    margin-top: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .m-lg-5x {
    margin: var(--spacing-scale-5x) !important;
  }
  .mx-lg-5x {
    margin-left: var(--spacing-scale-5x) !important;
    margin-right: var(--spacing-scale-5x) !important;
  }
  .my-lg-5x {
    margin-bottom: var(--spacing-scale-5x) !important;
  }
  .mt-lg-5x,
  .my-lg-5x {
    margin-top: var(--spacing-scale-5x) !important;
  }
  .mt-lg-n5x {
    margin-top: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .mr-lg-5x {
    margin-right: var(--spacing-scale-5x) !important;
  }
  .mr-lg-n5x {
    margin-right: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .mb-lg-5x {
    margin-bottom: var(--spacing-scale-5x) !important;
  }
  .mb-lg-n5x {
    margin-bottom: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .ml-lg-5x {
    margin-left: var(--spacing-scale-5x) !important;
  }
  .ml-lg-n5x {
    margin-left: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .m-lg-n5x {
    margin: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .mx-lg-n5x {
    margin-left: calc(var(--spacing-scale-5x)*-1) !important;
    margin-right: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .my-lg-n5x {
    margin-bottom: calc(var(--spacing-scale-5x)*-1) !important;
    margin-top: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .m-lg-5xh {
    margin: var(--spacing-scale-5xh) !important;
  }
  .mx-lg-5xh {
    margin-left: var(--spacing-scale-5xh) !important;
    margin-right: var(--spacing-scale-5xh) !important;
  }
  .my-lg-5xh {
    margin-bottom: var(--spacing-scale-5xh) !important;
  }
  .mt-lg-5xh,
  .my-lg-5xh {
    margin-top: var(--spacing-scale-5xh) !important;
  }
  .mt-lg-n5xh {
    margin-top: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .mr-lg-5xh {
    margin-right: var(--spacing-scale-5xh) !important;
  }
  .mr-lg-n5xh {
    margin-right: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .mb-lg-5xh {
    margin-bottom: var(--spacing-scale-5xh) !important;
  }
  .mb-lg-n5xh {
    margin-bottom: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .ml-lg-5xh {
    margin-left: var(--spacing-scale-5xh) !important;
  }
  .ml-lg-n5xh {
    margin-left: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .m-lg-n5xh {
    margin: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .mx-lg-n5xh {
    margin-left: calc(var(--spacing-scale-5xh)*-1) !important;
    margin-right: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .my-lg-n5xh {
    margin-bottom: calc(var(--spacing-scale-5xh)*-1) !important;
    margin-top: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .m-lg-6x {
    margin: var(--spacing-scale-6x) !important;
  }
  .mx-lg-6x {
    margin-left: var(--spacing-scale-6x) !important;
    margin-right: var(--spacing-scale-6x) !important;
  }
  .my-lg-6x {
    margin-bottom: var(--spacing-scale-6x) !important;
  }
  .mt-lg-6x,
  .my-lg-6x {
    margin-top: var(--spacing-scale-6x) !important;
  }
  .mt-lg-n6x {
    margin-top: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .mr-lg-6x {
    margin-right: var(--spacing-scale-6x) !important;
  }
  .mr-lg-n6x {
    margin-right: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .mb-lg-6x {
    margin-bottom: var(--spacing-scale-6x) !important;
  }
  .mb-lg-n6x {
    margin-bottom: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .ml-lg-6x {
    margin-left: var(--spacing-scale-6x) !important;
  }
  .ml-lg-n6x {
    margin-left: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .m-lg-n6x {
    margin: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .mx-lg-n6x {
    margin-left: calc(var(--spacing-scale-6x)*-1) !important;
    margin-right: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .my-lg-n6x {
    margin-bottom: calc(var(--spacing-scale-6x)*-1) !important;
    margin-top: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .m-lg-6xh {
    margin: var(--spacing-scale-6xh) !important;
  }
  .mx-lg-6xh {
    margin-left: var(--spacing-scale-6xh) !important;
    margin-right: var(--spacing-scale-6xh) !important;
  }
  .my-lg-6xh {
    margin-bottom: var(--spacing-scale-6xh) !important;
  }
  .mt-lg-6xh,
  .my-lg-6xh {
    margin-top: var(--spacing-scale-6xh) !important;
  }
  .mt-lg-n6xh {
    margin-top: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .mr-lg-6xh {
    margin-right: var(--spacing-scale-6xh) !important;
  }
  .mr-lg-n6xh {
    margin-right: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .mb-lg-6xh {
    margin-bottom: var(--spacing-scale-6xh) !important;
  }
  .mb-lg-n6xh {
    margin-bottom: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .ml-lg-6xh {
    margin-left: var(--spacing-scale-6xh) !important;
  }
  .ml-lg-n6xh {
    margin-left: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .m-lg-n6xh {
    margin: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .mx-lg-n6xh {
    margin-left: calc(var(--spacing-scale-6xh)*-1) !important;
    margin-right: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .my-lg-n6xh {
    margin-bottom: calc(var(--spacing-scale-6xh)*-1) !important;
    margin-top: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .m-lg-7x {
    margin: var(--spacing-scale-7x) !important;
  }
  .mx-lg-7x {
    margin-left: var(--spacing-scale-7x) !important;
    margin-right: var(--spacing-scale-7x) !important;
  }
  .my-lg-7x {
    margin-bottom: var(--spacing-scale-7x) !important;
  }
  .mt-lg-7x,
  .my-lg-7x {
    margin-top: var(--spacing-scale-7x) !important;
  }
  .mt-lg-n7x {
    margin-top: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .mr-lg-7x {
    margin-right: var(--spacing-scale-7x) !important;
  }
  .mr-lg-n7x {
    margin-right: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .mb-lg-7x {
    margin-bottom: var(--spacing-scale-7x) !important;
  }
  .mb-lg-n7x {
    margin-bottom: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .ml-lg-7x {
    margin-left: var(--spacing-scale-7x) !important;
  }
  .ml-lg-n7x {
    margin-left: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .m-lg-n7x {
    margin: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .mx-lg-n7x {
    margin-left: calc(var(--spacing-scale-7x)*-1) !important;
    margin-right: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .my-lg-n7x {
    margin-bottom: calc(var(--spacing-scale-7x)*-1) !important;
    margin-top: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .m-lg-7xh {
    margin: var(--spacing-scale-7xh) !important;
  }
  .mx-lg-7xh {
    margin-left: var(--spacing-scale-7xh) !important;
    margin-right: var(--spacing-scale-7xh) !important;
  }
  .my-lg-7xh {
    margin-bottom: var(--spacing-scale-7xh) !important;
  }
  .mt-lg-7xh,
  .my-lg-7xh {
    margin-top: var(--spacing-scale-7xh) !important;
  }
  .mt-lg-n7xh {
    margin-top: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .mr-lg-7xh {
    margin-right: var(--spacing-scale-7xh) !important;
  }
  .mr-lg-n7xh {
    margin-right: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .mb-lg-7xh {
    margin-bottom: var(--spacing-scale-7xh) !important;
  }
  .mb-lg-n7xh {
    margin-bottom: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .ml-lg-7xh {
    margin-left: var(--spacing-scale-7xh) !important;
  }
  .ml-lg-n7xh {
    margin-left: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .m-lg-n7xh {
    margin: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .mx-lg-n7xh {
    margin-left: calc(var(--spacing-scale-7xh)*-1) !important;
    margin-right: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .my-lg-n7xh {
    margin-bottom: calc(var(--spacing-scale-7xh)*-1) !important;
    margin-top: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .m-lg-8x {
    margin: var(--spacing-scale-8x) !important;
  }
  .mx-lg-8x {
    margin-left: var(--spacing-scale-8x) !important;
    margin-right: var(--spacing-scale-8x) !important;
  }
  .my-lg-8x {
    margin-bottom: var(--spacing-scale-8x) !important;
  }
  .mt-lg-8x,
  .my-lg-8x {
    margin-top: var(--spacing-scale-8x) !important;
  }
  .mt-lg-n8x {
    margin-top: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .mr-lg-8x {
    margin-right: var(--spacing-scale-8x) !important;
  }
  .mr-lg-n8x {
    margin-right: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .mb-lg-8x {
    margin-bottom: var(--spacing-scale-8x) !important;
  }
  .mb-lg-n8x {
    margin-bottom: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .ml-lg-8x {
    margin-left: var(--spacing-scale-8x) !important;
  }
  .ml-lg-n8x {
    margin-left: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .m-lg-n8x {
    margin: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .mx-lg-n8x {
    margin-left: calc(var(--spacing-scale-8x)*-1) !important;
    margin-right: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .my-lg-n8x {
    margin-bottom: calc(var(--spacing-scale-8x)*-1) !important;
    margin-top: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .m-lg-8xh {
    margin: var(--spacing-scale-8xh) !important;
  }
  .mx-lg-8xh {
    margin-left: var(--spacing-scale-8xh) !important;
    margin-right: var(--spacing-scale-8xh) !important;
  }
  .my-lg-8xh {
    margin-bottom: var(--spacing-scale-8xh) !important;
  }
  .mt-lg-8xh,
  .my-lg-8xh {
    margin-top: var(--spacing-scale-8xh) !important;
  }
  .mt-lg-n8xh {
    margin-top: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .mr-lg-8xh {
    margin-right: var(--spacing-scale-8xh) !important;
  }
  .mr-lg-n8xh {
    margin-right: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .mb-lg-8xh {
    margin-bottom: var(--spacing-scale-8xh) !important;
  }
  .mb-lg-n8xh {
    margin-bottom: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .ml-lg-8xh {
    margin-left: var(--spacing-scale-8xh) !important;
  }
  .ml-lg-n8xh {
    margin-left: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .m-lg-n8xh {
    margin: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .mx-lg-n8xh {
    margin-left: calc(var(--spacing-scale-8xh)*-1) !important;
    margin-right: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .my-lg-n8xh {
    margin-bottom: calc(var(--spacing-scale-8xh)*-1) !important;
    margin-top: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .m-lg-9x {
    margin: var(--spacing-scale-9x) !important;
  }
  .mx-lg-9x {
    margin-left: var(--spacing-scale-9x) !important;
    margin-right: var(--spacing-scale-9x) !important;
  }
  .my-lg-9x {
    margin-bottom: var(--spacing-scale-9x) !important;
  }
  .mt-lg-9x,
  .my-lg-9x {
    margin-top: var(--spacing-scale-9x) !important;
  }
  .mt-lg-n9x {
    margin-top: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .mr-lg-9x {
    margin-right: var(--spacing-scale-9x) !important;
  }
  .mr-lg-n9x {
    margin-right: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .mb-lg-9x {
    margin-bottom: var(--spacing-scale-9x) !important;
  }
  .mb-lg-n9x {
    margin-bottom: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .ml-lg-9x {
    margin-left: var(--spacing-scale-9x) !important;
  }
  .ml-lg-n9x {
    margin-left: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .m-lg-n9x {
    margin: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .mx-lg-n9x {
    margin-left: calc(var(--spacing-scale-9x)*-1) !important;
    margin-right: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .my-lg-n9x {
    margin-bottom: calc(var(--spacing-scale-9x)*-1) !important;
    margin-top: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .m-lg-9xh {
    margin: var(--spacing-scale-9xh) !important;
  }
  .mx-lg-9xh {
    margin-left: var(--spacing-scale-9xh) !important;
    margin-right: var(--spacing-scale-9xh) !important;
  }
  .my-lg-9xh {
    margin-bottom: var(--spacing-scale-9xh) !important;
  }
  .mt-lg-9xh,
  .my-lg-9xh {
    margin-top: var(--spacing-scale-9xh) !important;
  }
  .mt-lg-n9xh {
    margin-top: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .mr-lg-9xh {
    margin-right: var(--spacing-scale-9xh) !important;
  }
  .mr-lg-n9xh {
    margin-right: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .mb-lg-9xh {
    margin-bottom: var(--spacing-scale-9xh) !important;
  }
  .mb-lg-n9xh {
    margin-bottom: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .ml-lg-9xh {
    margin-left: var(--spacing-scale-9xh) !important;
  }
  .ml-lg-n9xh {
    margin-left: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .m-lg-n9xh {
    margin: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .mx-lg-n9xh {
    margin-left: calc(var(--spacing-scale-9xh)*-1) !important;
    margin-right: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .my-lg-n9xh {
    margin-bottom: calc(var(--spacing-scale-9xh)*-1) !important;
    margin-top: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .m-lg-10x {
    margin: var(--spacing-scale-10x) !important;
  }
  .mx-lg-10x {
    margin-left: var(--spacing-scale-10x) !important;
    margin-right: var(--spacing-scale-10x) !important;
  }
  .my-lg-10x {
    margin-bottom: var(--spacing-scale-10x) !important;
  }
  .mt-lg-10x,
  .my-lg-10x {
    margin-top: var(--spacing-scale-10x) !important;
  }
  .mt-lg-n10x {
    margin-top: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .mr-lg-10x {
    margin-right: var(--spacing-scale-10x) !important;
  }
  .mr-lg-n10x {
    margin-right: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .mb-lg-10x {
    margin-bottom: var(--spacing-scale-10x) !important;
  }
  .mb-lg-n10x {
    margin-bottom: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .ml-lg-10x {
    margin-left: var(--spacing-scale-10x) !important;
  }
  .ml-lg-n10x {
    margin-left: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .m-lg-n10x {
    margin: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .mx-lg-n10x {
    margin-left: calc(var(--spacing-scale-10x)*-1) !important;
    margin-right: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .my-lg-n10x {
    margin-bottom: calc(var(--spacing-scale-10x)*-1) !important;
    margin-top: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .m-lg-10xh {
    margin: var(--spacing-scale-10xh) !important;
  }
  .mx-lg-10xh {
    margin-left: var(--spacing-scale-10xh) !important;
    margin-right: var(--spacing-scale-10xh) !important;
  }
  .my-lg-10xh {
    margin-bottom: var(--spacing-scale-10xh) !important;
  }
  .mt-lg-10xh,
  .my-lg-10xh {
    margin-top: var(--spacing-scale-10xh) !important;
  }
  .mt-lg-n10xh {
    margin-top: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .mr-lg-10xh {
    margin-right: var(--spacing-scale-10xh) !important;
  }
  .mr-lg-n10xh {
    margin-right: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .mb-lg-10xh {
    margin-bottom: var(--spacing-scale-10xh) !important;
  }
  .mb-lg-n10xh {
    margin-bottom: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .ml-lg-10xh {
    margin-left: var(--spacing-scale-10xh) !important;
  }
  .ml-lg-n10xh {
    margin-left: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .m-lg-n10xh {
    margin: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .mx-lg-n10xh {
    margin-left: calc(var(--spacing-scale-10xh)*-1) !important;
    margin-right: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .my-lg-n10xh {
    margin-bottom: calc(var(--spacing-scale-10xh)*-1) !important;
    margin-top: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: var(--spacing-scale-default) !important;
  }
  .px-lg-0 {
    padding-left: var(--spacing-scale-default) !important;
    padding-right: var(--spacing-scale-default) !important;
  }
  .py-lg-0 {
    padding-bottom: var(--spacing-scale-default) !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: var(--spacing-scale-default) !important;
  }
  .pr-lg-0 {
    padding-right: var(--spacing-scale-default) !important;
  }
  .pb-lg-0 {
    padding-bottom: var(--spacing-scale-default) !important;
  }
  .pl-lg-0 {
    padding-left: var(--spacing-scale-default) !important;
  }
  .p-lg-half {
    padding: var(--spacing-scale-half) !important;
  }
  .px-lg-half {
    padding-left: var(--spacing-scale-half) !important;
    padding-right: var(--spacing-scale-half) !important;
  }
  .py-lg-half {
    padding-bottom: var(--spacing-scale-half) !important;
  }
  .pt-lg-half,
  .py-lg-half {
    padding-top: var(--spacing-scale-half) !important;
  }
  .pt-lg-nhalf {
    padding-top: calc(var(--spacing-scale-half)*-1) !important;
  }
  .pr-lg-half {
    padding-right: var(--spacing-scale-half) !important;
  }
  .pr-lg-nhalf {
    padding-right: calc(var(--spacing-scale-half)*-1) !important;
  }
  .pb-lg-half {
    padding-bottom: var(--spacing-scale-half) !important;
  }
  .pb-lg-nhalf {
    padding-bottom: calc(var(--spacing-scale-half)*-1) !important;
  }
  .pl-lg-half {
    padding-left: var(--spacing-scale-half) !important;
  }
  .pl-lg-nhalf {
    padding-left: calc(var(--spacing-scale-half)*-1) !important;
  }
  .p-lg-nhalf {
    padding: calc(var(--spacing-scale-half)*-1) !important;
  }
  .px-lg-nhalf {
    padding-left: calc(var(--spacing-scale-half)*-1) !important;
    padding-right: calc(var(--spacing-scale-half)*-1) !important;
  }
  .py-lg-nhalf {
    padding-bottom: calc(var(--spacing-scale-half)*-1) !important;
    padding-top: calc(var(--spacing-scale-half)*-1) !important;
  }
  .p-lg-base {
    padding: var(--spacing-scale-base) !important;
  }
  .px-lg-base {
    padding-left: var(--spacing-scale-base) !important;
    padding-right: var(--spacing-scale-base) !important;
  }
  .py-lg-base {
    padding-bottom: var(--spacing-scale-base) !important;
  }
  .pt-lg-base,
  .py-lg-base {
    padding-top: var(--spacing-scale-base) !important;
  }
  .pt-lg-nbase {
    padding-top: calc(var(--spacing-scale-base)*-1) !important;
  }
  .pr-lg-base {
    padding-right: var(--spacing-scale-base) !important;
  }
  .pr-lg-nbase {
    padding-right: calc(var(--spacing-scale-base)*-1) !important;
  }
  .pb-lg-base {
    padding-bottom: var(--spacing-scale-base) !important;
  }
  .pb-lg-nbase {
    padding-bottom: calc(var(--spacing-scale-base)*-1) !important;
  }
  .pl-lg-base {
    padding-left: var(--spacing-scale-base) !important;
  }
  .pl-lg-nbase {
    padding-left: calc(var(--spacing-scale-base)*-1) !important;
  }
  .p-lg-nbase {
    padding: calc(var(--spacing-scale-base)*-1) !important;
  }
  .px-lg-nbase {
    padding-left: calc(var(--spacing-scale-base)*-1) !important;
    padding-right: calc(var(--spacing-scale-base)*-1) !important;
  }
  .py-lg-nbase {
    padding-bottom: calc(var(--spacing-scale-base)*-1) !important;
    padding-top: calc(var(--spacing-scale-base)*-1) !important;
  }
  .p-lg-baseh {
    padding: var(--spacing-scale-baseh) !important;
  }
  .px-lg-baseh {
    padding-left: var(--spacing-scale-baseh) !important;
    padding-right: var(--spacing-scale-baseh) !important;
  }
  .py-lg-baseh {
    padding-bottom: var(--spacing-scale-baseh) !important;
  }
  .pt-lg-baseh,
  .py-lg-baseh {
    padding-top: var(--spacing-scale-baseh) !important;
  }
  .pt-lg-nbaseh {
    padding-top: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .pr-lg-baseh {
    padding-right: var(--spacing-scale-baseh) !important;
  }
  .pr-lg-nbaseh {
    padding-right: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .pb-lg-baseh {
    padding-bottom: var(--spacing-scale-baseh) !important;
  }
  .pb-lg-nbaseh {
    padding-bottom: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .pl-lg-baseh {
    padding-left: var(--spacing-scale-baseh) !important;
  }
  .pl-lg-nbaseh {
    padding-left: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .p-lg-nbaseh {
    padding: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .px-lg-nbaseh {
    padding-left: calc(var(--spacing-scale-baseh)*-1) !important;
    padding-right: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .py-lg-nbaseh {
    padding-bottom: calc(var(--spacing-scale-baseh)*-1) !important;
    padding-top: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .p-lg-1 {
    padding: var(--spacing-scale-half) !important;
  }
  .px-lg-1 {
    padding-left: var(--spacing-scale-half) !important;
    padding-right: var(--spacing-scale-half) !important;
  }
  .py-lg-1 {
    padding-bottom: var(--spacing-scale-half) !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: var(--spacing-scale-half) !important;
  }
  .pt-lg-n1 {
    padding-top: calc(var(--spacing-scale-half)*-1) !important;
  }
  .pr-lg-1 {
    padding-right: var(--spacing-scale-half) !important;
  }
  .pr-lg-n1 {
    padding-right: calc(var(--spacing-scale-half)*-1) !important;
  }
  .pb-lg-1 {
    padding-bottom: var(--spacing-scale-half) !important;
  }
  .pb-lg-n1 {
    padding-bottom: calc(var(--spacing-scale-half)*-1) !important;
  }
  .pl-lg-1 {
    padding-left: var(--spacing-scale-half) !important;
  }
  .pl-lg-n1 {
    padding-left: calc(var(--spacing-scale-half)*-1) !important;
  }
  .p-lg-n1 {
    padding: calc(var(--spacing-scale-half)*-1) !important;
  }
  .px-lg-n1 {
    padding-left: calc(var(--spacing-scale-half)*-1) !important;
    padding-right: calc(var(--spacing-scale-half)*-1) !important;
  }
  .py-lg-n1 {
    padding-bottom: calc(var(--spacing-scale-half)*-1) !important;
    padding-top: calc(var(--spacing-scale-half)*-1) !important;
  }
  .p-lg-2 {
    padding: var(--spacing-scale-base) !important;
  }
  .px-lg-2 {
    padding-left: var(--spacing-scale-base) !important;
    padding-right: var(--spacing-scale-base) !important;
  }
  .py-lg-2 {
    padding-bottom: var(--spacing-scale-base) !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: var(--spacing-scale-base) !important;
  }
  .pt-lg-n2 {
    padding-top: calc(var(--spacing-scale-base)*-1) !important;
  }
  .pr-lg-2 {
    padding-right: var(--spacing-scale-base) !important;
  }
  .pr-lg-n2 {
    padding-right: calc(var(--spacing-scale-base)*-1) !important;
  }
  .pb-lg-2 {
    padding-bottom: var(--spacing-scale-base) !important;
  }
  .pb-lg-n2 {
    padding-bottom: calc(var(--spacing-scale-base)*-1) !important;
  }
  .pl-lg-2 {
    padding-left: var(--spacing-scale-base) !important;
  }
  .pl-lg-n2 {
    padding-left: calc(var(--spacing-scale-base)*-1) !important;
  }
  .p-lg-n2 {
    padding: calc(var(--spacing-scale-base)*-1) !important;
  }
  .px-lg-n2 {
    padding-left: calc(var(--spacing-scale-base)*-1) !important;
    padding-right: calc(var(--spacing-scale-base)*-1) !important;
  }
  .py-lg-n2 {
    padding-bottom: calc(var(--spacing-scale-base)*-1) !important;
    padding-top: calc(var(--spacing-scale-base)*-1) !important;
  }
  .p-lg-3 {
    padding: var(--spacing-scale-2x) !important;
  }
  .px-lg-3 {
    padding-left: var(--spacing-scale-2x) !important;
    padding-right: var(--spacing-scale-2x) !important;
  }
  .py-lg-3 {
    padding-bottom: var(--spacing-scale-2x) !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: var(--spacing-scale-2x) !important;
  }
  .pt-lg-n3 {
    padding-top: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .pr-lg-3 {
    padding-right: var(--spacing-scale-2x) !important;
  }
  .pr-lg-n3 {
    padding-right: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .pb-lg-3 {
    padding-bottom: var(--spacing-scale-2x) !important;
  }
  .pb-lg-n3 {
    padding-bottom: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .pl-lg-3 {
    padding-left: var(--spacing-scale-2x) !important;
  }
  .pl-lg-n3 {
    padding-left: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .p-lg-n3 {
    padding: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .px-lg-n3 {
    padding-left: calc(var(--spacing-scale-2x)*-1) !important;
    padding-right: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .py-lg-n3 {
    padding-bottom: calc(var(--spacing-scale-2x)*-1) !important;
    padding-top: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .p-lg-4 {
    padding: var(--spacing-scale-3x) !important;
  }
  .px-lg-4 {
    padding-left: var(--spacing-scale-3x) !important;
    padding-right: var(--spacing-scale-3x) !important;
  }
  .py-lg-4 {
    padding-bottom: var(--spacing-scale-3x) !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: var(--spacing-scale-3x) !important;
  }
  .pt-lg-n4 {
    padding-top: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .pr-lg-4 {
    padding-right: var(--spacing-scale-3x) !important;
  }
  .pr-lg-n4 {
    padding-right: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .pb-lg-4 {
    padding-bottom: var(--spacing-scale-3x) !important;
  }
  .pb-lg-n4 {
    padding-bottom: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .pl-lg-4 {
    padding-left: var(--spacing-scale-3x) !important;
  }
  .pl-lg-n4 {
    padding-left: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .p-lg-n4 {
    padding: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .px-lg-n4 {
    padding-left: calc(var(--spacing-scale-3x)*-1) !important;
    padding-right: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .py-lg-n4 {
    padding-bottom: calc(var(--spacing-scale-3x)*-1) !important;
    padding-top: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .p-lg-5 {
    padding: var(--spacing-scale-4x) !important;
  }
  .px-lg-5 {
    padding-left: var(--spacing-scale-4x) !important;
    padding-right: var(--spacing-scale-4x) !important;
  }
  .py-lg-5 {
    padding-bottom: var(--spacing-scale-4x) !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: var(--spacing-scale-4x) !important;
  }
  .pt-lg-n5 {
    padding-top: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .pr-lg-5 {
    padding-right: var(--spacing-scale-4x) !important;
  }
  .pr-lg-n5 {
    padding-right: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .pb-lg-5 {
    padding-bottom: var(--spacing-scale-4x) !important;
  }
  .pb-lg-n5 {
    padding-bottom: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .pl-lg-5 {
    padding-left: var(--spacing-scale-4x) !important;
  }
  .pl-lg-n5 {
    padding-left: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .p-lg-n5 {
    padding: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .px-lg-n5 {
    padding-left: calc(var(--spacing-scale-4x)*-1) !important;
    padding-right: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .py-lg-n5 {
    padding-bottom: calc(var(--spacing-scale-4x)*-1) !important;
    padding-top: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .p-lg-6 {
    padding: var(--spacing-scale-5x) !important;
  }
  .px-lg-6 {
    padding-left: var(--spacing-scale-5x) !important;
    padding-right: var(--spacing-scale-5x) !important;
  }
  .py-lg-6 {
    padding-bottom: var(--spacing-scale-5x) !important;
  }
  .pt-lg-6,
  .py-lg-6 {
    padding-top: var(--spacing-scale-5x) !important;
  }
  .pt-lg-n6 {
    padding-top: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .pr-lg-6 {
    padding-right: var(--spacing-scale-5x) !important;
  }
  .pr-lg-n6 {
    padding-right: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .pb-lg-6 {
    padding-bottom: var(--spacing-scale-5x) !important;
  }
  .pb-lg-n6 {
    padding-bottom: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .pl-lg-6 {
    padding-left: var(--spacing-scale-5x) !important;
  }
  .pl-lg-n6 {
    padding-left: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .p-lg-n6 {
    padding: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .px-lg-n6 {
    padding-left: calc(var(--spacing-scale-5x)*-1) !important;
    padding-right: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .py-lg-n6 {
    padding-bottom: calc(var(--spacing-scale-5x)*-1) !important;
    padding-top: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .p-lg-2x {
    padding: var(--spacing-scale-2x) !important;
  }
  .px-lg-2x {
    padding-left: var(--spacing-scale-2x) !important;
    padding-right: var(--spacing-scale-2x) !important;
  }
  .py-lg-2x {
    padding-bottom: var(--spacing-scale-2x) !important;
  }
  .pt-lg-2x,
  .py-lg-2x {
    padding-top: var(--spacing-scale-2x) !important;
  }
  .pt-lg-n2x {
    padding-top: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .pr-lg-2x {
    padding-right: var(--spacing-scale-2x) !important;
  }
  .pr-lg-n2x {
    padding-right: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .pb-lg-2x {
    padding-bottom: var(--spacing-scale-2x) !important;
  }
  .pb-lg-n2x {
    padding-bottom: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .pl-lg-2x {
    padding-left: var(--spacing-scale-2x) !important;
  }
  .pl-lg-n2x {
    padding-left: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .p-lg-n2x {
    padding: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .px-lg-n2x {
    padding-left: calc(var(--spacing-scale-2x)*-1) !important;
    padding-right: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .py-lg-n2x {
    padding-bottom: calc(var(--spacing-scale-2x)*-1) !important;
    padding-top: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .p-lg-2xh {
    padding: var(--spacing-scale-2xh) !important;
  }
  .px-lg-2xh {
    padding-left: var(--spacing-scale-2xh) !important;
    padding-right: var(--spacing-scale-2xh) !important;
  }
  .py-lg-2xh {
    padding-bottom: var(--spacing-scale-2xh) !important;
  }
  .pt-lg-2xh,
  .py-lg-2xh {
    padding-top: var(--spacing-scale-2xh) !important;
  }
  .pt-lg-n2xh {
    padding-top: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .pr-lg-2xh {
    padding-right: var(--spacing-scale-2xh) !important;
  }
  .pr-lg-n2xh {
    padding-right: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .pb-lg-2xh {
    padding-bottom: var(--spacing-scale-2xh) !important;
  }
  .pb-lg-n2xh {
    padding-bottom: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .pl-lg-2xh {
    padding-left: var(--spacing-scale-2xh) !important;
  }
  .pl-lg-n2xh {
    padding-left: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .p-lg-n2xh {
    padding: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .px-lg-n2xh {
    padding-left: calc(var(--spacing-scale-2xh)*-1) !important;
    padding-right: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .py-lg-n2xh {
    padding-bottom: calc(var(--spacing-scale-2xh)*-1) !important;
    padding-top: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .p-lg-3x {
    padding: var(--spacing-scale-3x) !important;
  }
  .px-lg-3x {
    padding-left: var(--spacing-scale-3x) !important;
    padding-right: var(--spacing-scale-3x) !important;
  }
  .py-lg-3x {
    padding-bottom: var(--spacing-scale-3x) !important;
  }
  .pt-lg-3x,
  .py-lg-3x {
    padding-top: var(--spacing-scale-3x) !important;
  }
  .pt-lg-n3x {
    padding-top: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .pr-lg-3x {
    padding-right: var(--spacing-scale-3x) !important;
  }
  .pr-lg-n3x {
    padding-right: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .pb-lg-3x {
    padding-bottom: var(--spacing-scale-3x) !important;
  }
  .pb-lg-n3x {
    padding-bottom: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .pl-lg-3x {
    padding-left: var(--spacing-scale-3x) !important;
  }
  .pl-lg-n3x {
    padding-left: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .p-lg-n3x {
    padding: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .px-lg-n3x {
    padding-left: calc(var(--spacing-scale-3x)*-1) !important;
    padding-right: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .py-lg-n3x {
    padding-bottom: calc(var(--spacing-scale-3x)*-1) !important;
    padding-top: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .p-lg-3xh {
    padding: var(--spacing-scale-3xh) !important;
  }
  .px-lg-3xh {
    padding-left: var(--spacing-scale-3xh) !important;
    padding-right: var(--spacing-scale-3xh) !important;
  }
  .py-lg-3xh {
    padding-bottom: var(--spacing-scale-3xh) !important;
  }
  .pt-lg-3xh,
  .py-lg-3xh {
    padding-top: var(--spacing-scale-3xh) !important;
  }
  .pt-lg-n3xh {
    padding-top: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .pr-lg-3xh {
    padding-right: var(--spacing-scale-3xh) !important;
  }
  .pr-lg-n3xh {
    padding-right: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .pb-lg-3xh {
    padding-bottom: var(--spacing-scale-3xh) !important;
  }
  .pb-lg-n3xh {
    padding-bottom: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .pl-lg-3xh {
    padding-left: var(--spacing-scale-3xh) !important;
  }
  .pl-lg-n3xh {
    padding-left: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .p-lg-n3xh {
    padding: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .px-lg-n3xh {
    padding-left: calc(var(--spacing-scale-3xh)*-1) !important;
    padding-right: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .py-lg-n3xh {
    padding-bottom: calc(var(--spacing-scale-3xh)*-1) !important;
    padding-top: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .p-lg-4x {
    padding: var(--spacing-scale-4x) !important;
  }
  .px-lg-4x {
    padding-left: var(--spacing-scale-4x) !important;
    padding-right: var(--spacing-scale-4x) !important;
  }
  .py-lg-4x {
    padding-bottom: var(--spacing-scale-4x) !important;
  }
  .pt-lg-4x,
  .py-lg-4x {
    padding-top: var(--spacing-scale-4x) !important;
  }
  .pt-lg-n4x {
    padding-top: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .pr-lg-4x {
    padding-right: var(--spacing-scale-4x) !important;
  }
  .pr-lg-n4x {
    padding-right: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .pb-lg-4x {
    padding-bottom: var(--spacing-scale-4x) !important;
  }
  .pb-lg-n4x {
    padding-bottom: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .pl-lg-4x {
    padding-left: var(--spacing-scale-4x) !important;
  }
  .pl-lg-n4x {
    padding-left: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .p-lg-n4x {
    padding: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .px-lg-n4x {
    padding-left: calc(var(--spacing-scale-4x)*-1) !important;
    padding-right: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .py-lg-n4x {
    padding-bottom: calc(var(--spacing-scale-4x)*-1) !important;
    padding-top: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .p-lg-4xh {
    padding: var(--spacing-scale-4xh) !important;
  }
  .px-lg-4xh {
    padding-left: var(--spacing-scale-4xh) !important;
    padding-right: var(--spacing-scale-4xh) !important;
  }
  .py-lg-4xh {
    padding-bottom: var(--spacing-scale-4xh) !important;
  }
  .pt-lg-4xh,
  .py-lg-4xh {
    padding-top: var(--spacing-scale-4xh) !important;
  }
  .pt-lg-n4xh {
    padding-top: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .pr-lg-4xh {
    padding-right: var(--spacing-scale-4xh) !important;
  }
  .pr-lg-n4xh {
    padding-right: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .pb-lg-4xh {
    padding-bottom: var(--spacing-scale-4xh) !important;
  }
  .pb-lg-n4xh {
    padding-bottom: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .pl-lg-4xh {
    padding-left: var(--spacing-scale-4xh) !important;
  }
  .pl-lg-n4xh {
    padding-left: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .p-lg-n4xh {
    padding: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .px-lg-n4xh {
    padding-left: calc(var(--spacing-scale-4xh)*-1) !important;
    padding-right: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .py-lg-n4xh {
    padding-bottom: calc(var(--spacing-scale-4xh)*-1) !important;
    padding-top: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .p-lg-5x {
    padding: var(--spacing-scale-5x) !important;
  }
  .px-lg-5x {
    padding-left: var(--spacing-scale-5x) !important;
    padding-right: var(--spacing-scale-5x) !important;
  }
  .py-lg-5x {
    padding-bottom: var(--spacing-scale-5x) !important;
  }
  .pt-lg-5x,
  .py-lg-5x {
    padding-top: var(--spacing-scale-5x) !important;
  }
  .pt-lg-n5x {
    padding-top: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .pr-lg-5x {
    padding-right: var(--spacing-scale-5x) !important;
  }
  .pr-lg-n5x {
    padding-right: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .pb-lg-5x {
    padding-bottom: var(--spacing-scale-5x) !important;
  }
  .pb-lg-n5x {
    padding-bottom: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .pl-lg-5x {
    padding-left: var(--spacing-scale-5x) !important;
  }
  .pl-lg-n5x {
    padding-left: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .p-lg-n5x {
    padding: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .px-lg-n5x {
    padding-left: calc(var(--spacing-scale-5x)*-1) !important;
    padding-right: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .py-lg-n5x {
    padding-bottom: calc(var(--spacing-scale-5x)*-1) !important;
    padding-top: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .p-lg-5xh {
    padding: var(--spacing-scale-5xh) !important;
  }
  .px-lg-5xh {
    padding-left: var(--spacing-scale-5xh) !important;
    padding-right: var(--spacing-scale-5xh) !important;
  }
  .py-lg-5xh {
    padding-bottom: var(--spacing-scale-5xh) !important;
  }
  .pt-lg-5xh,
  .py-lg-5xh {
    padding-top: var(--spacing-scale-5xh) !important;
  }
  .pt-lg-n5xh {
    padding-top: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .pr-lg-5xh {
    padding-right: var(--spacing-scale-5xh) !important;
  }
  .pr-lg-n5xh {
    padding-right: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .pb-lg-5xh {
    padding-bottom: var(--spacing-scale-5xh) !important;
  }
  .pb-lg-n5xh {
    padding-bottom: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .pl-lg-5xh {
    padding-left: var(--spacing-scale-5xh) !important;
  }
  .pl-lg-n5xh {
    padding-left: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .p-lg-n5xh {
    padding: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .px-lg-n5xh {
    padding-left: calc(var(--spacing-scale-5xh)*-1) !important;
    padding-right: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .py-lg-n5xh {
    padding-bottom: calc(var(--spacing-scale-5xh)*-1) !important;
    padding-top: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .p-lg-6x {
    padding: var(--spacing-scale-6x) !important;
  }
  .px-lg-6x {
    padding-left: var(--spacing-scale-6x) !important;
    padding-right: var(--spacing-scale-6x) !important;
  }
  .py-lg-6x {
    padding-bottom: var(--spacing-scale-6x) !important;
  }
  .pt-lg-6x,
  .py-lg-6x {
    padding-top: var(--spacing-scale-6x) !important;
  }
  .pt-lg-n6x {
    padding-top: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .pr-lg-6x {
    padding-right: var(--spacing-scale-6x) !important;
  }
  .pr-lg-n6x {
    padding-right: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .pb-lg-6x {
    padding-bottom: var(--spacing-scale-6x) !important;
  }
  .pb-lg-n6x {
    padding-bottom: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .pl-lg-6x {
    padding-left: var(--spacing-scale-6x) !important;
  }
  .pl-lg-n6x {
    padding-left: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .p-lg-n6x {
    padding: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .px-lg-n6x {
    padding-left: calc(var(--spacing-scale-6x)*-1) !important;
    padding-right: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .py-lg-n6x {
    padding-bottom: calc(var(--spacing-scale-6x)*-1) !important;
    padding-top: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .p-lg-6xh {
    padding: var(--spacing-scale-6xh) !important;
  }
  .px-lg-6xh {
    padding-left: var(--spacing-scale-6xh) !important;
    padding-right: var(--spacing-scale-6xh) !important;
  }
  .py-lg-6xh {
    padding-bottom: var(--spacing-scale-6xh) !important;
  }
  .pt-lg-6xh,
  .py-lg-6xh {
    padding-top: var(--spacing-scale-6xh) !important;
  }
  .pt-lg-n6xh {
    padding-top: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .pr-lg-6xh {
    padding-right: var(--spacing-scale-6xh) !important;
  }
  .pr-lg-n6xh {
    padding-right: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .pb-lg-6xh {
    padding-bottom: var(--spacing-scale-6xh) !important;
  }
  .pb-lg-n6xh {
    padding-bottom: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .pl-lg-6xh {
    padding-left: var(--spacing-scale-6xh) !important;
  }
  .pl-lg-n6xh {
    padding-left: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .p-lg-n6xh {
    padding: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .px-lg-n6xh {
    padding-left: calc(var(--spacing-scale-6xh)*-1) !important;
    padding-right: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .py-lg-n6xh {
    padding-bottom: calc(var(--spacing-scale-6xh)*-1) !important;
    padding-top: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .p-lg-7x {
    padding: var(--spacing-scale-7x) !important;
  }
  .px-lg-7x {
    padding-left: var(--spacing-scale-7x) !important;
    padding-right: var(--spacing-scale-7x) !important;
  }
  .py-lg-7x {
    padding-bottom: var(--spacing-scale-7x) !important;
  }
  .pt-lg-7x,
  .py-lg-7x {
    padding-top: var(--spacing-scale-7x) !important;
  }
  .pt-lg-n7x {
    padding-top: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .pr-lg-7x {
    padding-right: var(--spacing-scale-7x) !important;
  }
  .pr-lg-n7x {
    padding-right: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .pb-lg-7x {
    padding-bottom: var(--spacing-scale-7x) !important;
  }
  .pb-lg-n7x {
    padding-bottom: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .pl-lg-7x {
    padding-left: var(--spacing-scale-7x) !important;
  }
  .pl-lg-n7x {
    padding-left: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .p-lg-n7x {
    padding: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .px-lg-n7x {
    padding-left: calc(var(--spacing-scale-7x)*-1) !important;
    padding-right: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .py-lg-n7x {
    padding-bottom: calc(var(--spacing-scale-7x)*-1) !important;
    padding-top: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .p-lg-7xh {
    padding: var(--spacing-scale-7xh) !important;
  }
  .px-lg-7xh {
    padding-left: var(--spacing-scale-7xh) !important;
    padding-right: var(--spacing-scale-7xh) !important;
  }
  .py-lg-7xh {
    padding-bottom: var(--spacing-scale-7xh) !important;
  }
  .pt-lg-7xh,
  .py-lg-7xh {
    padding-top: var(--spacing-scale-7xh) !important;
  }
  .pt-lg-n7xh {
    padding-top: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .pr-lg-7xh {
    padding-right: var(--spacing-scale-7xh) !important;
  }
  .pr-lg-n7xh {
    padding-right: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .pb-lg-7xh {
    padding-bottom: var(--spacing-scale-7xh) !important;
  }
  .pb-lg-n7xh {
    padding-bottom: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .pl-lg-7xh {
    padding-left: var(--spacing-scale-7xh) !important;
  }
  .pl-lg-n7xh {
    padding-left: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .p-lg-n7xh {
    padding: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .px-lg-n7xh {
    padding-left: calc(var(--spacing-scale-7xh)*-1) !important;
    padding-right: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .py-lg-n7xh {
    padding-bottom: calc(var(--spacing-scale-7xh)*-1) !important;
    padding-top: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .p-lg-8x {
    padding: var(--spacing-scale-8x) !important;
  }
  .px-lg-8x {
    padding-left: var(--spacing-scale-8x) !important;
    padding-right: var(--spacing-scale-8x) !important;
  }
  .py-lg-8x {
    padding-bottom: var(--spacing-scale-8x) !important;
  }
  .pt-lg-8x,
  .py-lg-8x {
    padding-top: var(--spacing-scale-8x) !important;
  }
  .pt-lg-n8x {
    padding-top: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .pr-lg-8x {
    padding-right: var(--spacing-scale-8x) !important;
  }
  .pr-lg-n8x {
    padding-right: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .pb-lg-8x {
    padding-bottom: var(--spacing-scale-8x) !important;
  }
  .pb-lg-n8x {
    padding-bottom: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .pl-lg-8x {
    padding-left: var(--spacing-scale-8x) !important;
  }
  .pl-lg-n8x {
    padding-left: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .p-lg-n8x {
    padding: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .px-lg-n8x {
    padding-left: calc(var(--spacing-scale-8x)*-1) !important;
    padding-right: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .py-lg-n8x {
    padding-bottom: calc(var(--spacing-scale-8x)*-1) !important;
    padding-top: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .p-lg-8xh {
    padding: var(--spacing-scale-8xh) !important;
  }
  .px-lg-8xh {
    padding-left: var(--spacing-scale-8xh) !important;
    padding-right: var(--spacing-scale-8xh) !important;
  }
  .py-lg-8xh {
    padding-bottom: var(--spacing-scale-8xh) !important;
  }
  .pt-lg-8xh,
  .py-lg-8xh {
    padding-top: var(--spacing-scale-8xh) !important;
  }
  .pt-lg-n8xh {
    padding-top: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .pr-lg-8xh {
    padding-right: var(--spacing-scale-8xh) !important;
  }
  .pr-lg-n8xh {
    padding-right: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .pb-lg-8xh {
    padding-bottom: var(--spacing-scale-8xh) !important;
  }
  .pb-lg-n8xh {
    padding-bottom: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .pl-lg-8xh {
    padding-left: var(--spacing-scale-8xh) !important;
  }
  .pl-lg-n8xh {
    padding-left: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .p-lg-n8xh {
    padding: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .px-lg-n8xh {
    padding-left: calc(var(--spacing-scale-8xh)*-1) !important;
    padding-right: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .py-lg-n8xh {
    padding-bottom: calc(var(--spacing-scale-8xh)*-1) !important;
    padding-top: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .p-lg-9x {
    padding: var(--spacing-scale-9x) !important;
  }
  .px-lg-9x {
    padding-left: var(--spacing-scale-9x) !important;
    padding-right: var(--spacing-scale-9x) !important;
  }
  .py-lg-9x {
    padding-bottom: var(--spacing-scale-9x) !important;
  }
  .pt-lg-9x,
  .py-lg-9x {
    padding-top: var(--spacing-scale-9x) !important;
  }
  .pt-lg-n9x {
    padding-top: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .pr-lg-9x {
    padding-right: var(--spacing-scale-9x) !important;
  }
  .pr-lg-n9x {
    padding-right: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .pb-lg-9x {
    padding-bottom: var(--spacing-scale-9x) !important;
  }
  .pb-lg-n9x {
    padding-bottom: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .pl-lg-9x {
    padding-left: var(--spacing-scale-9x) !important;
  }
  .pl-lg-n9x {
    padding-left: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .p-lg-n9x {
    padding: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .px-lg-n9x {
    padding-left: calc(var(--spacing-scale-9x)*-1) !important;
    padding-right: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .py-lg-n9x {
    padding-bottom: calc(var(--spacing-scale-9x)*-1) !important;
    padding-top: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .p-lg-9xh {
    padding: var(--spacing-scale-9xh) !important;
  }
  .px-lg-9xh {
    padding-left: var(--spacing-scale-9xh) !important;
    padding-right: var(--spacing-scale-9xh) !important;
  }
  .py-lg-9xh {
    padding-bottom: var(--spacing-scale-9xh) !important;
  }
  .pt-lg-9xh,
  .py-lg-9xh {
    padding-top: var(--spacing-scale-9xh) !important;
  }
  .pt-lg-n9xh {
    padding-top: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .pr-lg-9xh {
    padding-right: var(--spacing-scale-9xh) !important;
  }
  .pr-lg-n9xh {
    padding-right: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .pb-lg-9xh {
    padding-bottom: var(--spacing-scale-9xh) !important;
  }
  .pb-lg-n9xh {
    padding-bottom: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .pl-lg-9xh {
    padding-left: var(--spacing-scale-9xh) !important;
  }
  .pl-lg-n9xh {
    padding-left: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .p-lg-n9xh {
    padding: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .px-lg-n9xh {
    padding-left: calc(var(--spacing-scale-9xh)*-1) !important;
    padding-right: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .py-lg-n9xh {
    padding-bottom: calc(var(--spacing-scale-9xh)*-1) !important;
    padding-top: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .p-lg-10x {
    padding: var(--spacing-scale-10x) !important;
  }
  .px-lg-10x {
    padding-left: var(--spacing-scale-10x) !important;
    padding-right: var(--spacing-scale-10x) !important;
  }
  .py-lg-10x {
    padding-bottom: var(--spacing-scale-10x) !important;
  }
  .pt-lg-10x,
  .py-lg-10x {
    padding-top: var(--spacing-scale-10x) !important;
  }
  .pt-lg-n10x {
    padding-top: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .pr-lg-10x {
    padding-right: var(--spacing-scale-10x) !important;
  }
  .pr-lg-n10x {
    padding-right: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .pb-lg-10x {
    padding-bottom: var(--spacing-scale-10x) !important;
  }
  .pb-lg-n10x {
    padding-bottom: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .pl-lg-10x {
    padding-left: var(--spacing-scale-10x) !important;
  }
  .pl-lg-n10x {
    padding-left: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .p-lg-n10x {
    padding: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .px-lg-n10x {
    padding-left: calc(var(--spacing-scale-10x)*-1) !important;
    padding-right: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .py-lg-n10x {
    padding-bottom: calc(var(--spacing-scale-10x)*-1) !important;
    padding-top: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .p-lg-10xh {
    padding: var(--spacing-scale-10xh) !important;
  }
  .px-lg-10xh {
    padding-left: var(--spacing-scale-10xh) !important;
    padding-right: var(--spacing-scale-10xh) !important;
  }
  .py-lg-10xh {
    padding-bottom: var(--spacing-scale-10xh) !important;
  }
  .pt-lg-10xh,
  .py-lg-10xh {
    padding-top: var(--spacing-scale-10xh) !important;
  }
  .pt-lg-n10xh {
    padding-top: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .pr-lg-10xh {
    padding-right: var(--spacing-scale-10xh) !important;
  }
  .pr-lg-n10xh {
    padding-right: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .pb-lg-10xh {
    padding-bottom: var(--spacing-scale-10xh) !important;
  }
  .pb-lg-n10xh {
    padding-bottom: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .pl-lg-10xh {
    padding-left: var(--spacing-scale-10xh) !important;
  }
  .pl-lg-n10xh {
    padding-left: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .p-lg-n10xh {
    padding: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .px-lg-n10xh {
    padding-left: calc(var(--spacing-scale-10xh)*-1) !important;
    padding-right: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .py-lg-n10xh {
    padding-bottom: calc(var(--spacing-scale-10xh)*-1) !important;
    padding-top: calc(var(--spacing-scale-10xh)*-1) !important;
  }
}
@media (min-width:1600px) {
  .m-xl-0 {
    margin: var(--spacing-scale-default) !important;
  }
  .mx-xl-0 {
    margin-left: var(--spacing-scale-default) !important;
    margin-right: var(--spacing-scale-default) !important;
  }
  .my-xl-0 {
    margin-bottom: var(--spacing-scale-default) !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: var(--spacing-scale-default) !important;
  }
  .mr-xl-0 {
    margin-right: var(--spacing-scale-default) !important;
  }
  .mb-xl-0 {
    margin-bottom: var(--spacing-scale-default) !important;
  }
  .ml-xl-0 {
    margin-left: var(--spacing-scale-default) !important;
  }
  .m-xl-half {
    margin: var(--spacing-scale-half) !important;
  }
  .mx-xl-half {
    margin-left: var(--spacing-scale-half) !important;
    margin-right: var(--spacing-scale-half) !important;
  }
  .my-xl-half {
    margin-bottom: var(--spacing-scale-half) !important;
  }
  .mt-xl-half,
  .my-xl-half {
    margin-top: var(--spacing-scale-half) !important;
  }
  .mt-xl-nhalf {
    margin-top: calc(var(--spacing-scale-half)*-1) !important;
  }
  .mr-xl-half {
    margin-right: var(--spacing-scale-half) !important;
  }
  .mr-xl-nhalf {
    margin-right: calc(var(--spacing-scale-half)*-1) !important;
  }
  .mb-xl-half {
    margin-bottom: var(--spacing-scale-half) !important;
  }
  .mb-xl-nhalf {
    margin-bottom: calc(var(--spacing-scale-half)*-1) !important;
  }
  .ml-xl-half {
    margin-left: var(--spacing-scale-half) !important;
  }
  .ml-xl-nhalf {
    margin-left: calc(var(--spacing-scale-half)*-1) !important;
  }
  .m-xl-nhalf {
    margin: calc(var(--spacing-scale-half)*-1) !important;
  }
  .mx-xl-nhalf {
    margin-left: calc(var(--spacing-scale-half)*-1) !important;
    margin-right: calc(var(--spacing-scale-half)*-1) !important;
  }
  .my-xl-nhalf {
    margin-bottom: calc(var(--spacing-scale-half)*-1) !important;
    margin-top: calc(var(--spacing-scale-half)*-1) !important;
  }
  .m-xl-base {
    margin: var(--spacing-scale-base) !important;
  }
  .mx-xl-base {
    margin-left: var(--spacing-scale-base) !important;
    margin-right: var(--spacing-scale-base) !important;
  }
  .my-xl-base {
    margin-bottom: var(--spacing-scale-base) !important;
  }
  .mt-xl-base,
  .my-xl-base {
    margin-top: var(--spacing-scale-base) !important;
  }
  .mt-xl-nbase {
    margin-top: calc(var(--spacing-scale-base)*-1) !important;
  }
  .mr-xl-base {
    margin-right: var(--spacing-scale-base) !important;
  }
  .mr-xl-nbase {
    margin-right: calc(var(--spacing-scale-base)*-1) !important;
  }
  .mb-xl-base {
    margin-bottom: var(--spacing-scale-base) !important;
  }
  .mb-xl-nbase {
    margin-bottom: calc(var(--spacing-scale-base)*-1) !important;
  }
  .ml-xl-base {
    margin-left: var(--spacing-scale-base) !important;
  }
  .ml-xl-nbase {
    margin-left: calc(var(--spacing-scale-base)*-1) !important;
  }
  .m-xl-nbase {
    margin: calc(var(--spacing-scale-base)*-1) !important;
  }
  .mx-xl-nbase {
    margin-left: calc(var(--spacing-scale-base)*-1) !important;
    margin-right: calc(var(--spacing-scale-base)*-1) !important;
  }
  .my-xl-nbase {
    margin-bottom: calc(var(--spacing-scale-base)*-1) !important;
    margin-top: calc(var(--spacing-scale-base)*-1) !important;
  }
  .m-xl-baseh {
    margin: var(--spacing-scale-baseh) !important;
  }
  .mx-xl-baseh {
    margin-left: var(--spacing-scale-baseh) !important;
    margin-right: var(--spacing-scale-baseh) !important;
  }
  .my-xl-baseh {
    margin-bottom: var(--spacing-scale-baseh) !important;
  }
  .mt-xl-baseh,
  .my-xl-baseh {
    margin-top: var(--spacing-scale-baseh) !important;
  }
  .mt-xl-nbaseh {
    margin-top: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .mr-xl-baseh {
    margin-right: var(--spacing-scale-baseh) !important;
  }
  .mr-xl-nbaseh {
    margin-right: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .mb-xl-baseh {
    margin-bottom: var(--spacing-scale-baseh) !important;
  }
  .mb-xl-nbaseh {
    margin-bottom: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .ml-xl-baseh {
    margin-left: var(--spacing-scale-baseh) !important;
  }
  .ml-xl-nbaseh {
    margin-left: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .m-xl-nbaseh {
    margin: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .mx-xl-nbaseh {
    margin-left: calc(var(--spacing-scale-baseh)*-1) !important;
    margin-right: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .my-xl-nbaseh {
    margin-bottom: calc(var(--spacing-scale-baseh)*-1) !important;
    margin-top: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .m-xl-1 {
    margin: var(--spacing-scale-half) !important;
  }
  .mx-xl-1 {
    margin-left: var(--spacing-scale-half) !important;
    margin-right: var(--spacing-scale-half) !important;
  }
  .my-xl-1 {
    margin-bottom: var(--spacing-scale-half) !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: var(--spacing-scale-half) !important;
  }
  .mt-xl-n1 {
    margin-top: calc(var(--spacing-scale-half)*-1) !important;
  }
  .mr-xl-1 {
    margin-right: var(--spacing-scale-half) !important;
  }
  .mr-xl-n1 {
    margin-right: calc(var(--spacing-scale-half)*-1) !important;
  }
  .mb-xl-1 {
    margin-bottom: var(--spacing-scale-half) !important;
  }
  .mb-xl-n1 {
    margin-bottom: calc(var(--spacing-scale-half)*-1) !important;
  }
  .ml-xl-1 {
    margin-left: var(--spacing-scale-half) !important;
  }
  .ml-xl-n1 {
    margin-left: calc(var(--spacing-scale-half)*-1) !important;
  }
  .m-xl-n1 {
    margin: calc(var(--spacing-scale-half)*-1) !important;
  }
  .mx-xl-n1 {
    margin-left: calc(var(--spacing-scale-half)*-1) !important;
    margin-right: calc(var(--spacing-scale-half)*-1) !important;
  }
  .my-xl-n1 {
    margin-bottom: calc(var(--spacing-scale-half)*-1) !important;
    margin-top: calc(var(--spacing-scale-half)*-1) !important;
  }
  .m-xl-2 {
    margin: var(--spacing-scale-base) !important;
  }
  .mx-xl-2 {
    margin-left: var(--spacing-scale-base) !important;
    margin-right: var(--spacing-scale-base) !important;
  }
  .my-xl-2 {
    margin-bottom: var(--spacing-scale-base) !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: var(--spacing-scale-base) !important;
  }
  .mt-xl-n2 {
    margin-top: calc(var(--spacing-scale-base)*-1) !important;
  }
  .mr-xl-2 {
    margin-right: var(--spacing-scale-base) !important;
  }
  .mr-xl-n2 {
    margin-right: calc(var(--spacing-scale-base)*-1) !important;
  }
  .mb-xl-2 {
    margin-bottom: var(--spacing-scale-base) !important;
  }
  .mb-xl-n2 {
    margin-bottom: calc(var(--spacing-scale-base)*-1) !important;
  }
  .ml-xl-2 {
    margin-left: var(--spacing-scale-base) !important;
  }
  .ml-xl-n2 {
    margin-left: calc(var(--spacing-scale-base)*-1) !important;
  }
  .m-xl-n2 {
    margin: calc(var(--spacing-scale-base)*-1) !important;
  }
  .mx-xl-n2 {
    margin-left: calc(var(--spacing-scale-base)*-1) !important;
    margin-right: calc(var(--spacing-scale-base)*-1) !important;
  }
  .my-xl-n2 {
    margin-bottom: calc(var(--spacing-scale-base)*-1) !important;
    margin-top: calc(var(--spacing-scale-base)*-1) !important;
  }
  .m-xl-3 {
    margin: var(--spacing-scale-2x) !important;
  }
  .mx-xl-3 {
    margin-left: var(--spacing-scale-2x) !important;
    margin-right: var(--spacing-scale-2x) !important;
  }
  .my-xl-3 {
    margin-bottom: var(--spacing-scale-2x) !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: var(--spacing-scale-2x) !important;
  }
  .mt-xl-n3 {
    margin-top: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .mr-xl-3 {
    margin-right: var(--spacing-scale-2x) !important;
  }
  .mr-xl-n3 {
    margin-right: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .mb-xl-3 {
    margin-bottom: var(--spacing-scale-2x) !important;
  }
  .mb-xl-n3 {
    margin-bottom: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .ml-xl-3 {
    margin-left: var(--spacing-scale-2x) !important;
  }
  .ml-xl-n3 {
    margin-left: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .m-xl-n3 {
    margin: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .mx-xl-n3 {
    margin-left: calc(var(--spacing-scale-2x)*-1) !important;
    margin-right: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .my-xl-n3 {
    margin-bottom: calc(var(--spacing-scale-2x)*-1) !important;
    margin-top: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .m-xl-4 {
    margin: var(--spacing-scale-3x) !important;
  }
  .mx-xl-4 {
    margin-left: var(--spacing-scale-3x) !important;
    margin-right: var(--spacing-scale-3x) !important;
  }
  .my-xl-4 {
    margin-bottom: var(--spacing-scale-3x) !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: var(--spacing-scale-3x) !important;
  }
  .mt-xl-n4 {
    margin-top: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .mr-xl-4 {
    margin-right: var(--spacing-scale-3x) !important;
  }
  .mr-xl-n4 {
    margin-right: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .mb-xl-4 {
    margin-bottom: var(--spacing-scale-3x) !important;
  }
  .mb-xl-n4 {
    margin-bottom: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .ml-xl-4 {
    margin-left: var(--spacing-scale-3x) !important;
  }
  .ml-xl-n4 {
    margin-left: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .m-xl-n4 {
    margin: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .mx-xl-n4 {
    margin-left: calc(var(--spacing-scale-3x)*-1) !important;
    margin-right: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .my-xl-n4 {
    margin-bottom: calc(var(--spacing-scale-3x)*-1) !important;
    margin-top: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .m-xl-5 {
    margin: var(--spacing-scale-4x) !important;
  }
  .mx-xl-5 {
    margin-left: var(--spacing-scale-4x) !important;
    margin-right: var(--spacing-scale-4x) !important;
  }
  .my-xl-5 {
    margin-bottom: var(--spacing-scale-4x) !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: var(--spacing-scale-4x) !important;
  }
  .mt-xl-n5 {
    margin-top: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .mr-xl-5 {
    margin-right: var(--spacing-scale-4x) !important;
  }
  .mr-xl-n5 {
    margin-right: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .mb-xl-5 {
    margin-bottom: var(--spacing-scale-4x) !important;
  }
  .mb-xl-n5 {
    margin-bottom: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .ml-xl-5 {
    margin-left: var(--spacing-scale-4x) !important;
  }
  .ml-xl-n5 {
    margin-left: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .m-xl-n5 {
    margin: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .mx-xl-n5 {
    margin-left: calc(var(--spacing-scale-4x)*-1) !important;
    margin-right: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .my-xl-n5 {
    margin-bottom: calc(var(--spacing-scale-4x)*-1) !important;
    margin-top: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .m-xl-6 {
    margin: var(--spacing-scale-5x) !important;
  }
  .mx-xl-6 {
    margin-left: var(--spacing-scale-5x) !important;
    margin-right: var(--spacing-scale-5x) !important;
  }
  .my-xl-6 {
    margin-bottom: var(--spacing-scale-5x) !important;
  }
  .mt-xl-6,
  .my-xl-6 {
    margin-top: var(--spacing-scale-5x) !important;
  }
  .mt-xl-n6 {
    margin-top: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .mr-xl-6 {
    margin-right: var(--spacing-scale-5x) !important;
  }
  .mr-xl-n6 {
    margin-right: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .mb-xl-6 {
    margin-bottom: var(--spacing-scale-5x) !important;
  }
  .mb-xl-n6 {
    margin-bottom: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .ml-xl-6 {
    margin-left: var(--spacing-scale-5x) !important;
  }
  .ml-xl-n6 {
    margin-left: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .m-xl-n6 {
    margin: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .mx-xl-n6 {
    margin-left: calc(var(--spacing-scale-5x)*-1) !important;
    margin-right: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .my-xl-n6 {
    margin-bottom: calc(var(--spacing-scale-5x)*-1) !important;
    margin-top: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .m-xl-2x {
    margin: var(--spacing-scale-2x) !important;
  }
  .mx-xl-2x {
    margin-left: var(--spacing-scale-2x) !important;
    margin-right: var(--spacing-scale-2x) !important;
  }
  .my-xl-2x {
    margin-bottom: var(--spacing-scale-2x) !important;
  }
  .mt-xl-2x,
  .my-xl-2x {
    margin-top: var(--spacing-scale-2x) !important;
  }
  .mt-xl-n2x {
    margin-top: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .mr-xl-2x {
    margin-right: var(--spacing-scale-2x) !important;
  }
  .mr-xl-n2x {
    margin-right: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .mb-xl-2x {
    margin-bottom: var(--spacing-scale-2x) !important;
  }
  .mb-xl-n2x {
    margin-bottom: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .ml-xl-2x {
    margin-left: var(--spacing-scale-2x) !important;
  }
  .ml-xl-n2x {
    margin-left: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .m-xl-n2x {
    margin: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .mx-xl-n2x {
    margin-left: calc(var(--spacing-scale-2x)*-1) !important;
    margin-right: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .my-xl-n2x {
    margin-bottom: calc(var(--spacing-scale-2x)*-1) !important;
    margin-top: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .m-xl-2xh {
    margin: var(--spacing-scale-2xh) !important;
  }
  .mx-xl-2xh {
    margin-left: var(--spacing-scale-2xh) !important;
    margin-right: var(--spacing-scale-2xh) !important;
  }
  .my-xl-2xh {
    margin-bottom: var(--spacing-scale-2xh) !important;
  }
  .mt-xl-2xh,
  .my-xl-2xh {
    margin-top: var(--spacing-scale-2xh) !important;
  }
  .mt-xl-n2xh {
    margin-top: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .mr-xl-2xh {
    margin-right: var(--spacing-scale-2xh) !important;
  }
  .mr-xl-n2xh {
    margin-right: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .mb-xl-2xh {
    margin-bottom: var(--spacing-scale-2xh) !important;
  }
  .mb-xl-n2xh {
    margin-bottom: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .ml-xl-2xh {
    margin-left: var(--spacing-scale-2xh) !important;
  }
  .ml-xl-n2xh {
    margin-left: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .m-xl-n2xh {
    margin: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .mx-xl-n2xh {
    margin-left: calc(var(--spacing-scale-2xh)*-1) !important;
    margin-right: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .my-xl-n2xh {
    margin-bottom: calc(var(--spacing-scale-2xh)*-1) !important;
    margin-top: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .m-xl-3x {
    margin: var(--spacing-scale-3x) !important;
  }
  .mx-xl-3x {
    margin-left: var(--spacing-scale-3x) !important;
    margin-right: var(--spacing-scale-3x) !important;
  }
  .my-xl-3x {
    margin-bottom: var(--spacing-scale-3x) !important;
  }
  .mt-xl-3x,
  .my-xl-3x {
    margin-top: var(--spacing-scale-3x) !important;
  }
  .mt-xl-n3x {
    margin-top: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .mr-xl-3x {
    margin-right: var(--spacing-scale-3x) !important;
  }
  .mr-xl-n3x {
    margin-right: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .mb-xl-3x {
    margin-bottom: var(--spacing-scale-3x) !important;
  }
  .mb-xl-n3x {
    margin-bottom: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .ml-xl-3x {
    margin-left: var(--spacing-scale-3x) !important;
  }
  .ml-xl-n3x {
    margin-left: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .m-xl-n3x {
    margin: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .mx-xl-n3x {
    margin-left: calc(var(--spacing-scale-3x)*-1) !important;
    margin-right: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .my-xl-n3x {
    margin-bottom: calc(var(--spacing-scale-3x)*-1) !important;
    margin-top: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .m-xl-3xh {
    margin: var(--spacing-scale-3xh) !important;
  }
  .mx-xl-3xh {
    margin-left: var(--spacing-scale-3xh) !important;
    margin-right: var(--spacing-scale-3xh) !important;
  }
  .my-xl-3xh {
    margin-bottom: var(--spacing-scale-3xh) !important;
  }
  .mt-xl-3xh,
  .my-xl-3xh {
    margin-top: var(--spacing-scale-3xh) !important;
  }
  .mt-xl-n3xh {
    margin-top: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .mr-xl-3xh {
    margin-right: var(--spacing-scale-3xh) !important;
  }
  .mr-xl-n3xh {
    margin-right: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .mb-xl-3xh {
    margin-bottom: var(--spacing-scale-3xh) !important;
  }
  .mb-xl-n3xh {
    margin-bottom: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .ml-xl-3xh {
    margin-left: var(--spacing-scale-3xh) !important;
  }
  .ml-xl-n3xh {
    margin-left: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .m-xl-n3xh {
    margin: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .mx-xl-n3xh {
    margin-left: calc(var(--spacing-scale-3xh)*-1) !important;
    margin-right: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .my-xl-n3xh {
    margin-bottom: calc(var(--spacing-scale-3xh)*-1) !important;
    margin-top: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .m-xl-4x {
    margin: var(--spacing-scale-4x) !important;
  }
  .mx-xl-4x {
    margin-left: var(--spacing-scale-4x) !important;
    margin-right: var(--spacing-scale-4x) !important;
  }
  .my-xl-4x {
    margin-bottom: var(--spacing-scale-4x) !important;
  }
  .mt-xl-4x,
  .my-xl-4x {
    margin-top: var(--spacing-scale-4x) !important;
  }
  .mt-xl-n4x {
    margin-top: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .mr-xl-4x {
    margin-right: var(--spacing-scale-4x) !important;
  }
  .mr-xl-n4x {
    margin-right: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .mb-xl-4x {
    margin-bottom: var(--spacing-scale-4x) !important;
  }
  .mb-xl-n4x {
    margin-bottom: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .ml-xl-4x {
    margin-left: var(--spacing-scale-4x) !important;
  }
  .ml-xl-n4x {
    margin-left: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .m-xl-n4x {
    margin: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .mx-xl-n4x {
    margin-left: calc(var(--spacing-scale-4x)*-1) !important;
    margin-right: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .my-xl-n4x {
    margin-bottom: calc(var(--spacing-scale-4x)*-1) !important;
    margin-top: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .m-xl-4xh {
    margin: var(--spacing-scale-4xh) !important;
  }
  .mx-xl-4xh {
    margin-left: var(--spacing-scale-4xh) !important;
    margin-right: var(--spacing-scale-4xh) !important;
  }
  .my-xl-4xh {
    margin-bottom: var(--spacing-scale-4xh) !important;
  }
  .mt-xl-4xh,
  .my-xl-4xh {
    margin-top: var(--spacing-scale-4xh) !important;
  }
  .mt-xl-n4xh {
    margin-top: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .mr-xl-4xh {
    margin-right: var(--spacing-scale-4xh) !important;
  }
  .mr-xl-n4xh {
    margin-right: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .mb-xl-4xh {
    margin-bottom: var(--spacing-scale-4xh) !important;
  }
  .mb-xl-n4xh {
    margin-bottom: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .ml-xl-4xh {
    margin-left: var(--spacing-scale-4xh) !important;
  }
  .ml-xl-n4xh {
    margin-left: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .m-xl-n4xh {
    margin: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .mx-xl-n4xh {
    margin-left: calc(var(--spacing-scale-4xh)*-1) !important;
    margin-right: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .my-xl-n4xh {
    margin-bottom: calc(var(--spacing-scale-4xh)*-1) !important;
    margin-top: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .m-xl-5x {
    margin: var(--spacing-scale-5x) !important;
  }
  .mx-xl-5x {
    margin-left: var(--spacing-scale-5x) !important;
    margin-right: var(--spacing-scale-5x) !important;
  }
  .my-xl-5x {
    margin-bottom: var(--spacing-scale-5x) !important;
  }
  .mt-xl-5x,
  .my-xl-5x {
    margin-top: var(--spacing-scale-5x) !important;
  }
  .mt-xl-n5x {
    margin-top: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .mr-xl-5x {
    margin-right: var(--spacing-scale-5x) !important;
  }
  .mr-xl-n5x {
    margin-right: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .mb-xl-5x {
    margin-bottom: var(--spacing-scale-5x) !important;
  }
  .mb-xl-n5x {
    margin-bottom: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .ml-xl-5x {
    margin-left: var(--spacing-scale-5x) !important;
  }
  .ml-xl-n5x {
    margin-left: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .m-xl-n5x {
    margin: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .mx-xl-n5x {
    margin-left: calc(var(--spacing-scale-5x)*-1) !important;
    margin-right: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .my-xl-n5x {
    margin-bottom: calc(var(--spacing-scale-5x)*-1) !important;
    margin-top: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .m-xl-5xh {
    margin: var(--spacing-scale-5xh) !important;
  }
  .mx-xl-5xh {
    margin-left: var(--spacing-scale-5xh) !important;
    margin-right: var(--spacing-scale-5xh) !important;
  }
  .my-xl-5xh {
    margin-bottom: var(--spacing-scale-5xh) !important;
  }
  .mt-xl-5xh,
  .my-xl-5xh {
    margin-top: var(--spacing-scale-5xh) !important;
  }
  .mt-xl-n5xh {
    margin-top: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .mr-xl-5xh {
    margin-right: var(--spacing-scale-5xh) !important;
  }
  .mr-xl-n5xh {
    margin-right: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .mb-xl-5xh {
    margin-bottom: var(--spacing-scale-5xh) !important;
  }
  .mb-xl-n5xh {
    margin-bottom: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .ml-xl-5xh {
    margin-left: var(--spacing-scale-5xh) !important;
  }
  .ml-xl-n5xh {
    margin-left: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .m-xl-n5xh {
    margin: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .mx-xl-n5xh {
    margin-left: calc(var(--spacing-scale-5xh)*-1) !important;
    margin-right: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .my-xl-n5xh {
    margin-bottom: calc(var(--spacing-scale-5xh)*-1) !important;
    margin-top: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .m-xl-6x {
    margin: var(--spacing-scale-6x) !important;
  }
  .mx-xl-6x {
    margin-left: var(--spacing-scale-6x) !important;
    margin-right: var(--spacing-scale-6x) !important;
  }
  .my-xl-6x {
    margin-bottom: var(--spacing-scale-6x) !important;
  }
  .mt-xl-6x,
  .my-xl-6x {
    margin-top: var(--spacing-scale-6x) !important;
  }
  .mt-xl-n6x {
    margin-top: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .mr-xl-6x {
    margin-right: var(--spacing-scale-6x) !important;
  }
  .mr-xl-n6x {
    margin-right: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .mb-xl-6x {
    margin-bottom: var(--spacing-scale-6x) !important;
  }
  .mb-xl-n6x {
    margin-bottom: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .ml-xl-6x {
    margin-left: var(--spacing-scale-6x) !important;
  }
  .ml-xl-n6x {
    margin-left: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .m-xl-n6x {
    margin: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .mx-xl-n6x {
    margin-left: calc(var(--spacing-scale-6x)*-1) !important;
    margin-right: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .my-xl-n6x {
    margin-bottom: calc(var(--spacing-scale-6x)*-1) !important;
    margin-top: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .m-xl-6xh {
    margin: var(--spacing-scale-6xh) !important;
  }
  .mx-xl-6xh {
    margin-left: var(--spacing-scale-6xh) !important;
    margin-right: var(--spacing-scale-6xh) !important;
  }
  .my-xl-6xh {
    margin-bottom: var(--spacing-scale-6xh) !important;
  }
  .mt-xl-6xh,
  .my-xl-6xh {
    margin-top: var(--spacing-scale-6xh) !important;
  }
  .mt-xl-n6xh {
    margin-top: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .mr-xl-6xh {
    margin-right: var(--spacing-scale-6xh) !important;
  }
  .mr-xl-n6xh {
    margin-right: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .mb-xl-6xh {
    margin-bottom: var(--spacing-scale-6xh) !important;
  }
  .mb-xl-n6xh {
    margin-bottom: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .ml-xl-6xh {
    margin-left: var(--spacing-scale-6xh) !important;
  }
  .ml-xl-n6xh {
    margin-left: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .m-xl-n6xh {
    margin: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .mx-xl-n6xh {
    margin-left: calc(var(--spacing-scale-6xh)*-1) !important;
    margin-right: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .my-xl-n6xh {
    margin-bottom: calc(var(--spacing-scale-6xh)*-1) !important;
    margin-top: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .m-xl-7x {
    margin: var(--spacing-scale-7x) !important;
  }
  .mx-xl-7x {
    margin-left: var(--spacing-scale-7x) !important;
    margin-right: var(--spacing-scale-7x) !important;
  }
  .my-xl-7x {
    margin-bottom: var(--spacing-scale-7x) !important;
  }
  .mt-xl-7x,
  .my-xl-7x {
    margin-top: var(--spacing-scale-7x) !important;
  }
  .mt-xl-n7x {
    margin-top: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .mr-xl-7x {
    margin-right: var(--spacing-scale-7x) !important;
  }
  .mr-xl-n7x {
    margin-right: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .mb-xl-7x {
    margin-bottom: var(--spacing-scale-7x) !important;
  }
  .mb-xl-n7x {
    margin-bottom: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .ml-xl-7x {
    margin-left: var(--spacing-scale-7x) !important;
  }
  .ml-xl-n7x {
    margin-left: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .m-xl-n7x {
    margin: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .mx-xl-n7x {
    margin-left: calc(var(--spacing-scale-7x)*-1) !important;
    margin-right: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .my-xl-n7x {
    margin-bottom: calc(var(--spacing-scale-7x)*-1) !important;
    margin-top: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .m-xl-7xh {
    margin: var(--spacing-scale-7xh) !important;
  }
  .mx-xl-7xh {
    margin-left: var(--spacing-scale-7xh) !important;
    margin-right: var(--spacing-scale-7xh) !important;
  }
  .my-xl-7xh {
    margin-bottom: var(--spacing-scale-7xh) !important;
  }
  .mt-xl-7xh,
  .my-xl-7xh {
    margin-top: var(--spacing-scale-7xh) !important;
  }
  .mt-xl-n7xh {
    margin-top: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .mr-xl-7xh {
    margin-right: var(--spacing-scale-7xh) !important;
  }
  .mr-xl-n7xh {
    margin-right: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .mb-xl-7xh {
    margin-bottom: var(--spacing-scale-7xh) !important;
  }
  .mb-xl-n7xh {
    margin-bottom: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .ml-xl-7xh {
    margin-left: var(--spacing-scale-7xh) !important;
  }
  .ml-xl-n7xh {
    margin-left: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .m-xl-n7xh {
    margin: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .mx-xl-n7xh {
    margin-left: calc(var(--spacing-scale-7xh)*-1) !important;
    margin-right: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .my-xl-n7xh {
    margin-bottom: calc(var(--spacing-scale-7xh)*-1) !important;
    margin-top: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .m-xl-8x {
    margin: var(--spacing-scale-8x) !important;
  }
  .mx-xl-8x {
    margin-left: var(--spacing-scale-8x) !important;
    margin-right: var(--spacing-scale-8x) !important;
  }
  .my-xl-8x {
    margin-bottom: var(--spacing-scale-8x) !important;
  }
  .mt-xl-8x,
  .my-xl-8x {
    margin-top: var(--spacing-scale-8x) !important;
  }
  .mt-xl-n8x {
    margin-top: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .mr-xl-8x {
    margin-right: var(--spacing-scale-8x) !important;
  }
  .mr-xl-n8x {
    margin-right: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .mb-xl-8x {
    margin-bottom: var(--spacing-scale-8x) !important;
  }
  .mb-xl-n8x {
    margin-bottom: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .ml-xl-8x {
    margin-left: var(--spacing-scale-8x) !important;
  }
  .ml-xl-n8x {
    margin-left: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .m-xl-n8x {
    margin: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .mx-xl-n8x {
    margin-left: calc(var(--spacing-scale-8x)*-1) !important;
    margin-right: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .my-xl-n8x {
    margin-bottom: calc(var(--spacing-scale-8x)*-1) !important;
    margin-top: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .m-xl-8xh {
    margin: var(--spacing-scale-8xh) !important;
  }
  .mx-xl-8xh {
    margin-left: var(--spacing-scale-8xh) !important;
    margin-right: var(--spacing-scale-8xh) !important;
  }
  .my-xl-8xh {
    margin-bottom: var(--spacing-scale-8xh) !important;
  }
  .mt-xl-8xh,
  .my-xl-8xh {
    margin-top: var(--spacing-scale-8xh) !important;
  }
  .mt-xl-n8xh {
    margin-top: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .mr-xl-8xh {
    margin-right: var(--spacing-scale-8xh) !important;
  }
  .mr-xl-n8xh {
    margin-right: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .mb-xl-8xh {
    margin-bottom: var(--spacing-scale-8xh) !important;
  }
  .mb-xl-n8xh {
    margin-bottom: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .ml-xl-8xh {
    margin-left: var(--spacing-scale-8xh) !important;
  }
  .ml-xl-n8xh {
    margin-left: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .m-xl-n8xh {
    margin: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .mx-xl-n8xh {
    margin-left: calc(var(--spacing-scale-8xh)*-1) !important;
    margin-right: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .my-xl-n8xh {
    margin-bottom: calc(var(--spacing-scale-8xh)*-1) !important;
    margin-top: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .m-xl-9x {
    margin: var(--spacing-scale-9x) !important;
  }
  .mx-xl-9x {
    margin-left: var(--spacing-scale-9x) !important;
    margin-right: var(--spacing-scale-9x) !important;
  }
  .my-xl-9x {
    margin-bottom: var(--spacing-scale-9x) !important;
  }
  .mt-xl-9x,
  .my-xl-9x {
    margin-top: var(--spacing-scale-9x) !important;
  }
  .mt-xl-n9x {
    margin-top: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .mr-xl-9x {
    margin-right: var(--spacing-scale-9x) !important;
  }
  .mr-xl-n9x {
    margin-right: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .mb-xl-9x {
    margin-bottom: var(--spacing-scale-9x) !important;
  }
  .mb-xl-n9x {
    margin-bottom: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .ml-xl-9x {
    margin-left: var(--spacing-scale-9x) !important;
  }
  .ml-xl-n9x {
    margin-left: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .m-xl-n9x {
    margin: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .mx-xl-n9x {
    margin-left: calc(var(--spacing-scale-9x)*-1) !important;
    margin-right: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .my-xl-n9x {
    margin-bottom: calc(var(--spacing-scale-9x)*-1) !important;
    margin-top: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .m-xl-9xh {
    margin: var(--spacing-scale-9xh) !important;
  }
  .mx-xl-9xh {
    margin-left: var(--spacing-scale-9xh) !important;
    margin-right: var(--spacing-scale-9xh) !important;
  }
  .my-xl-9xh {
    margin-bottom: var(--spacing-scale-9xh) !important;
  }
  .mt-xl-9xh,
  .my-xl-9xh {
    margin-top: var(--spacing-scale-9xh) !important;
  }
  .mt-xl-n9xh {
    margin-top: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .mr-xl-9xh {
    margin-right: var(--spacing-scale-9xh) !important;
  }
  .mr-xl-n9xh {
    margin-right: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .mb-xl-9xh {
    margin-bottom: var(--spacing-scale-9xh) !important;
  }
  .mb-xl-n9xh {
    margin-bottom: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .ml-xl-9xh {
    margin-left: var(--spacing-scale-9xh) !important;
  }
  .ml-xl-n9xh {
    margin-left: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .m-xl-n9xh {
    margin: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .mx-xl-n9xh {
    margin-left: calc(var(--spacing-scale-9xh)*-1) !important;
    margin-right: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .my-xl-n9xh {
    margin-bottom: calc(var(--spacing-scale-9xh)*-1) !important;
    margin-top: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .m-xl-10x {
    margin: var(--spacing-scale-10x) !important;
  }
  .mx-xl-10x {
    margin-left: var(--spacing-scale-10x) !important;
    margin-right: var(--spacing-scale-10x) !important;
  }
  .my-xl-10x {
    margin-bottom: var(--spacing-scale-10x) !important;
  }
  .mt-xl-10x,
  .my-xl-10x {
    margin-top: var(--spacing-scale-10x) !important;
  }
  .mt-xl-n10x {
    margin-top: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .mr-xl-10x {
    margin-right: var(--spacing-scale-10x) !important;
  }
  .mr-xl-n10x {
    margin-right: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .mb-xl-10x {
    margin-bottom: var(--spacing-scale-10x) !important;
  }
  .mb-xl-n10x {
    margin-bottom: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .ml-xl-10x {
    margin-left: var(--spacing-scale-10x) !important;
  }
  .ml-xl-n10x {
    margin-left: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .m-xl-n10x {
    margin: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .mx-xl-n10x {
    margin-left: calc(var(--spacing-scale-10x)*-1) !important;
    margin-right: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .my-xl-n10x {
    margin-bottom: calc(var(--spacing-scale-10x)*-1) !important;
    margin-top: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .m-xl-10xh {
    margin: var(--spacing-scale-10xh) !important;
  }
  .mx-xl-10xh {
    margin-left: var(--spacing-scale-10xh) !important;
    margin-right: var(--spacing-scale-10xh) !important;
  }
  .my-xl-10xh {
    margin-bottom: var(--spacing-scale-10xh) !important;
  }
  .mt-xl-10xh,
  .my-xl-10xh {
    margin-top: var(--spacing-scale-10xh) !important;
  }
  .mt-xl-n10xh {
    margin-top: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .mr-xl-10xh {
    margin-right: var(--spacing-scale-10xh) !important;
  }
  .mr-xl-n10xh {
    margin-right: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .mb-xl-10xh {
    margin-bottom: var(--spacing-scale-10xh) !important;
  }
  .mb-xl-n10xh {
    margin-bottom: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .ml-xl-10xh {
    margin-left: var(--spacing-scale-10xh) !important;
  }
  .ml-xl-n10xh {
    margin-left: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .m-xl-n10xh {
    margin: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .mx-xl-n10xh {
    margin-left: calc(var(--spacing-scale-10xh)*-1) !important;
    margin-right: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .my-xl-n10xh {
    margin-bottom: calc(var(--spacing-scale-10xh)*-1) !important;
    margin-top: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: var(--spacing-scale-default) !important;
  }
  .px-xl-0 {
    padding-left: var(--spacing-scale-default) !important;
    padding-right: var(--spacing-scale-default) !important;
  }
  .py-xl-0 {
    padding-bottom: var(--spacing-scale-default) !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: var(--spacing-scale-default) !important;
  }
  .pr-xl-0 {
    padding-right: var(--spacing-scale-default) !important;
  }
  .pb-xl-0 {
    padding-bottom: var(--spacing-scale-default) !important;
  }
  .pl-xl-0 {
    padding-left: var(--spacing-scale-default) !important;
  }
  .p-xl-half {
    padding: var(--spacing-scale-half) !important;
  }
  .px-xl-half {
    padding-left: var(--spacing-scale-half) !important;
    padding-right: var(--spacing-scale-half) !important;
  }
  .py-xl-half {
    padding-bottom: var(--spacing-scale-half) !important;
  }
  .pt-xl-half,
  .py-xl-half {
    padding-top: var(--spacing-scale-half) !important;
  }
  .pt-xl-nhalf {
    padding-top: calc(var(--spacing-scale-half)*-1) !important;
  }
  .pr-xl-half {
    padding-right: var(--spacing-scale-half) !important;
  }
  .pr-xl-nhalf {
    padding-right: calc(var(--spacing-scale-half)*-1) !important;
  }
  .pb-xl-half {
    padding-bottom: var(--spacing-scale-half) !important;
  }
  .pb-xl-nhalf {
    padding-bottom: calc(var(--spacing-scale-half)*-1) !important;
  }
  .pl-xl-half {
    padding-left: var(--spacing-scale-half) !important;
  }
  .pl-xl-nhalf {
    padding-left: calc(var(--spacing-scale-half)*-1) !important;
  }
  .p-xl-nhalf {
    padding: calc(var(--spacing-scale-half)*-1) !important;
  }
  .px-xl-nhalf {
    padding-left: calc(var(--spacing-scale-half)*-1) !important;
    padding-right: calc(var(--spacing-scale-half)*-1) !important;
  }
  .py-xl-nhalf {
    padding-bottom: calc(var(--spacing-scale-half)*-1) !important;
    padding-top: calc(var(--spacing-scale-half)*-1) !important;
  }
  .p-xl-base {
    padding: var(--spacing-scale-base) !important;
  }
  .px-xl-base {
    padding-left: var(--spacing-scale-base) !important;
    padding-right: var(--spacing-scale-base) !important;
  }
  .py-xl-base {
    padding-bottom: var(--spacing-scale-base) !important;
  }
  .pt-xl-base,
  .py-xl-base {
    padding-top: var(--spacing-scale-base) !important;
  }
  .pt-xl-nbase {
    padding-top: calc(var(--spacing-scale-base)*-1) !important;
  }
  .pr-xl-base {
    padding-right: var(--spacing-scale-base) !important;
  }
  .pr-xl-nbase {
    padding-right: calc(var(--spacing-scale-base)*-1) !important;
  }
  .pb-xl-base {
    padding-bottom: var(--spacing-scale-base) !important;
  }
  .pb-xl-nbase {
    padding-bottom: calc(var(--spacing-scale-base)*-1) !important;
  }
  .pl-xl-base {
    padding-left: var(--spacing-scale-base) !important;
  }
  .pl-xl-nbase {
    padding-left: calc(var(--spacing-scale-base)*-1) !important;
  }
  .p-xl-nbase {
    padding: calc(var(--spacing-scale-base)*-1) !important;
  }
  .px-xl-nbase {
    padding-left: calc(var(--spacing-scale-base)*-1) !important;
    padding-right: calc(var(--spacing-scale-base)*-1) !important;
  }
  .py-xl-nbase {
    padding-bottom: calc(var(--spacing-scale-base)*-1) !important;
    padding-top: calc(var(--spacing-scale-base)*-1) !important;
  }
  .p-xl-baseh {
    padding: var(--spacing-scale-baseh) !important;
  }
  .px-xl-baseh {
    padding-left: var(--spacing-scale-baseh) !important;
    padding-right: var(--spacing-scale-baseh) !important;
  }
  .py-xl-baseh {
    padding-bottom: var(--spacing-scale-baseh) !important;
  }
  .pt-xl-baseh,
  .py-xl-baseh {
    padding-top: var(--spacing-scale-baseh) !important;
  }
  .pt-xl-nbaseh {
    padding-top: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .pr-xl-baseh {
    padding-right: var(--spacing-scale-baseh) !important;
  }
  .pr-xl-nbaseh {
    padding-right: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .pb-xl-baseh {
    padding-bottom: var(--spacing-scale-baseh) !important;
  }
  .pb-xl-nbaseh {
    padding-bottom: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .pl-xl-baseh {
    padding-left: var(--spacing-scale-baseh) !important;
  }
  .pl-xl-nbaseh {
    padding-left: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .p-xl-nbaseh {
    padding: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .px-xl-nbaseh {
    padding-left: calc(var(--spacing-scale-baseh)*-1) !important;
    padding-right: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .py-xl-nbaseh {
    padding-bottom: calc(var(--spacing-scale-baseh)*-1) !important;
    padding-top: calc(var(--spacing-scale-baseh)*-1) !important;
  }
  .p-xl-1 {
    padding: var(--spacing-scale-half) !important;
  }
  .px-xl-1 {
    padding-left: var(--spacing-scale-half) !important;
    padding-right: var(--spacing-scale-half) !important;
  }
  .py-xl-1 {
    padding-bottom: var(--spacing-scale-half) !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: var(--spacing-scale-half) !important;
  }
  .pt-xl-n1 {
    padding-top: calc(var(--spacing-scale-half)*-1) !important;
  }
  .pr-xl-1 {
    padding-right: var(--spacing-scale-half) !important;
  }
  .pr-xl-n1 {
    padding-right: calc(var(--spacing-scale-half)*-1) !important;
  }
  .pb-xl-1 {
    padding-bottom: var(--spacing-scale-half) !important;
  }
  .pb-xl-n1 {
    padding-bottom: calc(var(--spacing-scale-half)*-1) !important;
  }
  .pl-xl-1 {
    padding-left: var(--spacing-scale-half) !important;
  }
  .pl-xl-n1 {
    padding-left: calc(var(--spacing-scale-half)*-1) !important;
  }
  .p-xl-n1 {
    padding: calc(var(--spacing-scale-half)*-1) !important;
  }
  .px-xl-n1 {
    padding-left: calc(var(--spacing-scale-half)*-1) !important;
    padding-right: calc(var(--spacing-scale-half)*-1) !important;
  }
  .py-xl-n1 {
    padding-bottom: calc(var(--spacing-scale-half)*-1) !important;
    padding-top: calc(var(--spacing-scale-half)*-1) !important;
  }
  .p-xl-2 {
    padding: var(--spacing-scale-base) !important;
  }
  .px-xl-2 {
    padding-left: var(--spacing-scale-base) !important;
    padding-right: var(--spacing-scale-base) !important;
  }
  .py-xl-2 {
    padding-bottom: var(--spacing-scale-base) !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: var(--spacing-scale-base) !important;
  }
  .pt-xl-n2 {
    padding-top: calc(var(--spacing-scale-base)*-1) !important;
  }
  .pr-xl-2 {
    padding-right: var(--spacing-scale-base) !important;
  }
  .pr-xl-n2 {
    padding-right: calc(var(--spacing-scale-base)*-1) !important;
  }
  .pb-xl-2 {
    padding-bottom: var(--spacing-scale-base) !important;
  }
  .pb-xl-n2 {
    padding-bottom: calc(var(--spacing-scale-base)*-1) !important;
  }
  .pl-xl-2 {
    padding-left: var(--spacing-scale-base) !important;
  }
  .pl-xl-n2 {
    padding-left: calc(var(--spacing-scale-base)*-1) !important;
  }
  .p-xl-n2 {
    padding: calc(var(--spacing-scale-base)*-1) !important;
  }
  .px-xl-n2 {
    padding-left: calc(var(--spacing-scale-base)*-1) !important;
    padding-right: calc(var(--spacing-scale-base)*-1) !important;
  }
  .py-xl-n2 {
    padding-bottom: calc(var(--spacing-scale-base)*-1) !important;
    padding-top: calc(var(--spacing-scale-base)*-1) !important;
  }
  .p-xl-3 {
    padding: var(--spacing-scale-2x) !important;
  }
  .px-xl-3 {
    padding-left: var(--spacing-scale-2x) !important;
    padding-right: var(--spacing-scale-2x) !important;
  }
  .py-xl-3 {
    padding-bottom: var(--spacing-scale-2x) !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: var(--spacing-scale-2x) !important;
  }
  .pt-xl-n3 {
    padding-top: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .pr-xl-3 {
    padding-right: var(--spacing-scale-2x) !important;
  }
  .pr-xl-n3 {
    padding-right: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .pb-xl-3 {
    padding-bottom: var(--spacing-scale-2x) !important;
  }
  .pb-xl-n3 {
    padding-bottom: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .pl-xl-3 {
    padding-left: var(--spacing-scale-2x) !important;
  }
  .pl-xl-n3 {
    padding-left: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .p-xl-n3 {
    padding: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .px-xl-n3 {
    padding-left: calc(var(--spacing-scale-2x)*-1) !important;
    padding-right: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .py-xl-n3 {
    padding-bottom: calc(var(--spacing-scale-2x)*-1) !important;
    padding-top: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .p-xl-4 {
    padding: var(--spacing-scale-3x) !important;
  }
  .px-xl-4 {
    padding-left: var(--spacing-scale-3x) !important;
    padding-right: var(--spacing-scale-3x) !important;
  }
  .py-xl-4 {
    padding-bottom: var(--spacing-scale-3x) !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: var(--spacing-scale-3x) !important;
  }
  .pt-xl-n4 {
    padding-top: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .pr-xl-4 {
    padding-right: var(--spacing-scale-3x) !important;
  }
  .pr-xl-n4 {
    padding-right: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .pb-xl-4 {
    padding-bottom: var(--spacing-scale-3x) !important;
  }
  .pb-xl-n4 {
    padding-bottom: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .pl-xl-4 {
    padding-left: var(--spacing-scale-3x) !important;
  }
  .pl-xl-n4 {
    padding-left: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .p-xl-n4 {
    padding: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .px-xl-n4 {
    padding-left: calc(var(--spacing-scale-3x)*-1) !important;
    padding-right: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .py-xl-n4 {
    padding-bottom: calc(var(--spacing-scale-3x)*-1) !important;
    padding-top: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .p-xl-5 {
    padding: var(--spacing-scale-4x) !important;
  }
  .px-xl-5 {
    padding-left: var(--spacing-scale-4x) !important;
    padding-right: var(--spacing-scale-4x) !important;
  }
  .py-xl-5 {
    padding-bottom: var(--spacing-scale-4x) !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: var(--spacing-scale-4x) !important;
  }
  .pt-xl-n5 {
    padding-top: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .pr-xl-5 {
    padding-right: var(--spacing-scale-4x) !important;
  }
  .pr-xl-n5 {
    padding-right: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .pb-xl-5 {
    padding-bottom: var(--spacing-scale-4x) !important;
  }
  .pb-xl-n5 {
    padding-bottom: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .pl-xl-5 {
    padding-left: var(--spacing-scale-4x) !important;
  }
  .pl-xl-n5 {
    padding-left: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .p-xl-n5 {
    padding: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .px-xl-n5 {
    padding-left: calc(var(--spacing-scale-4x)*-1) !important;
    padding-right: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .py-xl-n5 {
    padding-bottom: calc(var(--spacing-scale-4x)*-1) !important;
    padding-top: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .p-xl-6 {
    padding: var(--spacing-scale-5x) !important;
  }
  .px-xl-6 {
    padding-left: var(--spacing-scale-5x) !important;
    padding-right: var(--spacing-scale-5x) !important;
  }
  .py-xl-6 {
    padding-bottom: var(--spacing-scale-5x) !important;
  }
  .pt-xl-6,
  .py-xl-6 {
    padding-top: var(--spacing-scale-5x) !important;
  }
  .pt-xl-n6 {
    padding-top: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .pr-xl-6 {
    padding-right: var(--spacing-scale-5x) !important;
  }
  .pr-xl-n6 {
    padding-right: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .pb-xl-6 {
    padding-bottom: var(--spacing-scale-5x) !important;
  }
  .pb-xl-n6 {
    padding-bottom: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .pl-xl-6 {
    padding-left: var(--spacing-scale-5x) !important;
  }
  .pl-xl-n6 {
    padding-left: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .p-xl-n6 {
    padding: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .px-xl-n6 {
    padding-left: calc(var(--spacing-scale-5x)*-1) !important;
    padding-right: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .py-xl-n6 {
    padding-bottom: calc(var(--spacing-scale-5x)*-1) !important;
    padding-top: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .p-xl-2x {
    padding: var(--spacing-scale-2x) !important;
  }
  .px-xl-2x {
    padding-left: var(--spacing-scale-2x) !important;
    padding-right: var(--spacing-scale-2x) !important;
  }
  .py-xl-2x {
    padding-bottom: var(--spacing-scale-2x) !important;
  }
  .pt-xl-2x,
  .py-xl-2x {
    padding-top: var(--spacing-scale-2x) !important;
  }
  .pt-xl-n2x {
    padding-top: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .pr-xl-2x {
    padding-right: var(--spacing-scale-2x) !important;
  }
  .pr-xl-n2x {
    padding-right: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .pb-xl-2x {
    padding-bottom: var(--spacing-scale-2x) !important;
  }
  .pb-xl-n2x {
    padding-bottom: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .pl-xl-2x {
    padding-left: var(--spacing-scale-2x) !important;
  }
  .pl-xl-n2x {
    padding-left: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .p-xl-n2x {
    padding: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .px-xl-n2x {
    padding-left: calc(var(--spacing-scale-2x)*-1) !important;
    padding-right: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .py-xl-n2x {
    padding-bottom: calc(var(--spacing-scale-2x)*-1) !important;
    padding-top: calc(var(--spacing-scale-2x)*-1) !important;
  }
  .p-xl-2xh {
    padding: var(--spacing-scale-2xh) !important;
  }
  .px-xl-2xh {
    padding-left: var(--spacing-scale-2xh) !important;
    padding-right: var(--spacing-scale-2xh) !important;
  }
  .py-xl-2xh {
    padding-bottom: var(--spacing-scale-2xh) !important;
  }
  .pt-xl-2xh,
  .py-xl-2xh {
    padding-top: var(--spacing-scale-2xh) !important;
  }
  .pt-xl-n2xh {
    padding-top: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .pr-xl-2xh {
    padding-right: var(--spacing-scale-2xh) !important;
  }
  .pr-xl-n2xh {
    padding-right: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .pb-xl-2xh {
    padding-bottom: var(--spacing-scale-2xh) !important;
  }
  .pb-xl-n2xh {
    padding-bottom: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .pl-xl-2xh {
    padding-left: var(--spacing-scale-2xh) !important;
  }
  .pl-xl-n2xh {
    padding-left: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .p-xl-n2xh {
    padding: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .px-xl-n2xh {
    padding-left: calc(var(--spacing-scale-2xh)*-1) !important;
    padding-right: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .py-xl-n2xh {
    padding-bottom: calc(var(--spacing-scale-2xh)*-1) !important;
    padding-top: calc(var(--spacing-scale-2xh)*-1) !important;
  }
  .p-xl-3x {
    padding: var(--spacing-scale-3x) !important;
  }
  .px-xl-3x {
    padding-left: var(--spacing-scale-3x) !important;
    padding-right: var(--spacing-scale-3x) !important;
  }
  .py-xl-3x {
    padding-bottom: var(--spacing-scale-3x) !important;
  }
  .pt-xl-3x,
  .py-xl-3x {
    padding-top: var(--spacing-scale-3x) !important;
  }
  .pt-xl-n3x {
    padding-top: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .pr-xl-3x {
    padding-right: var(--spacing-scale-3x) !important;
  }
  .pr-xl-n3x {
    padding-right: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .pb-xl-3x {
    padding-bottom: var(--spacing-scale-3x) !important;
  }
  .pb-xl-n3x {
    padding-bottom: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .pl-xl-3x {
    padding-left: var(--spacing-scale-3x) !important;
  }
  .pl-xl-n3x {
    padding-left: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .p-xl-n3x {
    padding: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .px-xl-n3x {
    padding-left: calc(var(--spacing-scale-3x)*-1) !important;
    padding-right: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .py-xl-n3x {
    padding-bottom: calc(var(--spacing-scale-3x)*-1) !important;
    padding-top: calc(var(--spacing-scale-3x)*-1) !important;
  }
  .p-xl-3xh {
    padding: var(--spacing-scale-3xh) !important;
  }
  .px-xl-3xh {
    padding-left: var(--spacing-scale-3xh) !important;
    padding-right: var(--spacing-scale-3xh) !important;
  }
  .py-xl-3xh {
    padding-bottom: var(--spacing-scale-3xh) !important;
  }
  .pt-xl-3xh,
  .py-xl-3xh {
    padding-top: var(--spacing-scale-3xh) !important;
  }
  .pt-xl-n3xh {
    padding-top: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .pr-xl-3xh {
    padding-right: var(--spacing-scale-3xh) !important;
  }
  .pr-xl-n3xh {
    padding-right: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .pb-xl-3xh {
    padding-bottom: var(--spacing-scale-3xh) !important;
  }
  .pb-xl-n3xh {
    padding-bottom: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .pl-xl-3xh {
    padding-left: var(--spacing-scale-3xh) !important;
  }
  .pl-xl-n3xh {
    padding-left: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .p-xl-n3xh {
    padding: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .px-xl-n3xh {
    padding-left: calc(var(--spacing-scale-3xh)*-1) !important;
    padding-right: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .py-xl-n3xh {
    padding-bottom: calc(var(--spacing-scale-3xh)*-1) !important;
    padding-top: calc(var(--spacing-scale-3xh)*-1) !important;
  }
  .p-xl-4x {
    padding: var(--spacing-scale-4x) !important;
  }
  .px-xl-4x {
    padding-left: var(--spacing-scale-4x) !important;
    padding-right: var(--spacing-scale-4x) !important;
  }
  .py-xl-4x {
    padding-bottom: var(--spacing-scale-4x) !important;
  }
  .pt-xl-4x,
  .py-xl-4x {
    padding-top: var(--spacing-scale-4x) !important;
  }
  .pt-xl-n4x {
    padding-top: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .pr-xl-4x {
    padding-right: var(--spacing-scale-4x) !important;
  }
  .pr-xl-n4x {
    padding-right: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .pb-xl-4x {
    padding-bottom: var(--spacing-scale-4x) !important;
  }
  .pb-xl-n4x {
    padding-bottom: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .pl-xl-4x {
    padding-left: var(--spacing-scale-4x) !important;
  }
  .pl-xl-n4x {
    padding-left: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .p-xl-n4x {
    padding: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .px-xl-n4x {
    padding-left: calc(var(--spacing-scale-4x)*-1) !important;
    padding-right: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .py-xl-n4x {
    padding-bottom: calc(var(--spacing-scale-4x)*-1) !important;
    padding-top: calc(var(--spacing-scale-4x)*-1) !important;
  }
  .p-xl-4xh {
    padding: var(--spacing-scale-4xh) !important;
  }
  .px-xl-4xh {
    padding-left: var(--spacing-scale-4xh) !important;
    padding-right: var(--spacing-scale-4xh) !important;
  }
  .py-xl-4xh {
    padding-bottom: var(--spacing-scale-4xh) !important;
  }
  .pt-xl-4xh,
  .py-xl-4xh {
    padding-top: var(--spacing-scale-4xh) !important;
  }
  .pt-xl-n4xh {
    padding-top: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .pr-xl-4xh {
    padding-right: var(--spacing-scale-4xh) !important;
  }
  .pr-xl-n4xh {
    padding-right: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .pb-xl-4xh {
    padding-bottom: var(--spacing-scale-4xh) !important;
  }
  .pb-xl-n4xh {
    padding-bottom: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .pl-xl-4xh {
    padding-left: var(--spacing-scale-4xh) !important;
  }
  .pl-xl-n4xh {
    padding-left: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .p-xl-n4xh {
    padding: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .px-xl-n4xh {
    padding-left: calc(var(--spacing-scale-4xh)*-1) !important;
    padding-right: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .py-xl-n4xh {
    padding-bottom: calc(var(--spacing-scale-4xh)*-1) !important;
    padding-top: calc(var(--spacing-scale-4xh)*-1) !important;
  }
  .p-xl-5x {
    padding: var(--spacing-scale-5x) !important;
  }
  .px-xl-5x {
    padding-left: var(--spacing-scale-5x) !important;
    padding-right: var(--spacing-scale-5x) !important;
  }
  .py-xl-5x {
    padding-bottom: var(--spacing-scale-5x) !important;
  }
  .pt-xl-5x,
  .py-xl-5x {
    padding-top: var(--spacing-scale-5x) !important;
  }
  .pt-xl-n5x {
    padding-top: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .pr-xl-5x {
    padding-right: var(--spacing-scale-5x) !important;
  }
  .pr-xl-n5x {
    padding-right: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .pb-xl-5x {
    padding-bottom: var(--spacing-scale-5x) !important;
  }
  .pb-xl-n5x {
    padding-bottom: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .pl-xl-5x {
    padding-left: var(--spacing-scale-5x) !important;
  }
  .pl-xl-n5x {
    padding-left: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .p-xl-n5x {
    padding: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .px-xl-n5x {
    padding-left: calc(var(--spacing-scale-5x)*-1) !important;
    padding-right: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .py-xl-n5x {
    padding-bottom: calc(var(--spacing-scale-5x)*-1) !important;
    padding-top: calc(var(--spacing-scale-5x)*-1) !important;
  }
  .p-xl-5xh {
    padding: var(--spacing-scale-5xh) !important;
  }
  .px-xl-5xh {
    padding-left: var(--spacing-scale-5xh) !important;
    padding-right: var(--spacing-scale-5xh) !important;
  }
  .py-xl-5xh {
    padding-bottom: var(--spacing-scale-5xh) !important;
  }
  .pt-xl-5xh,
  .py-xl-5xh {
    padding-top: var(--spacing-scale-5xh) !important;
  }
  .pt-xl-n5xh {
    padding-top: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .pr-xl-5xh {
    padding-right: var(--spacing-scale-5xh) !important;
  }
  .pr-xl-n5xh {
    padding-right: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .pb-xl-5xh {
    padding-bottom: var(--spacing-scale-5xh) !important;
  }
  .pb-xl-n5xh {
    padding-bottom: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .pl-xl-5xh {
    padding-left: var(--spacing-scale-5xh) !important;
  }
  .pl-xl-n5xh {
    padding-left: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .p-xl-n5xh {
    padding: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .px-xl-n5xh {
    padding-left: calc(var(--spacing-scale-5xh)*-1) !important;
    padding-right: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .py-xl-n5xh {
    padding-bottom: calc(var(--spacing-scale-5xh)*-1) !important;
    padding-top: calc(var(--spacing-scale-5xh)*-1) !important;
  }
  .p-xl-6x {
    padding: var(--spacing-scale-6x) !important;
  }
  .px-xl-6x {
    padding-left: var(--spacing-scale-6x) !important;
    padding-right: var(--spacing-scale-6x) !important;
  }
  .py-xl-6x {
    padding-bottom: var(--spacing-scale-6x) !important;
  }
  .pt-xl-6x,
  .py-xl-6x {
    padding-top: var(--spacing-scale-6x) !important;
  }
  .pt-xl-n6x {
    padding-top: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .pr-xl-6x {
    padding-right: var(--spacing-scale-6x) !important;
  }
  .pr-xl-n6x {
    padding-right: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .pb-xl-6x {
    padding-bottom: var(--spacing-scale-6x) !important;
  }
  .pb-xl-n6x {
    padding-bottom: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .pl-xl-6x {
    padding-left: var(--spacing-scale-6x) !important;
  }
  .pl-xl-n6x {
    padding-left: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .p-xl-n6x {
    padding: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .px-xl-n6x {
    padding-left: calc(var(--spacing-scale-6x)*-1) !important;
    padding-right: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .py-xl-n6x {
    padding-bottom: calc(var(--spacing-scale-6x)*-1) !important;
    padding-top: calc(var(--spacing-scale-6x)*-1) !important;
  }
  .p-xl-6xh {
    padding: var(--spacing-scale-6xh) !important;
  }
  .px-xl-6xh {
    padding-left: var(--spacing-scale-6xh) !important;
    padding-right: var(--spacing-scale-6xh) !important;
  }
  .py-xl-6xh {
    padding-bottom: var(--spacing-scale-6xh) !important;
  }
  .pt-xl-6xh,
  .py-xl-6xh {
    padding-top: var(--spacing-scale-6xh) !important;
  }
  .pt-xl-n6xh {
    padding-top: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .pr-xl-6xh {
    padding-right: var(--spacing-scale-6xh) !important;
  }
  .pr-xl-n6xh {
    padding-right: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .pb-xl-6xh {
    padding-bottom: var(--spacing-scale-6xh) !important;
  }
  .pb-xl-n6xh {
    padding-bottom: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .pl-xl-6xh {
    padding-left: var(--spacing-scale-6xh) !important;
  }
  .pl-xl-n6xh {
    padding-left: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .p-xl-n6xh {
    padding: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .px-xl-n6xh {
    padding-left: calc(var(--spacing-scale-6xh)*-1) !important;
    padding-right: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .py-xl-n6xh {
    padding-bottom: calc(var(--spacing-scale-6xh)*-1) !important;
    padding-top: calc(var(--spacing-scale-6xh)*-1) !important;
  }
  .p-xl-7x {
    padding: var(--spacing-scale-7x) !important;
  }
  .px-xl-7x {
    padding-left: var(--spacing-scale-7x) !important;
    padding-right: var(--spacing-scale-7x) !important;
  }
  .py-xl-7x {
    padding-bottom: var(--spacing-scale-7x) !important;
  }
  .pt-xl-7x,
  .py-xl-7x {
    padding-top: var(--spacing-scale-7x) !important;
  }
  .pt-xl-n7x {
    padding-top: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .pr-xl-7x {
    padding-right: var(--spacing-scale-7x) !important;
  }
  .pr-xl-n7x {
    padding-right: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .pb-xl-7x {
    padding-bottom: var(--spacing-scale-7x) !important;
  }
  .pb-xl-n7x {
    padding-bottom: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .pl-xl-7x {
    padding-left: var(--spacing-scale-7x) !important;
  }
  .pl-xl-n7x {
    padding-left: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .p-xl-n7x {
    padding: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .px-xl-n7x {
    padding-left: calc(var(--spacing-scale-7x)*-1) !important;
    padding-right: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .py-xl-n7x {
    padding-bottom: calc(var(--spacing-scale-7x)*-1) !important;
    padding-top: calc(var(--spacing-scale-7x)*-1) !important;
  }
  .p-xl-7xh {
    padding: var(--spacing-scale-7xh) !important;
  }
  .px-xl-7xh {
    padding-left: var(--spacing-scale-7xh) !important;
    padding-right: var(--spacing-scale-7xh) !important;
  }
  .py-xl-7xh {
    padding-bottom: var(--spacing-scale-7xh) !important;
  }
  .pt-xl-7xh,
  .py-xl-7xh {
    padding-top: var(--spacing-scale-7xh) !important;
  }
  .pt-xl-n7xh {
    padding-top: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .pr-xl-7xh {
    padding-right: var(--spacing-scale-7xh) !important;
  }
  .pr-xl-n7xh {
    padding-right: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .pb-xl-7xh {
    padding-bottom: var(--spacing-scale-7xh) !important;
  }
  .pb-xl-n7xh {
    padding-bottom: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .pl-xl-7xh {
    padding-left: var(--spacing-scale-7xh) !important;
  }
  .pl-xl-n7xh {
    padding-left: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .p-xl-n7xh {
    padding: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .px-xl-n7xh {
    padding-left: calc(var(--spacing-scale-7xh)*-1) !important;
    padding-right: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .py-xl-n7xh {
    padding-bottom: calc(var(--spacing-scale-7xh)*-1) !important;
    padding-top: calc(var(--spacing-scale-7xh)*-1) !important;
  }
  .p-xl-8x {
    padding: var(--spacing-scale-8x) !important;
  }
  .px-xl-8x {
    padding-left: var(--spacing-scale-8x) !important;
    padding-right: var(--spacing-scale-8x) !important;
  }
  .py-xl-8x {
    padding-bottom: var(--spacing-scale-8x) !important;
  }
  .pt-xl-8x,
  .py-xl-8x {
    padding-top: var(--spacing-scale-8x) !important;
  }
  .pt-xl-n8x {
    padding-top: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .pr-xl-8x {
    padding-right: var(--spacing-scale-8x) !important;
  }
  .pr-xl-n8x {
    padding-right: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .pb-xl-8x {
    padding-bottom: var(--spacing-scale-8x) !important;
  }
  .pb-xl-n8x {
    padding-bottom: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .pl-xl-8x {
    padding-left: var(--spacing-scale-8x) !important;
  }
  .pl-xl-n8x {
    padding-left: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .p-xl-n8x {
    padding: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .px-xl-n8x {
    padding-left: calc(var(--spacing-scale-8x)*-1) !important;
    padding-right: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .py-xl-n8x {
    padding-bottom: calc(var(--spacing-scale-8x)*-1) !important;
    padding-top: calc(var(--spacing-scale-8x)*-1) !important;
  }
  .p-xl-8xh {
    padding: var(--spacing-scale-8xh) !important;
  }
  .px-xl-8xh {
    padding-left: var(--spacing-scale-8xh) !important;
    padding-right: var(--spacing-scale-8xh) !important;
  }
  .py-xl-8xh {
    padding-bottom: var(--spacing-scale-8xh) !important;
  }
  .pt-xl-8xh,
  .py-xl-8xh {
    padding-top: var(--spacing-scale-8xh) !important;
  }
  .pt-xl-n8xh {
    padding-top: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .pr-xl-8xh {
    padding-right: var(--spacing-scale-8xh) !important;
  }
  .pr-xl-n8xh {
    padding-right: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .pb-xl-8xh {
    padding-bottom: var(--spacing-scale-8xh) !important;
  }
  .pb-xl-n8xh {
    padding-bottom: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .pl-xl-8xh {
    padding-left: var(--spacing-scale-8xh) !important;
  }
  .pl-xl-n8xh {
    padding-left: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .p-xl-n8xh {
    padding: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .px-xl-n8xh {
    padding-left: calc(var(--spacing-scale-8xh)*-1) !important;
    padding-right: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .py-xl-n8xh {
    padding-bottom: calc(var(--spacing-scale-8xh)*-1) !important;
    padding-top: calc(var(--spacing-scale-8xh)*-1) !important;
  }
  .p-xl-9x {
    padding: var(--spacing-scale-9x) !important;
  }
  .px-xl-9x {
    padding-left: var(--spacing-scale-9x) !important;
    padding-right: var(--spacing-scale-9x) !important;
  }
  .py-xl-9x {
    padding-bottom: var(--spacing-scale-9x) !important;
  }
  .pt-xl-9x,
  .py-xl-9x {
    padding-top: var(--spacing-scale-9x) !important;
  }
  .pt-xl-n9x {
    padding-top: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .pr-xl-9x {
    padding-right: var(--spacing-scale-9x) !important;
  }
  .pr-xl-n9x {
    padding-right: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .pb-xl-9x {
    padding-bottom: var(--spacing-scale-9x) !important;
  }
  .pb-xl-n9x {
    padding-bottom: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .pl-xl-9x {
    padding-left: var(--spacing-scale-9x) !important;
  }
  .pl-xl-n9x {
    padding-left: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .p-xl-n9x {
    padding: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .px-xl-n9x {
    padding-left: calc(var(--spacing-scale-9x)*-1) !important;
    padding-right: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .py-xl-n9x {
    padding-bottom: calc(var(--spacing-scale-9x)*-1) !important;
    padding-top: calc(var(--spacing-scale-9x)*-1) !important;
  }
  .p-xl-9xh {
    padding: var(--spacing-scale-9xh) !important;
  }
  .px-xl-9xh {
    padding-left: var(--spacing-scale-9xh) !important;
    padding-right: var(--spacing-scale-9xh) !important;
  }
  .py-xl-9xh {
    padding-bottom: var(--spacing-scale-9xh) !important;
  }
  .pt-xl-9xh,
  .py-xl-9xh {
    padding-top: var(--spacing-scale-9xh) !important;
  }
  .pt-xl-n9xh {
    padding-top: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .pr-xl-9xh {
    padding-right: var(--spacing-scale-9xh) !important;
  }
  .pr-xl-n9xh {
    padding-right: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .pb-xl-9xh {
    padding-bottom: var(--spacing-scale-9xh) !important;
  }
  .pb-xl-n9xh {
    padding-bottom: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .pl-xl-9xh {
    padding-left: var(--spacing-scale-9xh) !important;
  }
  .pl-xl-n9xh {
    padding-left: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .p-xl-n9xh {
    padding: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .px-xl-n9xh {
    padding-left: calc(var(--spacing-scale-9xh)*-1) !important;
    padding-right: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .py-xl-n9xh {
    padding-bottom: calc(var(--spacing-scale-9xh)*-1) !important;
    padding-top: calc(var(--spacing-scale-9xh)*-1) !important;
  }
  .p-xl-10x {
    padding: var(--spacing-scale-10x) !important;
  }
  .px-xl-10x {
    padding-left: var(--spacing-scale-10x) !important;
    padding-right: var(--spacing-scale-10x) !important;
  }
  .py-xl-10x {
    padding-bottom: var(--spacing-scale-10x) !important;
  }
  .pt-xl-10x,
  .py-xl-10x {
    padding-top: var(--spacing-scale-10x) !important;
  }
  .pt-xl-n10x {
    padding-top: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .pr-xl-10x {
    padding-right: var(--spacing-scale-10x) !important;
  }
  .pr-xl-n10x {
    padding-right: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .pb-xl-10x {
    padding-bottom: var(--spacing-scale-10x) !important;
  }
  .pb-xl-n10x {
    padding-bottom: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .pl-xl-10x {
    padding-left: var(--spacing-scale-10x) !important;
  }
  .pl-xl-n10x {
    padding-left: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .p-xl-n10x {
    padding: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .px-xl-n10x {
    padding-left: calc(var(--spacing-scale-10x)*-1) !important;
    padding-right: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .py-xl-n10x {
    padding-bottom: calc(var(--spacing-scale-10x)*-1) !important;
    padding-top: calc(var(--spacing-scale-10x)*-1) !important;
  }
  .p-xl-10xh {
    padding: var(--spacing-scale-10xh) !important;
  }
  .px-xl-10xh {
    padding-left: var(--spacing-scale-10xh) !important;
    padding-right: var(--spacing-scale-10xh) !important;
  }
  .py-xl-10xh {
    padding-bottom: var(--spacing-scale-10xh) !important;
  }
  .pt-xl-10xh,
  .py-xl-10xh {
    padding-top: var(--spacing-scale-10xh) !important;
  }
  .pt-xl-n10xh {
    padding-top: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .pr-xl-10xh {
    padding-right: var(--spacing-scale-10xh) !important;
  }
  .pr-xl-n10xh {
    padding-right: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .pb-xl-10xh {
    padding-bottom: var(--spacing-scale-10xh) !important;
  }
  .pb-xl-n10xh {
    padding-bottom: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .pl-xl-10xh {
    padding-left: var(--spacing-scale-10xh) !important;
  }
  .pl-xl-n10xh {
    padding-left: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .p-xl-n10xh {
    padding: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .px-xl-n10xh {
    padding-left: calc(var(--spacing-scale-10xh)*-1) !important;
    padding-right: calc(var(--spacing-scale-10xh)*-1) !important;
  }
  .py-xl-n10xh {
    padding-bottom: calc(var(--spacing-scale-10xh)*-1) !important;
    padding-top: calc(var(--spacing-scale-10xh)*-1) !important;
  }
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
@media (min-width:576px) {
  .overflow-sm-auto {
    overflow: auto !important;
  }
  .overflow-sm-hidden {
    overflow: hidden !important;
  }
}
@media (min-width:992px) {
  .overflow-md-auto {
    overflow: auto !important;
  }
  .overflow-md-hidden {
    overflow: hidden !important;
  }
}
@media (min-width:1280px) {
  .overflow-lg-auto {
    overflow: auto !important;
  }
  .overflow-lg-hidden {
    overflow: hidden !important;
  }
}
@media (min-width:1600px) {
  .overflow-xl-auto {
    overflow: auto !important;
  }
  .overflow-xl-hidden {
    overflow: hidden !important;
  }
}
body {
  --bg-color:var(--background);
  --bg-color-rgb:var(--background-rgb);
  --bg-color-hsl:var(--background-hsl);
  --font-size:var(--font-size-scale-base);
  --font-weight:var(--font-weight-regular);
  --link-color:var(--interactive);
  --link-color-rgb:var(--interactive-rgb);
  --link-color-hsl:var(--interactive-hsl);
  --line-height:var(--font-line-height-medium);
  --text-color:var(--color);
  --text-color-rgb:var(--color-rgb);
  --text-color-hsl:var(--color-hsl);
  background: var(--bg-color);
  color: var(--text-color);
  font-family: var(--font-family-base);
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
}
p {
  color: var(--color);
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-regular);
  line-height: var(--font-line-height-medium);
  margin-bottom: var(--spacing-scale-2x);
  margin-top: 0;
}
p a {
  text-decoration: underline;
}
@media (min-width:576px) {
  p {
    font-size: var(--font-size-scale-up-01);
  }
}
a {
  --focus-offset:var(--spacing-scale-half);
}
a:focus {
  outline: none;
}
a.focus-visible,
a:focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}
a:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
a:not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
}
a {
  color: var(--interactive);
  text-decoration: none;
}
.main-content a {
  text-decoration: underline;
}
button {
  cursor: pointer;
}
img {
  max-width: 100%;
  vertical-align: middle;
}
.h1,
h1 {
  color: var(--color);
  font-size: var(--font-size-scale-up-04);
  font-weight: var(--font-weight-medium);
  line-height: var(--font-line-height-low);
  margin-bottom: var(--spacing-scale-2xh);
  margin-top: 0;
}
@media (min-width:576px) {
  .h1,
  h1 {
    font-size: var(--font-size-scale-up-06);
    font-weight: var(--font-weight-light);
    margin-bottom: var(--spacing-scale-4x);
  }
}
.h2,
h2 {
  color: var(--color);
  font-size: var(--font-size-scale-up-03);
  font-weight: var(--font-weight-semi-bold);
  line-height: var(--font-line-height-low);
  margin-bottom: var(--spacing-scale-2xh);
  margin-top: var(--spacing-scale-3xh);
  padding-bottom: var(--spacing-scale-2xh);
}
@media (min-width:576px) {
  .h2,
  h2 {
    font-size: var(--font-size-scale-up-05);
    font-weight: var(--font-weight-regular);
  }
}
.h3,
h3 {
  color: var(--color);
  font-size: var(--font-size-scale-up-02);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-line-height-low);
  margin-bottom: var(--spacing-scale-2xh);
  margin-top: var(--spacing-scale-3xh);
}
@media (min-width:576px) {
  .h3,
  h3 {
    font-size: var(--font-size-scale-up-04);
    font-weight: var(--font-weight-medium);
  }
}
.h4,
h4 {
  color: var(--color);
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-line-height-low);
  margin-bottom: var(--spacing-scale-2xh);
  margin-top: var(--spacing-scale-2x);
}
@media (min-width:576px) {
  .h4,
  h4 {
    font-size: var(--font-size-scale-up-03);
    font-weight: var(--font-weight-semi-bold);
    margin-top: var(--spacing-scale-3xh);
  }
}
.h5,
h5 {
  color: var(--color);
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-extra-bold);
  line-height: var(--font-line-height-low);
  margin-bottom: var(--spacing-scale-2x);
  margin-top: var(--spacing-scale-2x);
  padding-bottom: var(--spacing-scale-base);
  text-transform: uppercase;
}
@media (min-width:576px) {
  .h5,
  h5 {
    font-size: var(--font-size-scale-up-02);
    font-weight: var(--font-weight-bold);
    margin-top: var(--spacing-scale-3xh);
  }
}
.h6,
h6 {
  color: var(--color);
  font-size: var(--font-size-scale-down-01);
  font-weight: var(--font-weight-extra-bold);
  line-height: var(--font-line-height-low);
  margin-bottom: var(--spacing-scale-2x);
  margin-top: var(--spacing-scale-2x);
  padding-bottom: var(--spacing-scale-base);
  text-transform: uppercase;
}
@media (min-width:576px) {
  .h6,
  h6 {
    font-size: var(--font-size-scale-up-01);
    font-weight: var(--font-weight-extra-bold);
    margin-top: var(--spacing-scale-3xh);
  }
}
ol,
ul {
  margin-bottom: var(--spacing-scale-2x);
  margin-top: 0;
  padding: 0 0 0 var(--spacing-scale-5x);
}
blockquote {
  background-color: var(--color-secondary-02);
  border-left: 4px solid #268744;
  font-style: italic;
  margin: var(--spacing-scale-2x) 0;
  padding: var(--spacing-scale-2x);
  position: relative;
}
blockquote > :last-child {
  margin-bottom: 0;
}
table {
  --table-background:var(--background);
  --table-color:var(--color);
  --table-border-color:var(--gray-20);
  --table-border-style:solid;
  --table-border-width:1px;
  --table-hover:var(--color-rgb);
  --table-padding:var(--spacing-scale-3x);
  --table-font-weight:var(--font-weight-medium);
  --table-th-background:var(--background-alternative);
  --table-th-font-weight:var(--font-weight-semi-bold);
  --table-row-size:var(--spacing-scale-2x);
  border-collapse: collapse;
  width: 100%;
}
th {
  background-color: var(--background-alternative);
  font-weight: var(--table-th-font-weight);
}
td {
  font-weight: var(--table-font-weight);
}
td,
th {
  color: var(--color);
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-medium);
  padding: var(--table-row-size) var(--table-padding);
}
td:not([align]),
th:not([align]) {
  text-align: left;
}
tr.is-selected,
tr.selected {
  --color:var(--color-dark);
  --color-rgb:var(--color-dark-rgb);
  --text-color:var(--color-dark);
  --interactive:var(--interactive-dark);
  --interactive-rgb:var(--interactive-dark-rgb);
  --visited:var(--visited-dark);
  --hover:var(--hover-dark);
  --pressed:var(--pressed-dark);
  --focus-color:var(--focus-color-dark);
  --focus:var(--focus-color-dark);
}
tr.is-selected td,
tr.is-selected th,
tr.selected td,
tr.selected th {
  background-color: var(--selected);
}
tr:hover td {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
tbody td,
tbody th {
  border-bottom: var(--table-border-width) var(--table-border-style) var(--table-border-color);
}
.label,
label {
  color: var(--color);
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-semi-bold);
  line-height: var(--font-line-height-medium);
  margin-bottom: var(--spacing-scale-half);
}
.fieldset,
fieldset {
  border: var(--surface-width-none);
  margin-bottom: var(--spacing-scale-5x);
  margin-top: 0;
  padding: 0;
}
.legend,
legend {
  color: var(--color);
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-semi-bold);
  line-height: var(--font-line-height-low);
  margin-bottom: var(--spacing-scale-2x);
  margin-top: var(--spacing-scale-2x);
}
.placeholder,
::placeholder {
  color: var(--color-light);
  font-size: var(--font-size-scale-base);
  font-style: italic;
  font-weight: var(--font-weight-regular);
  line-height: var(--font-line-height-medium);
  margin-bottom: var(--spacing-scale-half);
  margin-top: var(--spacing-scale-half);
  opacity: 1;
}
.input,
input,
textarea {
  color: var(--color-light);
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-medium);
  line-height: var(--font-line-height-low);
  margin-bottom: var(--spacing-scale-half);
}
.code,
.help,
code {
  font-size: var(--font-size-scale-base);
}
.code,
code {
  border-radius: 4px;
  color: var(--gray-80);
  display: inline-block;
  font-family: monospace;
  font-weight: var(--font-weight-medium);
  line-height: var(--font-line-height-low);
  padding: var(--spacing-scale-half);
}
.code,
.pre,
code,
pre {
  background: var(--gray-5);
}
.pre,
pre {
  margin: var(--spacing-scale-2x) 0 var(--spacing-scale-4x);
  padding: var(--spacing-scale-2x);
}
.pre code,
pre code {
  display: inline;
  padding: 0;
}
.mark,
mark {
  background: var(--red-warm-vivid-10);
  color: var(--color);
}
.border-solid-none {
  border: var(--surface-width-none) solid var(--color-secondary-06) !important;
}
.border-solid-sm {
  border: var(--surface-width-sm) solid var(--color-secondary-06) !important;
}
.border-solid-md {
  border: var(--surface-width-md) solid var(--color-secondary-06) !important;
}
.border-solid-lg {
  border: var(--surface-width-lg) solid var(--color-secondary-06) !important;
}
.border-dashed-none {
  border: var(--surface-width-none) dashed var(--color-secondary-06) !important;
}
.border-dashed-sm {
  border: var(--surface-width-sm) dashed var(--color-secondary-06) !important;
}
.border-dashed-md {
  border: var(--surface-width-md) dashed var(--color-secondary-06) !important;
}
.border-dashed-lg {
  border: var(--surface-width-lg) dashed var(--color-secondary-06) !important;
}
.border-top {
  border-top: var(--border-width) var(--border-style) var(--border-color) !important;
}
.border-right {
  border-right: var(--border-width) var(--border-style) var(--border-color) !important;
}
.border-bottom {
  border-bottom: var(--border-width) var(--border-style) var(--border-color) !important;
}
.border-left {
  border-left: var(--border-width) var(--border-style) var(--border-color) !important;
}
.rounder-none {
  --radius:var(--surface-rounder-none);
}
.rounder-none,
.rounder-sm {
  border-radius: var(--radius) !important;
}
.rounder-sm {
  --radius:var(--surface-rounder-sm);
}
.rounder-md {
  --radius:var(--surface-rounder-md);
}
.rounder-lg,
.rounder-md {
  border-radius: var(--radius) !important;
}
.rounder-lg {
  --radius:var(--surface-rounder-lg);
}
.rounder-pill {
  --radius:var(--surface-rounder-pill);
  border-radius: var(--radius) !important;
}
.opacity-none {
  opacity: 0;
}
.opacity-default {
  opacity: 1;
}
.opacity-xs {
  opacity: .16;
}
.opacity-sm {
  opacity: .3;
}
.opacity-md {
  opacity: .45;
}
.opacity-lg {
  opacity: .65;
}
.opacity-xl {
  opacity: .85;
}
.overlay-scrim {
  background: rgba(var(--rgb-secondary-09), var(--surface-opacity-md));
}
.overlay-text {
  background: linear-gradient(rgba(var(--rgb-secondary-01), var(--surface-opacity-none)), rgba(var(--rgb-secondary-09), var(--surface-opacity-default)));
}
.bg-blue-90 {
  --background:var(--blue-90);
  background: var(--blue-90) !important;
}
.text-blue-90 {
  color: var(--blue-90) !important;
}
.border-blue-90 {
  border-color: var(--blue-90) !important;
}
.bg-blue-80 {
  --background:var(--blue-80);
  background: var(--blue-80) !important;
}
.text-blue-80 {
  color: var(--blue-80) !important;
}
.border-blue-80 {
  border-color: var(--blue-80) !important;
}
.bg-blue-70 {
  --background:var(--blue-70);
  background: var(--blue-70) !important;
}
.text-blue-70 {
  color: var(--blue-70) !important;
}
.border-blue-70 {
  border-color: var(--blue-70) !important;
}
.bg-blue-60 {
  --background:var(--blue-60);
  background: var(--blue-60) !important;
}
.text-blue-60 {
  color: var(--blue-60) !important;
}
.border-blue-60 {
  border-color: var(--blue-60) !important;
}
.bg-blue-50 {
  --background:var(--blue-50);
  background: var(--blue-50) !important;
}
.text-blue-50 {
  color: var(--blue-50) !important;
}
.border-blue-50 {
  border-color: var(--blue-50) !important;
}
.bg-blue-40 {
  --background:var(--blue-40);
  background: var(--blue-40) !important;
}
.text-blue-40 {
  color: var(--blue-40) !important;
}
.border-blue-40 {
  border-color: var(--blue-40) !important;
}
.bg-blue-30 {
  --background:var(--blue-30);
  background: var(--blue-30) !important;
}
.text-blue-30 {
  color: var(--blue-30) !important;
}
.border-blue-30 {
  border-color: var(--blue-30) !important;
}
.bg-blue-20 {
  --background:var(--blue-20);
  background: var(--blue-20) !important;
}
.text-blue-20 {
  color: var(--blue-20) !important;
}
.border-blue-20 {
  border-color: var(--blue-20) !important;
}
.bg-blue-10 {
  --background:var(--blue-10);
  background: var(--blue-10) !important;
}
.text-blue-10 {
  color: var(--blue-10) !important;
}
.border-blue-10 {
  border-color: var(--blue-10) !important;
}
.bg-blue-5 {
  --background:var(--blue-5);
  background: var(--blue-5) !important;
}
.text-blue-5 {
  color: var(--blue-5) !important;
}
.border-blue-5 {
  border-color: var(--blue-5) !important;
}
.bg-blue-cool-90 {
  --background:var(--blue-cool-90);
  background: var(--blue-cool-90) !important;
}
.text-blue-cool-90 {
  color: var(--blue-cool-90) !important;
}
.border-blue-cool-90 {
  border-color: var(--blue-cool-90) !important;
}
.bg-blue-cool-80 {
  --background:var(--blue-cool-80);
  background: var(--blue-cool-80) !important;
}
.text-blue-cool-80 {
  color: var(--blue-cool-80) !important;
}
.border-blue-cool-80 {
  border-color: var(--blue-cool-80) !important;
}
.bg-blue-cool-70 {
  --background:var(--blue-cool-70);
  background: var(--blue-cool-70) !important;
}
.text-blue-cool-70 {
  color: var(--blue-cool-70) !important;
}
.border-blue-cool-70 {
  border-color: var(--blue-cool-70) !important;
}
.bg-blue-cool-60 {
  --background:var(--blue-cool-60);
  background: var(--blue-cool-60) !important;
}
.text-blue-cool-60 {
  color: var(--blue-cool-60) !important;
}
.border-blue-cool-60 {
  border-color: var(--blue-cool-60) !important;
}
.bg-blue-cool-50 {
  --background:var(--blue-cool-50);
  background: var(--blue-cool-50) !important;
}
.text-blue-cool-50 {
  color: var(--blue-cool-50) !important;
}
.border-blue-cool-50 {
  border-color: var(--blue-cool-50) !important;
}
.bg-blue-cool-40 {
  --background:var(--blue-cool-40);
  background: var(--blue-cool-40) !important;
}
.text-blue-cool-40 {
  color: var(--blue-cool-40) !important;
}
.border-blue-cool-40 {
  border-color: var(--blue-cool-40) !important;
}
.bg-blue-cool-30 {
  --background:var(--blue-cool-30);
  background: var(--blue-cool-30) !important;
}
.text-blue-cool-30 {
  color: var(--blue-cool-30) !important;
}
.border-blue-cool-30 {
  border-color: var(--blue-cool-30) !important;
}
.bg-blue-cool-20 {
  --background:var(--blue-cool-20);
  background: var(--blue-cool-20) !important;
}
.text-blue-cool-20 {
  color: var(--blue-cool-20) !important;
}
.border-blue-cool-20 {
  border-color: var(--blue-cool-20) !important;
}
.bg-blue-cool-10 {
  --background:var(--blue-cool-10);
  background: var(--blue-cool-10) !important;
}
.text-blue-cool-10 {
  color: var(--blue-cool-10) !important;
}
.border-blue-cool-10 {
  border-color: var(--blue-cool-10) !important;
}
.bg-blue-cool-5 {
  --background:var(--blue-cool-5);
  background: var(--blue-cool-5) !important;
}
.text-blue-cool-5 {
  color: var(--blue-cool-5) !important;
}
.border-blue-cool-5 {
  border-color: var(--blue-cool-5) !important;
}
.bg-blue-warm-90 {
  --background:var(--blue-warm-90);
  background: var(--blue-warm-90) !important;
}
.text-blue-warm-90 {
  color: var(--blue-warm-90) !important;
}
.border-blue-warm-90 {
  border-color: var(--blue-warm-90) !important;
}
.bg-blue-warm-80 {
  --background:var(--blue-warm-80);
  background: var(--blue-warm-80) !important;
}
.text-blue-warm-80 {
  color: var(--blue-warm-80) !important;
}
.border-blue-warm-80 {
  border-color: var(--blue-warm-80) !important;
}
.bg-blue-warm-70 {
  --background:var(--blue-warm-70);
  background: var(--blue-warm-70) !important;
}
.text-blue-warm-70 {
  color: var(--blue-warm-70) !important;
}
.border-blue-warm-70 {
  border-color: var(--blue-warm-70) !important;
}
.bg-blue-warm-60 {
  --background:var(--blue-warm-60);
  background: var(--blue-warm-60) !important;
}
.text-blue-warm-60 {
  color: var(--blue-warm-60) !important;
}
.border-blue-warm-60 {
  border-color: var(--blue-warm-60) !important;
}
.bg-blue-warm-50 {
  --background:var(--blue-warm-50);
  background: var(--blue-warm-50) !important;
}
.text-blue-warm-50 {
  color: var(--blue-warm-50) !important;
}
.border-blue-warm-50 {
  border-color: var(--blue-warm-50) !important;
}
.bg-blue-warm-40 {
  --background:var(--blue-warm-40);
  background: var(--blue-warm-40) !important;
}
.text-blue-warm-40 {
  color: var(--blue-warm-40) !important;
}
.border-blue-warm-40 {
  border-color: var(--blue-warm-40) !important;
}
.bg-blue-warm-30 {
  --background:var(--blue-warm-30);
  background: var(--blue-warm-30) !important;
}
.text-blue-warm-30 {
  color: var(--blue-warm-30) !important;
}
.border-blue-warm-30 {
  border-color: var(--blue-warm-30) !important;
}
.bg-blue-warm-20 {
  --background:var(--blue-warm-20);
  background: var(--blue-warm-20) !important;
}
.text-blue-warm-20 {
  color: var(--blue-warm-20) !important;
}
.border-blue-warm-20 {
  border-color: var(--blue-warm-20) !important;
}
.bg-blue-warm-10 {
  --background:var(--blue-warm-10);
  background: var(--blue-warm-10) !important;
}
.text-blue-warm-10 {
  color: var(--blue-warm-10) !important;
}
.border-blue-warm-10 {
  border-color: var(--blue-warm-10) !important;
}
.bg-blue-warm-5 {
  --background:var(--blue-warm-5);
  background: var(--blue-warm-5) !important;
}
.text-blue-warm-5 {
  color: var(--blue-warm-5) !important;
}
.border-blue-warm-5 {
  border-color: var(--blue-warm-5) !important;
}
.bg-blue-vivid-80 {
  --background:var(--blue-vivid-80);
  background: var(--blue-vivid-80) !important;
}
.text-blue-vivid-80 {
  color: var(--blue-vivid-80) !important;
}
.border-blue-vivid-80 {
  border-color: var(--blue-vivid-80) !important;
}
.bg-blue-vivid-70 {
  --background:var(--blue-vivid-70);
  background: var(--blue-vivid-70) !important;
}
.text-blue-vivid-70 {
  color: var(--blue-vivid-70) !important;
}
.border-blue-vivid-70 {
  border-color: var(--blue-vivid-70) !important;
}
.bg-blue-vivid-60 {
  --background:var(--blue-vivid-60);
  background: var(--blue-vivid-60) !important;
}
.text-blue-vivid-60 {
  color: var(--blue-vivid-60) !important;
}
.border-blue-vivid-60 {
  border-color: var(--blue-vivid-60) !important;
}
.bg-blue-vivid-50 {
  --background:var(--blue-vivid-50);
  background: var(--blue-vivid-50) !important;
}
.text-blue-vivid-50 {
  color: var(--blue-vivid-50) !important;
}
.border-blue-vivid-50 {
  border-color: var(--blue-vivid-50) !important;
}
.bg-blue-vivid-40 {
  --background:var(--blue-vivid-40);
  background: var(--blue-vivid-40) !important;
}
.text-blue-vivid-40 {
  color: var(--blue-vivid-40) !important;
}
.border-blue-vivid-40 {
  border-color: var(--blue-vivid-40) !important;
}
.bg-blue-vivid-30 {
  --background:var(--blue-vivid-30);
  background: var(--blue-vivid-30) !important;
}
.text-blue-vivid-30 {
  color: var(--blue-vivid-30) !important;
}
.border-blue-vivid-30 {
  border-color: var(--blue-vivid-30) !important;
}
.bg-blue-vivid-20 {
  --background:var(--blue-vivid-20);
  background: var(--blue-vivid-20) !important;
}
.text-blue-vivid-20 {
  color: var(--blue-vivid-20) !important;
}
.border-blue-vivid-20 {
  border-color: var(--blue-vivid-20) !important;
}
.bg-blue-vivid-10 {
  --background:var(--blue-vivid-10);
  background: var(--blue-vivid-10) !important;
}
.text-blue-vivid-10 {
  color: var(--blue-vivid-10) !important;
}
.border-blue-vivid-10 {
  border-color: var(--blue-vivid-10) !important;
}
.bg-blue-vivid-5 {
  --background:var(--blue-vivid-5);
  background: var(--blue-vivid-5) !important;
}
.text-blue-vivid-5 {
  color: var(--blue-vivid-5) !important;
}
.border-blue-vivid-5 {
  border-color: var(--blue-vivid-5) !important;
}
.bg-blue-cool-vivid-80 {
  --background:var(--blue-cool-vivid-80);
  background: var(--blue-cool-vivid-80) !important;
}
.text-blue-cool-vivid-80 {
  color: var(--blue-cool-vivid-80) !important;
}
.border-blue-cool-vivid-80 {
  border-color: var(--blue-cool-vivid-80) !important;
}
.bg-blue-cool-vivid-70 {
  --background:var(--blue-cool-vivid-70);
  background: var(--blue-cool-vivid-70) !important;
}
.text-blue-cool-vivid-70 {
  color: var(--blue-cool-vivid-70) !important;
}
.border-blue-cool-vivid-70 {
  border-color: var(--blue-cool-vivid-70) !important;
}
.bg-blue-cool-vivid-60 {
  --background:var(--blue-cool-vivid-60);
  background: var(--blue-cool-vivid-60) !important;
}
.text-blue-cool-vivid-60 {
  color: var(--blue-cool-vivid-60) !important;
}
.border-blue-cool-vivid-60 {
  border-color: var(--blue-cool-vivid-60) !important;
}
.bg-blue-cool-vivid-50 {
  --background:var(--blue-cool-vivid-50);
  background: var(--blue-cool-vivid-50) !important;
}
.text-blue-cool-vivid-50 {
  color: var(--blue-cool-vivid-50) !important;
}
.border-blue-cool-vivid-50 {
  border-color: var(--blue-cool-vivid-50) !important;
}
.bg-blue-cool-vivid-40 {
  --background:var(--blue-cool-vivid-40);
  background: var(--blue-cool-vivid-40) !important;
}
.text-blue-cool-vivid-40 {
  color: var(--blue-cool-vivid-40) !important;
}
.border-blue-cool-vivid-40 {
  border-color: var(--blue-cool-vivid-40) !important;
}
.bg-blue-cool-vivid-30 {
  --background:var(--blue-cool-vivid-30);
  background: var(--blue-cool-vivid-30) !important;
}
.text-blue-cool-vivid-30 {
  color: var(--blue-cool-vivid-30) !important;
}
.border-blue-cool-vivid-30 {
  border-color: var(--blue-cool-vivid-30) !important;
}
.bg-blue-cool-vivid-20 {
  --background:var(--blue-cool-vivid-20);
  background: var(--blue-cool-vivid-20) !important;
}
.text-blue-cool-vivid-20 {
  color: var(--blue-cool-vivid-20) !important;
}
.border-blue-cool-vivid-20 {
  border-color: var(--blue-cool-vivid-20) !important;
}
.bg-blue-cool-vivid-10 {
  --background:var(--blue-cool-vivid-10);
  background: var(--blue-cool-vivid-10) !important;
}
.text-blue-cool-vivid-10 {
  color: var(--blue-cool-vivid-10) !important;
}
.border-blue-cool-vivid-10 {
  border-color: var(--blue-cool-vivid-10) !important;
}
.bg-blue-cool-vivid-5 {
  --background:var(--blue-cool-vivid-5);
  background: var(--blue-cool-vivid-5) !important;
}
.text-blue-cool-vivid-5 {
  color: var(--blue-cool-vivid-5) !important;
}
.border-blue-cool-vivid-5 {
  border-color: var(--blue-cool-vivid-5) !important;
}
.bg-blue-warm-vivid-90 {
  --background:var(--blue-warm-vivid-90);
  background: var(--blue-warm-vivid-90) !important;
}
.text-blue-warm-vivid-90 {
  color: var(--blue-warm-vivid-90) !important;
}
.border-blue-warm-vivid-90 {
  border-color: var(--blue-warm-vivid-90) !important;
}
.bg-blue-warm-vivid-80 {
  --background:var(--blue-warm-vivid-80);
  background: var(--blue-warm-vivid-80) !important;
}
.text-blue-warm-vivid-80 {
  color: var(--blue-warm-vivid-80) !important;
}
.border-blue-warm-vivid-80 {
  border-color: var(--blue-warm-vivid-80) !important;
}
.bg-blue-warm-vivid-70 {
  --background:var(--blue-warm-vivid-70);
  background: var(--blue-warm-vivid-70) !important;
}
.text-blue-warm-vivid-70 {
  color: var(--blue-warm-vivid-70) !important;
}
.border-blue-warm-vivid-70 {
  border-color: var(--blue-warm-vivid-70) !important;
}
.bg-blue-warm-vivid-60 {
  --background:var(--blue-warm-vivid-60);
  background: var(--blue-warm-vivid-60) !important;
}
.text-blue-warm-vivid-60 {
  color: var(--blue-warm-vivid-60) !important;
}
.border-blue-warm-vivid-60 {
  border-color: var(--blue-warm-vivid-60) !important;
}
.bg-blue-warm-vivid-50 {
  --background:var(--blue-warm-vivid-50);
  background: var(--blue-warm-vivid-50) !important;
}
.text-blue-warm-vivid-50 {
  color: var(--blue-warm-vivid-50) !important;
}
.border-blue-warm-vivid-50 {
  border-color: var(--blue-warm-vivid-50) !important;
}
.bg-blue-warm-vivid-40 {
  --background:var(--blue-warm-vivid-40);
  background: var(--blue-warm-vivid-40) !important;
}
.text-blue-warm-vivid-40 {
  color: var(--blue-warm-vivid-40) !important;
}
.border-blue-warm-vivid-40 {
  border-color: var(--blue-warm-vivid-40) !important;
}
.bg-blue-warm-vivid-30 {
  --background:var(--blue-warm-vivid-30);
  background: var(--blue-warm-vivid-30) !important;
}
.text-blue-warm-vivid-30 {
  color: var(--blue-warm-vivid-30) !important;
}
.border-blue-warm-vivid-30 {
  border-color: var(--blue-warm-vivid-30) !important;
}
.bg-blue-warm-vivid-20 {
  --background:var(--blue-warm-vivid-20);
  background: var(--blue-warm-vivid-20) !important;
}
.text-blue-warm-vivid-20 {
  color: var(--blue-warm-vivid-20) !important;
}
.border-blue-warm-vivid-20 {
  border-color: var(--blue-warm-vivid-20) !important;
}
.bg-blue-warm-vivid-10 {
  --background:var(--blue-warm-vivid-10);
  background: var(--blue-warm-vivid-10) !important;
}
.text-blue-warm-vivid-10 {
  color: var(--blue-warm-vivid-10) !important;
}
.border-blue-warm-vivid-10 {
  border-color: var(--blue-warm-vivid-10) !important;
}
.bg-blue-warm-vivid-5 {
  --background:var(--blue-warm-vivid-5);
  background: var(--blue-warm-vivid-5) !important;
}
.text-blue-warm-vivid-5 {
  color: var(--blue-warm-vivid-5) !important;
}
.border-blue-warm-vivid-5 {
  border-color: var(--blue-warm-vivid-5) !important;
}
.bg-cyan-90 {
  --background:var(--cyan-90);
  background: var(--cyan-90) !important;
}
.text-cyan-90 {
  color: var(--cyan-90) !important;
}
.border-cyan-90 {
  border-color: var(--cyan-90) !important;
}
.bg-cyan-80 {
  --background:var(--cyan-80);
  background: var(--cyan-80) !important;
}
.text-cyan-80 {
  color: var(--cyan-80) !important;
}
.border-cyan-80 {
  border-color: var(--cyan-80) !important;
}
.bg-cyan-70 {
  --background:var(--cyan-70);
  background: var(--cyan-70) !important;
}
.text-cyan-70 {
  color: var(--cyan-70) !important;
}
.border-cyan-70 {
  border-color: var(--cyan-70) !important;
}
.bg-cyan-60 {
  --background:var(--cyan-60);
  background: var(--cyan-60) !important;
}
.text-cyan-60 {
  color: var(--cyan-60) !important;
}
.border-cyan-60 {
  border-color: var(--cyan-60) !important;
}
.bg-cyan-50 {
  --background:var(--cyan-50);
  background: var(--cyan-50) !important;
}
.text-cyan-50 {
  color: var(--cyan-50) !important;
}
.border-cyan-50 {
  border-color: var(--cyan-50) !important;
}
.bg-cyan-40 {
  --background:var(--cyan-40);
  background: var(--cyan-40) !important;
}
.text-cyan-40 {
  color: var(--cyan-40) !important;
}
.border-cyan-40 {
  border-color: var(--cyan-40) !important;
}
.bg-cyan-30 {
  --background:var(--cyan-30);
  background: var(--cyan-30) !important;
}
.text-cyan-30 {
  color: var(--cyan-30) !important;
}
.border-cyan-30 {
  border-color: var(--cyan-30) !important;
}
.bg-cyan-20 {
  --background:var(--cyan-20);
  background: var(--cyan-20) !important;
}
.text-cyan-20 {
  color: var(--cyan-20) !important;
}
.border-cyan-20 {
  border-color: var(--cyan-20) !important;
}
.bg-cyan-10 {
  --background:var(--cyan-10);
  background: var(--cyan-10) !important;
}
.text-cyan-10 {
  color: var(--cyan-10) !important;
}
.border-cyan-10 {
  border-color: var(--cyan-10) !important;
}
.bg-cyan-5 {
  --background:var(--cyan-5);
  background: var(--cyan-5) !important;
}
.text-cyan-5 {
  color: var(--cyan-5) !important;
}
.border-cyan-5 {
  border-color: var(--cyan-5) !important;
}
.bg-cyan-vivid-80 {
  --background:var(--cyan-vivid-80);
  background: var(--cyan-vivid-80) !important;
}
.text-cyan-vivid-80 {
  color: var(--cyan-vivid-80) !important;
}
.border-cyan-vivid-80 {
  border-color: var(--cyan-vivid-80) !important;
}
.bg-cyan-vivid-70 {
  --background:var(--cyan-vivid-70);
  background: var(--cyan-vivid-70) !important;
}
.text-cyan-vivid-70 {
  color: var(--cyan-vivid-70) !important;
}
.border-cyan-vivid-70 {
  border-color: var(--cyan-vivid-70) !important;
}
.bg-cyan-vivid-60 {
  --background:var(--cyan-vivid-60);
  background: var(--cyan-vivid-60) !important;
}
.text-cyan-vivid-60 {
  color: var(--cyan-vivid-60) !important;
}
.border-cyan-vivid-60 {
  border-color: var(--cyan-vivid-60) !important;
}
.bg-cyan-vivid-50 {
  --background:var(--cyan-vivid-50);
  background: var(--cyan-vivid-50) !important;
}
.text-cyan-vivid-50 {
  color: var(--cyan-vivid-50) !important;
}
.border-cyan-vivid-50 {
  border-color: var(--cyan-vivid-50) !important;
}
.bg-cyan-vivid-40 {
  --background:var(--cyan-vivid-40);
  background: var(--cyan-vivid-40) !important;
}
.text-cyan-vivid-40 {
  color: var(--cyan-vivid-40) !important;
}
.border-cyan-vivid-40 {
  border-color: var(--cyan-vivid-40) !important;
}
.bg-cyan-vivid-30 {
  --background:var(--cyan-vivid-30);
  background: var(--cyan-vivid-30) !important;
}
.text-cyan-vivid-30 {
  color: var(--cyan-vivid-30) !important;
}
.border-cyan-vivid-30 {
  border-color: var(--cyan-vivid-30) !important;
}
.bg-cyan-vivid-20 {
  --background:var(--cyan-vivid-20);
  background: var(--cyan-vivid-20) !important;
}
.text-cyan-vivid-20 {
  color: var(--cyan-vivid-20) !important;
}
.border-cyan-vivid-20 {
  border-color: var(--cyan-vivid-20) !important;
}
.bg-cyan-vivid-10 {
  --background:var(--cyan-vivid-10);
  background: var(--cyan-vivid-10) !important;
}
.text-cyan-vivid-10 {
  color: var(--cyan-vivid-10) !important;
}
.border-cyan-vivid-10 {
  border-color: var(--cyan-vivid-10) !important;
}
.bg-cyan-vivid-5 {
  --background:var(--cyan-vivid-5);
  background: var(--cyan-vivid-5) !important;
}
.text-cyan-vivid-5 {
  color: var(--cyan-vivid-5) !important;
}
.border-cyan-vivid-5 {
  border-color: var(--cyan-vivid-5) !important;
}
.bg-gold-90 {
  --background:var(--gold-90);
  background: var(--gold-90) !important;
}
.text-gold-90 {
  color: var(--gold-90) !important;
}
.border-gold-90 {
  border-color: var(--gold-90) !important;
}
.bg-gold-80 {
  --background:var(--gold-80);
  background: var(--gold-80) !important;
}
.text-gold-80 {
  color: var(--gold-80) !important;
}
.border-gold-80 {
  border-color: var(--gold-80) !important;
}
.bg-gold-70 {
  --background:var(--gold-70);
  background: var(--gold-70) !important;
}
.text-gold-70 {
  color: var(--gold-70) !important;
}
.border-gold-70 {
  border-color: var(--gold-70) !important;
}
.bg-gold-60 {
  --background:var(--gold-60);
  background: var(--gold-60) !important;
}
.text-gold-60 {
  color: var(--gold-60) !important;
}
.border-gold-60 {
  border-color: var(--gold-60) !important;
}
.bg-gold-50 {
  --background:var(--gold-50);
  background: var(--gold-50) !important;
}
.text-gold-50 {
  color: var(--gold-50) !important;
}
.border-gold-50 {
  border-color: var(--gold-50) !important;
}
.bg-gold-40 {
  --background:var(--gold-40);
  background: var(--gold-40) !important;
}
.text-gold-40 {
  color: var(--gold-40) !important;
}
.border-gold-40 {
  border-color: var(--gold-40) !important;
}
.bg-gold-30 {
  --background:var(--gold-30);
  background: var(--gold-30) !important;
}
.text-gold-30 {
  color: var(--gold-30) !important;
}
.border-gold-30 {
  border-color: var(--gold-30) !important;
}
.bg-gold-20 {
  --background:var(--gold-20);
  background: var(--gold-20) !important;
}
.text-gold-20 {
  color: var(--gold-20) !important;
}
.border-gold-20 {
  border-color: var(--gold-20) !important;
}
.bg-gold-10 {
  --background:var(--gold-10);
  background: var(--gold-10) !important;
}
.text-gold-10 {
  color: var(--gold-10) !important;
}
.border-gold-10 {
  border-color: var(--gold-10) !important;
}
.bg-gold-5 {
  --background:var(--gold-5);
  background: var(--gold-5) !important;
}
.text-gold-5 {
  color: var(--gold-5) !important;
}
.border-gold-5 {
  border-color: var(--gold-5) !important;
}
.bg-gold-vivid-80 {
  --background:var(--gold-vivid-80);
  background: var(--gold-vivid-80) !important;
}
.text-gold-vivid-80 {
  color: var(--gold-vivid-80) !important;
}
.border-gold-vivid-80 {
  border-color: var(--gold-vivid-80) !important;
}
.bg-gold-vivid-70 {
  --background:var(--gold-vivid-70);
  background: var(--gold-vivid-70) !important;
}
.text-gold-vivid-70 {
  color: var(--gold-vivid-70) !important;
}
.border-gold-vivid-70 {
  border-color: var(--gold-vivid-70) !important;
}
.bg-gold-vivid-60 {
  --background:var(--gold-vivid-60);
  background: var(--gold-vivid-60) !important;
}
.text-gold-vivid-60 {
  color: var(--gold-vivid-60) !important;
}
.border-gold-vivid-60 {
  border-color: var(--gold-vivid-60) !important;
}
.bg-gold-vivid-50 {
  --background:var(--gold-vivid-50);
  background: var(--gold-vivid-50) !important;
}
.text-gold-vivid-50 {
  color: var(--gold-vivid-50) !important;
}
.border-gold-vivid-50 {
  border-color: var(--gold-vivid-50) !important;
}
.bg-gold-vivid-40 {
  --background:var(--gold-vivid-40);
  background: var(--gold-vivid-40) !important;
}
.text-gold-vivid-40 {
  color: var(--gold-vivid-40) !important;
}
.border-gold-vivid-40 {
  border-color: var(--gold-vivid-40) !important;
}
.bg-gold-vivid-30 {
  --background:var(--gold-vivid-30);
  background: var(--gold-vivid-30) !important;
}
.text-gold-vivid-30 {
  color: var(--gold-vivid-30) !important;
}
.border-gold-vivid-30 {
  border-color: var(--gold-vivid-30) !important;
}
.bg-gold-vivid-20 {
  --background:var(--gold-vivid-20);
  background: var(--gold-vivid-20) !important;
}
.text-gold-vivid-20 {
  color: var(--gold-vivid-20) !important;
}
.border-gold-vivid-20 {
  border-color: var(--gold-vivid-20) !important;
}
.bg-gold-vivid-10 {
  --background:var(--gold-vivid-10);
  background: var(--gold-vivid-10) !important;
}
.text-gold-vivid-10 {
  color: var(--gold-vivid-10) !important;
}
.border-gold-vivid-10 {
  border-color: var(--gold-vivid-10) !important;
}
.bg-gold-vivid-5 {
  --background:var(--gold-vivid-5);
  background: var(--gold-vivid-5) !important;
}
.text-gold-vivid-5 {
  color: var(--gold-vivid-5) !important;
}
.border-gold-vivid-5 {
  border-color: var(--gold-vivid-5) !important;
}
.bg-gray-90 {
  --background:var(--gray-90);
  background: var(--gray-90) !important;
}
.text-gray-90 {
  color: var(--gray-90) !important;
}
.border-gray-90 {
  border-color: var(--gray-90) !important;
}
.bg-gray-80 {
  --background:var(--gray-80);
  background: var(--gray-80) !important;
}
.text-gray-80 {
  color: var(--gray-80) !important;
}
.border-gray-80 {
  border-color: var(--gray-80) !important;
}
.bg-gray-70 {
  --background:var(--gray-70);
  background: var(--gray-70) !important;
}
.text-gray-70 {
  color: var(--gray-70) !important;
}
.border-gray-70 {
  border-color: var(--gray-70) !important;
}
.bg-gray-60 {
  --background:var(--gray-60);
  background: var(--gray-60) !important;
}
.text-gray-60 {
  color: var(--gray-60) !important;
}
.border-gray-60 {
  border-color: var(--gray-60) !important;
}
.bg-gray-50 {
  --background:var(--gray-50);
  background: var(--gray-50) !important;
}
.text-gray-50 {
  color: var(--gray-50) !important;
}
.border-gray-50 {
  border-color: var(--gray-50) !important;
}
.bg-gray-40 {
  --background:var(--gray-40);
  background: var(--gray-40) !important;
}
.text-gray-40 {
  color: var(--gray-40) !important;
}
.border-gray-40 {
  border-color: var(--gray-40) !important;
}
.bg-gray-30 {
  --background:var(--gray-30);
  background: var(--gray-30) !important;
}
.text-gray-30 {
  color: var(--gray-30) !important;
}
.border-gray-30 {
  border-color: var(--gray-30) !important;
}
.bg-gray-20 {
  --background:var(--gray-20);
  background: var(--gray-20) !important;
}
.text-gray-20 {
  color: var(--gray-20) !important;
}
.border-gray-20 {
  border-color: var(--gray-20) !important;
}
.bg-gray-10 {
  --background:var(--gray-10);
  background: var(--gray-10) !important;
}
.text-gray-10 {
  color: var(--gray-10) !important;
}
.border-gray-10 {
  border-color: var(--gray-10) !important;
}
.bg-gray-5 {
  --background:var(--gray-5);
  background: var(--gray-5) !important;
}
.text-gray-5 {
  color: var(--gray-5) !important;
}
.border-gray-5 {
  border-color: var(--gray-5) !important;
}
.bg-gray-4 {
  --background:var(--gray-4);
  background: var(--gray-4) !important;
}
.text-gray-4 {
  color: var(--gray-4) !important;
}
.border-gray-4 {
  border-color: var(--gray-4) !important;
}
.bg-gray-3 {
  --background:var(--gray-3);
  background: var(--gray-3) !important;
}
.text-gray-3 {
  color: var(--gray-3) !important;
}
.border-gray-3 {
  border-color: var(--gray-3) !important;
}
.bg-gray-2 {
  --background:var(--gray-2);
  background: var(--gray-2) !important;
}
.text-gray-2 {
  color: var(--gray-2) !important;
}
.border-gray-2 {
  border-color: var(--gray-2) !important;
}
.bg-gray-1 {
  --background:var(--gray-1);
  background: var(--gray-1) !important;
}
.text-gray-1 {
  color: var(--gray-1) !important;
}
.border-gray-1 {
  border-color: var(--gray-1) !important;
}
.bg-gray-cool-90 {
  --background:var(--gray-cool-90);
  background: var(--gray-cool-90) !important;
}
.text-gray-cool-90 {
  color: var(--gray-cool-90) !important;
}
.border-gray-cool-90 {
  border-color: var(--gray-cool-90) !important;
}
.bg-gray-cool-80 {
  --background:var(--gray-cool-80);
  background: var(--gray-cool-80) !important;
}
.text-gray-cool-80 {
  color: var(--gray-cool-80) !important;
}
.border-gray-cool-80 {
  border-color: var(--gray-cool-80) !important;
}
.bg-gray-cool-70 {
  --background:var(--gray-cool-70);
  background: var(--gray-cool-70) !important;
}
.text-gray-cool-70 {
  color: var(--gray-cool-70) !important;
}
.border-gray-cool-70 {
  border-color: var(--gray-cool-70) !important;
}
.bg-gray-cool-60 {
  --background:var(--gray-cool-60);
  background: var(--gray-cool-60) !important;
}
.text-gray-cool-60 {
  color: var(--gray-cool-60) !important;
}
.border-gray-cool-60 {
  border-color: var(--gray-cool-60) !important;
}
.bg-gray-cool-50 {
  --background:var(--gray-cool-50);
  background: var(--gray-cool-50) !important;
}
.text-gray-cool-50 {
  color: var(--gray-cool-50) !important;
}
.border-gray-cool-50 {
  border-color: var(--gray-cool-50) !important;
}
.bg-gray-cool-40 {
  --background:var(--gray-cool-40);
  background: var(--gray-cool-40) !important;
}
.text-gray-cool-40 {
  color: var(--gray-cool-40) !important;
}
.border-gray-cool-40 {
  border-color: var(--gray-cool-40) !important;
}
.bg-gray-cool-30 {
  --background:var(--gray-cool-30);
  background: var(--gray-cool-30) !important;
}
.text-gray-cool-30 {
  color: var(--gray-cool-30) !important;
}
.border-gray-cool-30 {
  border-color: var(--gray-cool-30) !important;
}
.bg-gray-cool-20 {
  --background:var(--gray-cool-20);
  background: var(--gray-cool-20) !important;
}
.text-gray-cool-20 {
  color: var(--gray-cool-20) !important;
}
.border-gray-cool-20 {
  border-color: var(--gray-cool-20) !important;
}
.bg-gray-cool-10 {
  --background:var(--gray-cool-10);
  background: var(--gray-cool-10) !important;
}
.text-gray-cool-10 {
  color: var(--gray-cool-10) !important;
}
.border-gray-cool-10 {
  border-color: var(--gray-cool-10) !important;
}
.bg-gray-cool-5 {
  --background:var(--gray-cool-5);
  background: var(--gray-cool-5) !important;
}
.text-gray-cool-5 {
  color: var(--gray-cool-5) !important;
}
.border-gray-cool-5 {
  border-color: var(--gray-cool-5) !important;
}
.bg-gray-cool-4 {
  --background:var(--gray-cool-4);
  background: var(--gray-cool-4) !important;
}
.text-gray-cool-4 {
  color: var(--gray-cool-4) !important;
}
.border-gray-cool-4 {
  border-color: var(--gray-cool-4) !important;
}
.bg-gray-cool-3 {
  --background:var(--gray-cool-3);
  background: var(--gray-cool-3) !important;
}
.text-gray-cool-3 {
  color: var(--gray-cool-3) !important;
}
.border-gray-cool-3 {
  border-color: var(--gray-cool-3) !important;
}
.bg-gray-cool-2 {
  --background:var(--gray-cool-2);
  background: var(--gray-cool-2) !important;
}
.text-gray-cool-2 {
  color: var(--gray-cool-2) !important;
}
.border-gray-cool-2 {
  border-color: var(--gray-cool-2) !important;
}
.bg-gray-cool-1 {
  --background:var(--gray-cool-1);
  background: var(--gray-cool-1) !important;
}
.text-gray-cool-1 {
  color: var(--gray-cool-1) !important;
}
.border-gray-cool-1 {
  border-color: var(--gray-cool-1) !important;
}
.bg-gray-warm-90 {
  --background:var(--gray-warm-90);
  background: var(--gray-warm-90) !important;
}
.text-gray-warm-90 {
  color: var(--gray-warm-90) !important;
}
.border-gray-warm-90 {
  border-color: var(--gray-warm-90) !important;
}
.bg-gray-warm-80 {
  --background:var(--gray-warm-80);
  background: var(--gray-warm-80) !important;
}
.text-gray-warm-80 {
  color: var(--gray-warm-80) !important;
}
.border-gray-warm-80 {
  border-color: var(--gray-warm-80) !important;
}
.bg-gray-warm-70 {
  --background:var(--gray-warm-70);
  background: var(--gray-warm-70) !important;
}
.text-gray-warm-70 {
  color: var(--gray-warm-70) !important;
}
.border-gray-warm-70 {
  border-color: var(--gray-warm-70) !important;
}
.bg-gray-warm-60 {
  --background:var(--gray-warm-60);
  background: var(--gray-warm-60) !important;
}
.text-gray-warm-60 {
  color: var(--gray-warm-60) !important;
}
.border-gray-warm-60 {
  border-color: var(--gray-warm-60) !important;
}
.bg-gray-warm-50 {
  --background:var(--gray-warm-50);
  background: var(--gray-warm-50) !important;
}
.text-gray-warm-50 {
  color: var(--gray-warm-50) !important;
}
.border-gray-warm-50 {
  border-color: var(--gray-warm-50) !important;
}
.bg-gray-warm-40 {
  --background:var(--gray-warm-40);
  background: var(--gray-warm-40) !important;
}
.text-gray-warm-40 {
  color: var(--gray-warm-40) !important;
}
.border-gray-warm-40 {
  border-color: var(--gray-warm-40) !important;
}
.bg-gray-warm-30 {
  --background:var(--gray-warm-30);
  background: var(--gray-warm-30) !important;
}
.text-gray-warm-30 {
  color: var(--gray-warm-30) !important;
}
.border-gray-warm-30 {
  border-color: var(--gray-warm-30) !important;
}
.bg-gray-warm-20 {
  --background:var(--gray-warm-20);
  background: var(--gray-warm-20) !important;
}
.text-gray-warm-20 {
  color: var(--gray-warm-20) !important;
}
.border-gray-warm-20 {
  border-color: var(--gray-warm-20) !important;
}
.bg-gray-warm-10 {
  --background:var(--gray-warm-10);
  background: var(--gray-warm-10) !important;
}
.text-gray-warm-10 {
  color: var(--gray-warm-10) !important;
}
.border-gray-warm-10 {
  border-color: var(--gray-warm-10) !important;
}
.bg-gray-warm-5 {
  --background:var(--gray-warm-5);
  background: var(--gray-warm-5) !important;
}
.text-gray-warm-5 {
  color: var(--gray-warm-5) !important;
}
.border-gray-warm-5 {
  border-color: var(--gray-warm-5) !important;
}
.bg-gray-warm-4 {
  --background:var(--gray-warm-4);
  background: var(--gray-warm-4) !important;
}
.text-gray-warm-4 {
  color: var(--gray-warm-4) !important;
}
.border-gray-warm-4 {
  border-color: var(--gray-warm-4) !important;
}
.bg-gray-warm-3 {
  --background:var(--gray-warm-3);
  background: var(--gray-warm-3) !important;
}
.text-gray-warm-3 {
  color: var(--gray-warm-3) !important;
}
.border-gray-warm-3 {
  border-color: var(--gray-warm-3) !important;
}
.bg-gray-warm-2 {
  --background:var(--gray-warm-2);
  background: var(--gray-warm-2) !important;
}
.text-gray-warm-2 {
  color: var(--gray-warm-2) !important;
}
.border-gray-warm-2 {
  border-color: var(--gray-warm-2) !important;
}
.bg-gray-warm-1 {
  --background:var(--gray-warm-1);
  background: var(--gray-warm-1) !important;
}
.text-gray-warm-1 {
  color: var(--gray-warm-1) !important;
}
.border-gray-warm-1 {
  border-color: var(--gray-warm-1) !important;
}
.bg-green-90 {
  --background:var(--green-90);
  background: var(--green-90) !important;
}
.text-green-90 {
  color: var(--green-90) !important;
}
.border-green-90 {
  border-color: var(--green-90) !important;
}
.bg-green-80 {
  --background:var(--green-80);
  background: var(--green-80) !important;
}
.text-green-80 {
  color: var(--green-80) !important;
}
.border-green-80 {
  border-color: var(--green-80) !important;
}
.bg-green-70 {
  --background:var(--green-70);
  background: var(--green-70) !important;
}
.text-green-70 {
  color: var(--green-70) !important;
}
.border-green-70 {
  border-color: var(--green-70) !important;
}
.bg-green-60 {
  --background:var(--green-60);
  background: var(--green-60) !important;
}
.text-green-60 {
  color: var(--green-60) !important;
}
.border-green-60 {
  border-color: var(--green-60) !important;
}
.bg-green-50 {
  --background:var(--green-50);
  background: var(--green-50) !important;
}
.text-green-50 {
  color: var(--green-50) !important;
}
.border-green-50 {
  border-color: var(--green-50) !important;
}
.bg-green-40 {
  --background:var(--green-40);
  background: var(--green-40) !important;
}
.text-green-40 {
  color: var(--green-40) !important;
}
.border-green-40 {
  border-color: var(--green-40) !important;
}
.bg-green-30 {
  --background:var(--green-30);
  background: var(--green-30) !important;
}
.text-green-30 {
  color: var(--green-30) !important;
}
.border-green-30 {
  border-color: var(--green-30) !important;
}
.bg-green-20 {
  --background:var(--green-20);
  background: var(--green-20) !important;
}
.text-green-20 {
  color: var(--green-20) !important;
}
.border-green-20 {
  border-color: var(--green-20) !important;
}
.bg-green-10 {
  --background:var(--green-10);
  background: var(--green-10) !important;
}
.text-green-10 {
  color: var(--green-10) !important;
}
.border-green-10 {
  border-color: var(--green-10) !important;
}
.bg-green-5 {
  --background:var(--green-5);
  background: var(--green-5) !important;
}
.text-green-5 {
  color: var(--green-5) !important;
}
.border-green-5 {
  border-color: var(--green-5) !important;
}
.bg-green-cool-90 {
  --background:var(--green-cool-90);
  background: var(--green-cool-90) !important;
}
.text-green-cool-90 {
  color: var(--green-cool-90) !important;
}
.border-green-cool-90 {
  border-color: var(--green-cool-90) !important;
}
.bg-green-cool-80 {
  --background:var(--green-cool-80);
  background: var(--green-cool-80) !important;
}
.text-green-cool-80 {
  color: var(--green-cool-80) !important;
}
.border-green-cool-80 {
  border-color: var(--green-cool-80) !important;
}
.bg-green-cool-70 {
  --background:var(--green-cool-70);
  background: var(--green-cool-70) !important;
}
.text-green-cool-70 {
  color: var(--green-cool-70) !important;
}
.border-green-cool-70 {
  border-color: var(--green-cool-70) !important;
}
.bg-green-cool-60 {
  --background:var(--green-cool-60);
  background: var(--green-cool-60) !important;
}
.text-green-cool-60 {
  color: var(--green-cool-60) !important;
}
.border-green-cool-60 {
  border-color: var(--green-cool-60) !important;
}
.bg-green-cool-50 {
  --background:var(--green-cool-50);
  background: var(--green-cool-50) !important;
}
.text-green-cool-50 {
  color: var(--green-cool-50) !important;
}
.border-green-cool-50 {
  border-color: var(--green-cool-50) !important;
}
.bg-green-cool-40 {
  --background:var(--green-cool-40);
  background: var(--green-cool-40) !important;
}
.text-green-cool-40 {
  color: var(--green-cool-40) !important;
}
.border-green-cool-40 {
  border-color: var(--green-cool-40) !important;
}
.bg-green-cool-30 {
  --background:var(--green-cool-30);
  background: var(--green-cool-30) !important;
}
.text-green-cool-30 {
  color: var(--green-cool-30) !important;
}
.border-green-cool-30 {
  border-color: var(--green-cool-30) !important;
}
.bg-green-cool-20 {
  --background:var(--green-cool-20);
  background: var(--green-cool-20) !important;
}
.text-green-cool-20 {
  color: var(--green-cool-20) !important;
}
.border-green-cool-20 {
  border-color: var(--green-cool-20) !important;
}
.bg-green-cool-10 {
  --background:var(--green-cool-10);
  background: var(--green-cool-10) !important;
}
.text-green-cool-10 {
  color: var(--green-cool-10) !important;
}
.border-green-cool-10 {
  border-color: var(--green-cool-10) !important;
}
.bg-green-cool-5 {
  --background:var(--green-cool-5);
  background: var(--green-cool-5) !important;
}
.text-green-cool-5 {
  color: var(--green-cool-5) !important;
}
.border-green-cool-5 {
  border-color: var(--green-cool-5) !important;
}
.bg-green-warm-90 {
  --background:var(--green-warm-90);
  background: var(--green-warm-90) !important;
}
.text-green-warm-90 {
  color: var(--green-warm-90) !important;
}
.border-green-warm-90 {
  border-color: var(--green-warm-90) !important;
}
.bg-green-warm-80 {
  --background:var(--green-warm-80);
  background: var(--green-warm-80) !important;
}
.text-green-warm-80 {
  color: var(--green-warm-80) !important;
}
.border-green-warm-80 {
  border-color: var(--green-warm-80) !important;
}
.bg-green-warm-70 {
  --background:var(--green-warm-70);
  background: var(--green-warm-70) !important;
}
.text-green-warm-70 {
  color: var(--green-warm-70) !important;
}
.border-green-warm-70 {
  border-color: var(--green-warm-70) !important;
}
.bg-green-warm-60 {
  --background:var(--green-warm-60);
  background: var(--green-warm-60) !important;
}
.text-green-warm-60 {
  color: var(--green-warm-60) !important;
}
.border-green-warm-60 {
  border-color: var(--green-warm-60) !important;
}
.bg-green-warm-50 {
  --background:var(--green-warm-50);
  background: var(--green-warm-50) !important;
}
.text-green-warm-50 {
  color: var(--green-warm-50) !important;
}
.border-green-warm-50 {
  border-color: var(--green-warm-50) !important;
}
.bg-green-warm-40 {
  --background:var(--green-warm-40);
  background: var(--green-warm-40) !important;
}
.text-green-warm-40 {
  color: var(--green-warm-40) !important;
}
.border-green-warm-40 {
  border-color: var(--green-warm-40) !important;
}
.bg-green-warm-30 {
  --background:var(--green-warm-30);
  background: var(--green-warm-30) !important;
}
.text-green-warm-30 {
  color: var(--green-warm-30) !important;
}
.border-green-warm-30 {
  border-color: var(--green-warm-30) !important;
}
.bg-green-warm-20 {
  --background:var(--green-warm-20);
  background: var(--green-warm-20) !important;
}
.text-green-warm-20 {
  color: var(--green-warm-20) !important;
}
.border-green-warm-20 {
  border-color: var(--green-warm-20) !important;
}
.bg-green-warm-10 {
  --background:var(--green-warm-10);
  background: var(--green-warm-10) !important;
}
.text-green-warm-10 {
  color: var(--green-warm-10) !important;
}
.border-green-warm-10 {
  border-color: var(--green-warm-10) !important;
}
.bg-green-warm-5 {
  --background:var(--green-warm-5);
  background: var(--green-warm-5) !important;
}
.text-green-warm-5 {
  color: var(--green-warm-5) !important;
}
.border-green-warm-5 {
  border-color: var(--green-warm-5) !important;
}
.bg-green-vivid-80 {
  --background:var(--green-vivid-80);
  background: var(--green-vivid-80) !important;
}
.text-green-vivid-80 {
  color: var(--green-vivid-80) !important;
}
.border-green-vivid-80 {
  border-color: var(--green-vivid-80) !important;
}
.bg-green-vivid-70 {
  --background:var(--green-vivid-70);
  background: var(--green-vivid-70) !important;
}
.text-green-vivid-70 {
  color: var(--green-vivid-70) !important;
}
.border-green-vivid-70 {
  border-color: var(--green-vivid-70) !important;
}
.bg-green-vivid-60 {
  --background:var(--green-vivid-60);
  background: var(--green-vivid-60) !important;
}
.text-green-vivid-60 {
  color: var(--green-vivid-60) !important;
}
.border-green-vivid-60 {
  border-color: var(--green-vivid-60) !important;
}
.bg-green-vivid-50 {
  --background:var(--green-vivid-50);
  background: var(--green-vivid-50) !important;
}
.text-green-vivid-50 {
  color: var(--green-vivid-50) !important;
}
.border-green-vivid-50 {
  border-color: var(--green-vivid-50) !important;
}
.bg-green-vivid-40 {
  --background:var(--green-vivid-40);
  background: var(--green-vivid-40) !important;
}
.text-green-vivid-40 {
  color: var(--green-vivid-40) !important;
}
.border-green-vivid-40 {
  border-color: var(--green-vivid-40) !important;
}
.bg-green-vivid-30 {
  --background:var(--green-vivid-30);
  background: var(--green-vivid-30) !important;
}
.text-green-vivid-30 {
  color: var(--green-vivid-30) !important;
}
.border-green-vivid-30 {
  border-color: var(--green-vivid-30) !important;
}
.bg-green-vivid-20 {
  --background:var(--green-vivid-20);
  background: var(--green-vivid-20) !important;
}
.text-green-vivid-20 {
  color: var(--green-vivid-20) !important;
}
.border-green-vivid-20 {
  border-color: var(--green-vivid-20) !important;
}
.bg-green-vivid-10 {
  --background:var(--green-vivid-10);
  background: var(--green-vivid-10) !important;
}
.text-green-vivid-10 {
  color: var(--green-vivid-10) !important;
}
.border-green-vivid-10 {
  border-color: var(--green-vivid-10) !important;
}
.bg-green-vivid-5 {
  --background:var(--green-vivid-5);
  background: var(--green-vivid-5) !important;
}
.text-green-vivid-5 {
  color: var(--green-vivid-5) !important;
}
.border-green-vivid-5 {
  border-color: var(--green-vivid-5) !important;
}
.bg-green-cool-vivid-80 {
  --background:var(--green-cool-vivid-80);
  background: var(--green-cool-vivid-80) !important;
}
.text-green-cool-vivid-80 {
  color: var(--green-cool-vivid-80) !important;
}
.border-green-cool-vivid-80 {
  border-color: var(--green-cool-vivid-80) !important;
}
.bg-green-cool-vivid-70 {
  --background:var(--green-cool-vivid-70);
  background: var(--green-cool-vivid-70) !important;
}
.text-green-cool-vivid-70 {
  color: var(--green-cool-vivid-70) !important;
}
.border-green-cool-vivid-70 {
  border-color: var(--green-cool-vivid-70) !important;
}
.bg-green-cool-vivid-60 {
  --background:var(--green-cool-vivid-60);
  background: var(--green-cool-vivid-60) !important;
}
.text-green-cool-vivid-60 {
  color: var(--green-cool-vivid-60) !important;
}
.border-green-cool-vivid-60 {
  border-color: var(--green-cool-vivid-60) !important;
}
.bg-green-cool-vivid-50 {
  --background:var(--green-cool-vivid-50);
  background: var(--green-cool-vivid-50) !important;
}
.text-green-cool-vivid-50 {
  color: var(--green-cool-vivid-50) !important;
}
.border-green-cool-vivid-50 {
  border-color: var(--green-cool-vivid-50) !important;
}
.bg-green-cool-vivid-40 {
  --background:var(--green-cool-vivid-40);
  background: var(--green-cool-vivid-40) !important;
}
.text-green-cool-vivid-40 {
  color: var(--green-cool-vivid-40) !important;
}
.border-green-cool-vivid-40 {
  border-color: var(--green-cool-vivid-40) !important;
}
.bg-green-cool-vivid-30 {
  --background:var(--green-cool-vivid-30);
  background: var(--green-cool-vivid-30) !important;
}
.text-green-cool-vivid-30 {
  color: var(--green-cool-vivid-30) !important;
}
.border-green-cool-vivid-30 {
  border-color: var(--green-cool-vivid-30) !important;
}
.bg-green-cool-vivid-20 {
  --background:var(--green-cool-vivid-20);
  background: var(--green-cool-vivid-20) !important;
}
.text-green-cool-vivid-20 {
  color: var(--green-cool-vivid-20) !important;
}
.border-green-cool-vivid-20 {
  border-color: var(--green-cool-vivid-20) !important;
}
.bg-green-cool-vivid-10 {
  --background:var(--green-cool-vivid-10);
  background: var(--green-cool-vivid-10) !important;
}
.text-green-cool-vivid-10 {
  color: var(--green-cool-vivid-10) !important;
}
.border-green-cool-vivid-10 {
  border-color: var(--green-cool-vivid-10) !important;
}
.bg-green-cool-vivid-5 {
  --background:var(--green-cool-vivid-5);
  background: var(--green-cool-vivid-5) !important;
}
.text-green-cool-vivid-5 {
  color: var(--green-cool-vivid-5) !important;
}
.border-green-cool-vivid-5 {
  border-color: var(--green-cool-vivid-5) !important;
}
.bg-green-warm-vivid-80 {
  --background:var(--green-warm-vivid-80);
  background: var(--green-warm-vivid-80) !important;
}
.text-green-warm-vivid-80 {
  color: var(--green-warm-vivid-80) !important;
}
.border-green-warm-vivid-80 {
  border-color: var(--green-warm-vivid-80) !important;
}
.bg-green-warm-vivid-70 {
  --background:var(--green-warm-vivid-70);
  background: var(--green-warm-vivid-70) !important;
}
.text-green-warm-vivid-70 {
  color: var(--green-warm-vivid-70) !important;
}
.border-green-warm-vivid-70 {
  border-color: var(--green-warm-vivid-70) !important;
}
.bg-green-warm-vivid-60 {
  --background:var(--green-warm-vivid-60);
  background: var(--green-warm-vivid-60) !important;
}
.text-green-warm-vivid-60 {
  color: var(--green-warm-vivid-60) !important;
}
.border-green-warm-vivid-60 {
  border-color: var(--green-warm-vivid-60) !important;
}
.bg-green-warm-vivid-50 {
  --background:var(--green-warm-vivid-50);
  background: var(--green-warm-vivid-50) !important;
}
.text-green-warm-vivid-50 {
  color: var(--green-warm-vivid-50) !important;
}
.border-green-warm-vivid-50 {
  border-color: var(--green-warm-vivid-50) !important;
}
.bg-green-warm-vivid-40 {
  --background:var(--green-warm-vivid-40);
  background: var(--green-warm-vivid-40) !important;
}
.text-green-warm-vivid-40 {
  color: var(--green-warm-vivid-40) !important;
}
.border-green-warm-vivid-40 {
  border-color: var(--green-warm-vivid-40) !important;
}
.bg-green-warm-vivid-30 {
  --background:var(--green-warm-vivid-30);
  background: var(--green-warm-vivid-30) !important;
}
.text-green-warm-vivid-30 {
  color: var(--green-warm-vivid-30) !important;
}
.border-green-warm-vivid-30 {
  border-color: var(--green-warm-vivid-30) !important;
}
.bg-green-warm-vivid-20 {
  --background:var(--green-warm-vivid-20);
  background: var(--green-warm-vivid-20) !important;
}
.text-green-warm-vivid-20 {
  color: var(--green-warm-vivid-20) !important;
}
.border-green-warm-vivid-20 {
  border-color: var(--green-warm-vivid-20) !important;
}
.bg-green-warm-vivid-10 {
  --background:var(--green-warm-vivid-10);
  background: var(--green-warm-vivid-10) !important;
}
.text-green-warm-vivid-10 {
  color: var(--green-warm-vivid-10) !important;
}
.border-green-warm-vivid-10 {
  border-color: var(--green-warm-vivid-10) !important;
}
.bg-green-warm-vivid-5 {
  --background:var(--green-warm-vivid-5);
  background: var(--green-warm-vivid-5) !important;
}
.text-green-warm-vivid-5 {
  color: var(--green-warm-vivid-5) !important;
}
.border-green-warm-vivid-5 {
  border-color: var(--green-warm-vivid-5) !important;
}
.bg-indigo-90 {
  --background:var(--indigo-90);
  background: var(--indigo-90) !important;
}
.text-indigo-90 {
  color: var(--indigo-90) !important;
}
.border-indigo-90 {
  border-color: var(--indigo-90) !important;
}
.bg-indigo-80 {
  --background:var(--indigo-80);
  background: var(--indigo-80) !important;
}
.text-indigo-80 {
  color: var(--indigo-80) !important;
}
.border-indigo-80 {
  border-color: var(--indigo-80) !important;
}
.bg-indigo-70 {
  --background:var(--indigo-70);
  background: var(--indigo-70) !important;
}
.text-indigo-70 {
  color: var(--indigo-70) !important;
}
.border-indigo-70 {
  border-color: var(--indigo-70) !important;
}
.bg-indigo-60 {
  --background:var(--indigo-60);
  background: var(--indigo-60) !important;
}
.text-indigo-60 {
  color: var(--indigo-60) !important;
}
.border-indigo-60 {
  border-color: var(--indigo-60) !important;
}
.bg-indigo-50 {
  --background:var(--indigo-50);
  background: var(--indigo-50) !important;
}
.text-indigo-50 {
  color: var(--indigo-50) !important;
}
.border-indigo-50 {
  border-color: var(--indigo-50) !important;
}
.bg-indigo-40 {
  --background:var(--indigo-40);
  background: var(--indigo-40) !important;
}
.text-indigo-40 {
  color: var(--indigo-40) !important;
}
.border-indigo-40 {
  border-color: var(--indigo-40) !important;
}
.bg-indigo-30 {
  --background:var(--indigo-30);
  background: var(--indigo-30) !important;
}
.text-indigo-30 {
  color: var(--indigo-30) !important;
}
.border-indigo-30 {
  border-color: var(--indigo-30) !important;
}
.bg-indigo-20 {
  --background:var(--indigo-20);
  background: var(--indigo-20) !important;
}
.text-indigo-20 {
  color: var(--indigo-20) !important;
}
.border-indigo-20 {
  border-color: var(--indigo-20) !important;
}
.bg-indigo-10 {
  --background:var(--indigo-10);
  background: var(--indigo-10) !important;
}
.text-indigo-10 {
  color: var(--indigo-10) !important;
}
.border-indigo-10 {
  border-color: var(--indigo-10) !important;
}
.bg-indigo-5 {
  --background:var(--indigo-5);
  background: var(--indigo-5) !important;
}
.text-indigo-5 {
  color: var(--indigo-5) !important;
}
.border-indigo-5 {
  border-color: var(--indigo-5) !important;
}
.bg-indigo-cool-90 {
  --background:var(--indigo-cool-90);
  background: var(--indigo-cool-90) !important;
}
.text-indigo-cool-90 {
  color: var(--indigo-cool-90) !important;
}
.border-indigo-cool-90 {
  border-color: var(--indigo-cool-90) !important;
}
.bg-indigo-cool-80 {
  --background:var(--indigo-cool-80);
  background: var(--indigo-cool-80) !important;
}
.text-indigo-cool-80 {
  color: var(--indigo-cool-80) !important;
}
.border-indigo-cool-80 {
  border-color: var(--indigo-cool-80) !important;
}
.bg-indigo-cool-70 {
  --background:var(--indigo-cool-70);
  background: var(--indigo-cool-70) !important;
}
.text-indigo-cool-70 {
  color: var(--indigo-cool-70) !important;
}
.border-indigo-cool-70 {
  border-color: var(--indigo-cool-70) !important;
}
.bg-indigo-cool-60 {
  --background:var(--indigo-cool-60);
  background: var(--indigo-cool-60) !important;
}
.text-indigo-cool-60 {
  color: var(--indigo-cool-60) !important;
}
.border-indigo-cool-60 {
  border-color: var(--indigo-cool-60) !important;
}
.bg-indigo-cool-50 {
  --background:var(--indigo-cool-50);
  background: var(--indigo-cool-50) !important;
}
.text-indigo-cool-50 {
  color: var(--indigo-cool-50) !important;
}
.border-indigo-cool-50 {
  border-color: var(--indigo-cool-50) !important;
}
.bg-indigo-cool-40 {
  --background:var(--indigo-cool-40);
  background: var(--indigo-cool-40) !important;
}
.text-indigo-cool-40 {
  color: var(--indigo-cool-40) !important;
}
.border-indigo-cool-40 {
  border-color: var(--indigo-cool-40) !important;
}
.bg-indigo-cool-30 {
  --background:var(--indigo-cool-30);
  background: var(--indigo-cool-30) !important;
}
.text-indigo-cool-30 {
  color: var(--indigo-cool-30) !important;
}
.border-indigo-cool-30 {
  border-color: var(--indigo-cool-30) !important;
}
.bg-indigo-cool-20 {
  --background:var(--indigo-cool-20);
  background: var(--indigo-cool-20) !important;
}
.text-indigo-cool-20 {
  color: var(--indigo-cool-20) !important;
}
.border-indigo-cool-20 {
  border-color: var(--indigo-cool-20) !important;
}
.bg-indigo-cool-10 {
  --background:var(--indigo-cool-10);
  background: var(--indigo-cool-10) !important;
}
.text-indigo-cool-10 {
  color: var(--indigo-cool-10) !important;
}
.border-indigo-cool-10 {
  border-color: var(--indigo-cool-10) !important;
}
.bg-indigo-cool-5 {
  --background:var(--indigo-cool-5);
  background: var(--indigo-cool-5) !important;
}
.text-indigo-cool-5 {
  color: var(--indigo-cool-5) !important;
}
.border-indigo-cool-5 {
  border-color: var(--indigo-cool-5) !important;
}
.bg-indigo-warm-90 {
  --background:var(--indigo-warm-90);
  background: var(--indigo-warm-90) !important;
}
.text-indigo-warm-90 {
  color: var(--indigo-warm-90) !important;
}
.border-indigo-warm-90 {
  border-color: var(--indigo-warm-90) !important;
}
.bg-indigo-warm-80 {
  --background:var(--indigo-warm-80);
  background: var(--indigo-warm-80) !important;
}
.text-indigo-warm-80 {
  color: var(--indigo-warm-80) !important;
}
.border-indigo-warm-80 {
  border-color: var(--indigo-warm-80) !important;
}
.bg-indigo-warm-70 {
  --background:var(--indigo-warm-70);
  background: var(--indigo-warm-70) !important;
}
.text-indigo-warm-70 {
  color: var(--indigo-warm-70) !important;
}
.border-indigo-warm-70 {
  border-color: var(--indigo-warm-70) !important;
}
.bg-indigo-warm-60 {
  --background:var(--indigo-warm-60);
  background: var(--indigo-warm-60) !important;
}
.text-indigo-warm-60 {
  color: var(--indigo-warm-60) !important;
}
.border-indigo-warm-60 {
  border-color: var(--indigo-warm-60) !important;
}
.bg-indigo-warm-50 {
  --background:var(--indigo-warm-50);
  background: var(--indigo-warm-50) !important;
}
.text-indigo-warm-50 {
  color: var(--indigo-warm-50) !important;
}
.border-indigo-warm-50 {
  border-color: var(--indigo-warm-50) !important;
}
.bg-indigo-warm-40 {
  --background:var(--indigo-warm-40);
  background: var(--indigo-warm-40) !important;
}
.text-indigo-warm-40 {
  color: var(--indigo-warm-40) !important;
}
.border-indigo-warm-40 {
  border-color: var(--indigo-warm-40) !important;
}
.bg-indigo-warm-30 {
  --background:var(--indigo-warm-30);
  background: var(--indigo-warm-30) !important;
}
.text-indigo-warm-30 {
  color: var(--indigo-warm-30) !important;
}
.border-indigo-warm-30 {
  border-color: var(--indigo-warm-30) !important;
}
.bg-indigo-warm-20 {
  --background:var(--indigo-warm-20);
  background: var(--indigo-warm-20) !important;
}
.text-indigo-warm-20 {
  color: var(--indigo-warm-20) !important;
}
.border-indigo-warm-20 {
  border-color: var(--indigo-warm-20) !important;
}
.bg-indigo-warm-10 {
  --background:var(--indigo-warm-10);
  background: var(--indigo-warm-10) !important;
}
.text-indigo-warm-10 {
  color: var(--indigo-warm-10) !important;
}
.border-indigo-warm-10 {
  border-color: var(--indigo-warm-10) !important;
}
.bg-indigo-warm-5 {
  --background:var(--indigo-warm-5);
  background: var(--indigo-warm-5) !important;
}
.text-indigo-warm-5 {
  color: var(--indigo-warm-5) !important;
}
.border-indigo-warm-5 {
  border-color: var(--indigo-warm-5) !important;
}
.bg-indigo-vivid-80 {
  --background:var(--indigo-vivid-80);
  background: var(--indigo-vivid-80) !important;
}
.text-indigo-vivid-80 {
  color: var(--indigo-vivid-80) !important;
}
.border-indigo-vivid-80 {
  border-color: var(--indigo-vivid-80) !important;
}
.bg-indigo-vivid-70 {
  --background:var(--indigo-vivid-70);
  background: var(--indigo-vivid-70) !important;
}
.text-indigo-vivid-70 {
  color: var(--indigo-vivid-70) !important;
}
.border-indigo-vivid-70 {
  border-color: var(--indigo-vivid-70) !important;
}
.bg-indigo-vivid-60 {
  --background:var(--indigo-vivid-60);
  background: var(--indigo-vivid-60) !important;
}
.text-indigo-vivid-60 {
  color: var(--indigo-vivid-60) !important;
}
.border-indigo-vivid-60 {
  border-color: var(--indigo-vivid-60) !important;
}
.bg-indigo-vivid-50 {
  --background:var(--indigo-vivid-50);
  background: var(--indigo-vivid-50) !important;
}
.text-indigo-vivid-50 {
  color: var(--indigo-vivid-50) !important;
}
.border-indigo-vivid-50 {
  border-color: var(--indigo-vivid-50) !important;
}
.bg-indigo-vivid-40 {
  --background:var(--indigo-vivid-40);
  background: var(--indigo-vivid-40) !important;
}
.text-indigo-vivid-40 {
  color: var(--indigo-vivid-40) !important;
}
.border-indigo-vivid-40 {
  border-color: var(--indigo-vivid-40) !important;
}
.bg-indigo-vivid-30 {
  --background:var(--indigo-vivid-30);
  background: var(--indigo-vivid-30) !important;
}
.text-indigo-vivid-30 {
  color: var(--indigo-vivid-30) !important;
}
.border-indigo-vivid-30 {
  border-color: var(--indigo-vivid-30) !important;
}
.bg-indigo-vivid-20 {
  --background:var(--indigo-vivid-20);
  background: var(--indigo-vivid-20) !important;
}
.text-indigo-vivid-20 {
  color: var(--indigo-vivid-20) !important;
}
.border-indigo-vivid-20 {
  border-color: var(--indigo-vivid-20) !important;
}
.bg-indigo-vivid-10 {
  --background:var(--indigo-vivid-10);
  background: var(--indigo-vivid-10) !important;
}
.text-indigo-vivid-10 {
  color: var(--indigo-vivid-10) !important;
}
.border-indigo-vivid-10 {
  border-color: var(--indigo-vivid-10) !important;
}
.bg-indigo-vivid-5 {
  --background:var(--indigo-vivid-5);
  background: var(--indigo-vivid-5) !important;
}
.text-indigo-vivid-5 {
  color: var(--indigo-vivid-5) !important;
}
.border-indigo-vivid-5 {
  border-color: var(--indigo-vivid-5) !important;
}
.bg-indigo-cool-vivid-80 {
  --background:var(--indigo-cool-vivid-80);
  background: var(--indigo-cool-vivid-80) !important;
}
.text-indigo-cool-vivid-80 {
  color: var(--indigo-cool-vivid-80) !important;
}
.border-indigo-cool-vivid-80 {
  border-color: var(--indigo-cool-vivid-80) !important;
}
.bg-indigo-cool-vivid-70 {
  --background:var(--indigo-cool-vivid-70);
  background: var(--indigo-cool-vivid-70) !important;
}
.text-indigo-cool-vivid-70 {
  color: var(--indigo-cool-vivid-70) !important;
}
.border-indigo-cool-vivid-70 {
  border-color: var(--indigo-cool-vivid-70) !important;
}
.bg-indigo-cool-vivid-60 {
  --background:var(--indigo-cool-vivid-60);
  background: var(--indigo-cool-vivid-60) !important;
}
.text-indigo-cool-vivid-60 {
  color: var(--indigo-cool-vivid-60) !important;
}
.border-indigo-cool-vivid-60 {
  border-color: var(--indigo-cool-vivid-60) !important;
}
.bg-indigo-cool-vivid-50 {
  --background:var(--indigo-cool-vivid-50);
  background: var(--indigo-cool-vivid-50) !important;
}
.text-indigo-cool-vivid-50 {
  color: var(--indigo-cool-vivid-50) !important;
}
.border-indigo-cool-vivid-50 {
  border-color: var(--indigo-cool-vivid-50) !important;
}
.bg-indigo-cool-vivid-40 {
  --background:var(--indigo-cool-vivid-40);
  background: var(--indigo-cool-vivid-40) !important;
}
.text-indigo-cool-vivid-40 {
  color: var(--indigo-cool-vivid-40) !important;
}
.border-indigo-cool-vivid-40 {
  border-color: var(--indigo-cool-vivid-40) !important;
}
.bg-indigo-cool-vivid-30 {
  --background:var(--indigo-cool-vivid-30);
  background: var(--indigo-cool-vivid-30) !important;
}
.text-indigo-cool-vivid-30 {
  color: var(--indigo-cool-vivid-30) !important;
}
.border-indigo-cool-vivid-30 {
  border-color: var(--indigo-cool-vivid-30) !important;
}
.bg-indigo-cool-vivid-20 {
  --background:var(--indigo-cool-vivid-20);
  background: var(--indigo-cool-vivid-20) !important;
}
.text-indigo-cool-vivid-20 {
  color: var(--indigo-cool-vivid-20) !important;
}
.border-indigo-cool-vivid-20 {
  border-color: var(--indigo-cool-vivid-20) !important;
}
.bg-indigo-cool-vivid-10 {
  --background:var(--indigo-cool-vivid-10);
  background: var(--indigo-cool-vivid-10) !important;
}
.text-indigo-cool-vivid-10 {
  color: var(--indigo-cool-vivid-10) !important;
}
.border-indigo-cool-vivid-10 {
  border-color: var(--indigo-cool-vivid-10) !important;
}
.bg-indigo-cool-vivid-5 {
  --background:var(--indigo-cool-vivid-5);
  background: var(--indigo-cool-vivid-5) !important;
}
.text-indigo-cool-vivid-5 {
  color: var(--indigo-cool-vivid-5) !important;
}
.border-indigo-cool-vivid-5 {
  border-color: var(--indigo-cool-vivid-5) !important;
}
.bg-indigo-warm-vivid-80 {
  --background:var(--indigo-warm-vivid-80);
  background: var(--indigo-warm-vivid-80) !important;
}
.text-indigo-warm-vivid-80 {
  color: var(--indigo-warm-vivid-80) !important;
}
.border-indigo-warm-vivid-80 {
  border-color: var(--indigo-warm-vivid-80) !important;
}
.bg-indigo-warm-vivid-70 {
  --background:var(--indigo-warm-vivid-70);
  background: var(--indigo-warm-vivid-70) !important;
}
.text-indigo-warm-vivid-70 {
  color: var(--indigo-warm-vivid-70) !important;
}
.border-indigo-warm-vivid-70 {
  border-color: var(--indigo-warm-vivid-70) !important;
}
.bg-indigo-warm-vivid-60 {
  --background:var(--indigo-warm-vivid-60);
  background: var(--indigo-warm-vivid-60) !important;
}
.text-indigo-warm-vivid-60 {
  color: var(--indigo-warm-vivid-60) !important;
}
.border-indigo-warm-vivid-60 {
  border-color: var(--indigo-warm-vivid-60) !important;
}
.bg-indigo-warm-vivid-50 {
  --background:var(--indigo-warm-vivid-50);
  background: var(--indigo-warm-vivid-50) !important;
}
.text-indigo-warm-vivid-50 {
  color: var(--indigo-warm-vivid-50) !important;
}
.border-indigo-warm-vivid-50 {
  border-color: var(--indigo-warm-vivid-50) !important;
}
.bg-indigo-warm-vivid-40 {
  --background:var(--indigo-warm-vivid-40);
  background: var(--indigo-warm-vivid-40) !important;
}
.text-indigo-warm-vivid-40 {
  color: var(--indigo-warm-vivid-40) !important;
}
.border-indigo-warm-vivid-40 {
  border-color: var(--indigo-warm-vivid-40) !important;
}
.bg-indigo-warm-vivid-30 {
  --background:var(--indigo-warm-vivid-30);
  background: var(--indigo-warm-vivid-30) !important;
}
.text-indigo-warm-vivid-30 {
  color: var(--indigo-warm-vivid-30) !important;
}
.border-indigo-warm-vivid-30 {
  border-color: var(--indigo-warm-vivid-30) !important;
}
.bg-indigo-warm-vivid-20 {
  --background:var(--indigo-warm-vivid-20);
  background: var(--indigo-warm-vivid-20) !important;
}
.text-indigo-warm-vivid-20 {
  color: var(--indigo-warm-vivid-20) !important;
}
.border-indigo-warm-vivid-20 {
  border-color: var(--indigo-warm-vivid-20) !important;
}
.bg-indigo-warm-vivid-10 {
  --background:var(--indigo-warm-vivid-10);
  background: var(--indigo-warm-vivid-10) !important;
}
.text-indigo-warm-vivid-10 {
  color: var(--indigo-warm-vivid-10) !important;
}
.border-indigo-warm-vivid-10 {
  border-color: var(--indigo-warm-vivid-10) !important;
}
.bg-indigo-warm-vivid-5 {
  --background:var(--indigo-warm-vivid-5);
  background: var(--indigo-warm-vivid-5) !important;
}
.text-indigo-warm-vivid-5 {
  color: var(--indigo-warm-vivid-5) !important;
}
.border-indigo-warm-vivid-5 {
  border-color: var(--indigo-warm-vivid-5) !important;
}
.bg-magenta-90 {
  --background:var(--magenta-90);
  background: var(--magenta-90) !important;
}
.text-magenta-90 {
  color: var(--magenta-90) !important;
}
.border-magenta-90 {
  border-color: var(--magenta-90) !important;
}
.bg-magenta-80 {
  --background:var(--magenta-80);
  background: var(--magenta-80) !important;
}
.text-magenta-80 {
  color: var(--magenta-80) !important;
}
.border-magenta-80 {
  border-color: var(--magenta-80) !important;
}
.bg-magenta-70 {
  --background:var(--magenta-70);
  background: var(--magenta-70) !important;
}
.text-magenta-70 {
  color: var(--magenta-70) !important;
}
.border-magenta-70 {
  border-color: var(--magenta-70) !important;
}
.bg-magenta-60 {
  --background:var(--magenta-60);
  background: var(--magenta-60) !important;
}
.text-magenta-60 {
  color: var(--magenta-60) !important;
}
.border-magenta-60 {
  border-color: var(--magenta-60) !important;
}
.bg-magenta-50 {
  --background:var(--magenta-50);
  background: var(--magenta-50) !important;
}
.text-magenta-50 {
  color: var(--magenta-50) !important;
}
.border-magenta-50 {
  border-color: var(--magenta-50) !important;
}
.bg-magenta-40 {
  --background:var(--magenta-40);
  background: var(--magenta-40) !important;
}
.text-magenta-40 {
  color: var(--magenta-40) !important;
}
.border-magenta-40 {
  border-color: var(--magenta-40) !important;
}
.bg-magenta-30 {
  --background:var(--magenta-30);
  background: var(--magenta-30) !important;
}
.text-magenta-30 {
  color: var(--magenta-30) !important;
}
.border-magenta-30 {
  border-color: var(--magenta-30) !important;
}
.bg-magenta-20 {
  --background:var(--magenta-20);
  background: var(--magenta-20) !important;
}
.text-magenta-20 {
  color: var(--magenta-20) !important;
}
.border-magenta-20 {
  border-color: var(--magenta-20) !important;
}
.bg-magenta-10 {
  --background:var(--magenta-10);
  background: var(--magenta-10) !important;
}
.text-magenta-10 {
  color: var(--magenta-10) !important;
}
.border-magenta-10 {
  border-color: var(--magenta-10) !important;
}
.bg-magenta-5 {
  --background:var(--magenta-5);
  background: var(--magenta-5) !important;
}
.text-magenta-5 {
  color: var(--magenta-5) !important;
}
.border-magenta-5 {
  border-color: var(--magenta-5) !important;
}
.bg-magenta-vivid-80 {
  --background:var(--magenta-vivid-80);
  background: var(--magenta-vivid-80) !important;
}
.text-magenta-vivid-80 {
  color: var(--magenta-vivid-80) !important;
}
.border-magenta-vivid-80 {
  border-color: var(--magenta-vivid-80) !important;
}
.bg-magenta-vivid-70 {
  --background:var(--magenta-vivid-70);
  background: var(--magenta-vivid-70) !important;
}
.text-magenta-vivid-70 {
  color: var(--magenta-vivid-70) !important;
}
.border-magenta-vivid-70 {
  border-color: var(--magenta-vivid-70) !important;
}
.bg-magenta-vivid-60 {
  --background:var(--magenta-vivid-60);
  background: var(--magenta-vivid-60) !important;
}
.text-magenta-vivid-60 {
  color: var(--magenta-vivid-60) !important;
}
.border-magenta-vivid-60 {
  border-color: var(--magenta-vivid-60) !important;
}
.bg-magenta-vivid-50 {
  --background:var(--magenta-vivid-50);
  background: var(--magenta-vivid-50) !important;
}
.text-magenta-vivid-50 {
  color: var(--magenta-vivid-50) !important;
}
.border-magenta-vivid-50 {
  border-color: var(--magenta-vivid-50) !important;
}
.bg-magenta-vivid-40 {
  --background:var(--magenta-vivid-40);
  background: var(--magenta-vivid-40) !important;
}
.text-magenta-vivid-40 {
  color: var(--magenta-vivid-40) !important;
}
.border-magenta-vivid-40 {
  border-color: var(--magenta-vivid-40) !important;
}
.bg-magenta-vivid-30 {
  --background:var(--magenta-vivid-30);
  background: var(--magenta-vivid-30) !important;
}
.text-magenta-vivid-30 {
  color: var(--magenta-vivid-30) !important;
}
.border-magenta-vivid-30 {
  border-color: var(--magenta-vivid-30) !important;
}
.bg-magenta-vivid-20 {
  --background:var(--magenta-vivid-20);
  background: var(--magenta-vivid-20) !important;
}
.text-magenta-vivid-20 {
  color: var(--magenta-vivid-20) !important;
}
.border-magenta-vivid-20 {
  border-color: var(--magenta-vivid-20) !important;
}
.bg-magenta-vivid-10 {
  --background:var(--magenta-vivid-10);
  background: var(--magenta-vivid-10) !important;
}
.text-magenta-vivid-10 {
  color: var(--magenta-vivid-10) !important;
}
.border-magenta-vivid-10 {
  border-color: var(--magenta-vivid-10) !important;
}
.bg-magenta-vivid-5 {
  --background:var(--magenta-vivid-5);
  background: var(--magenta-vivid-5) !important;
}
.text-magenta-vivid-5 {
  color: var(--magenta-vivid-5) !important;
}
.border-magenta-vivid-5 {
  border-color: var(--magenta-vivid-5) !important;
}
.bg-mint-90 {
  --background:var(--mint-90);
  background: var(--mint-90) !important;
}
.text-mint-90 {
  color: var(--mint-90) !important;
}
.border-mint-90 {
  border-color: var(--mint-90) !important;
}
.bg-mint-80 {
  --background:var(--mint-80);
  background: var(--mint-80) !important;
}
.text-mint-80 {
  color: var(--mint-80) !important;
}
.border-mint-80 {
  border-color: var(--mint-80) !important;
}
.bg-mint-70 {
  --background:var(--mint-70);
  background: var(--mint-70) !important;
}
.text-mint-70 {
  color: var(--mint-70) !important;
}
.border-mint-70 {
  border-color: var(--mint-70) !important;
}
.bg-mint-60 {
  --background:var(--mint-60);
  background: var(--mint-60) !important;
}
.text-mint-60 {
  color: var(--mint-60) !important;
}
.border-mint-60 {
  border-color: var(--mint-60) !important;
}
.bg-mint-50 {
  --background:var(--mint-50);
  background: var(--mint-50) !important;
}
.text-mint-50 {
  color: var(--mint-50) !important;
}
.border-mint-50 {
  border-color: var(--mint-50) !important;
}
.bg-mint-40 {
  --background:var(--mint-40);
  background: var(--mint-40) !important;
}
.text-mint-40 {
  color: var(--mint-40) !important;
}
.border-mint-40 {
  border-color: var(--mint-40) !important;
}
.bg-mint-30 {
  --background:var(--mint-30);
  background: var(--mint-30) !important;
}
.text-mint-30 {
  color: var(--mint-30) !important;
}
.border-mint-30 {
  border-color: var(--mint-30) !important;
}
.bg-mint-20 {
  --background:var(--mint-20);
  background: var(--mint-20) !important;
}
.text-mint-20 {
  color: var(--mint-20) !important;
}
.border-mint-20 {
  border-color: var(--mint-20) !important;
}
.bg-mint-10 {
  --background:var(--mint-10);
  background: var(--mint-10) !important;
}
.text-mint-10 {
  color: var(--mint-10) !important;
}
.border-mint-10 {
  border-color: var(--mint-10) !important;
}
.bg-mint-5 {
  --background:var(--mint-5);
  background: var(--mint-5) !important;
}
.text-mint-5 {
  color: var(--mint-5) !important;
}
.border-mint-5 {
  border-color: var(--mint-5) !important;
}
.bg-mint-cool-90 {
  --background:var(--mint-cool-90);
  background: var(--mint-cool-90) !important;
}
.text-mint-cool-90 {
  color: var(--mint-cool-90) !important;
}
.border-mint-cool-90 {
  border-color: var(--mint-cool-90) !important;
}
.bg-mint-cool-80 {
  --background:var(--mint-cool-80);
  background: var(--mint-cool-80) !important;
}
.text-mint-cool-80 {
  color: var(--mint-cool-80) !important;
}
.border-mint-cool-80 {
  border-color: var(--mint-cool-80) !important;
}
.bg-mint-cool-70 {
  --background:var(--mint-cool-70);
  background: var(--mint-cool-70) !important;
}
.text-mint-cool-70 {
  color: var(--mint-cool-70) !important;
}
.border-mint-cool-70 {
  border-color: var(--mint-cool-70) !important;
}
.bg-mint-cool-60 {
  --background:var(--mint-cool-60);
  background: var(--mint-cool-60) !important;
}
.text-mint-cool-60 {
  color: var(--mint-cool-60) !important;
}
.border-mint-cool-60 {
  border-color: var(--mint-cool-60) !important;
}
.bg-mint-cool-50 {
  --background:var(--mint-cool-50);
  background: var(--mint-cool-50) !important;
}
.text-mint-cool-50 {
  color: var(--mint-cool-50) !important;
}
.border-mint-cool-50 {
  border-color: var(--mint-cool-50) !important;
}
.bg-mint-cool-40 {
  --background:var(--mint-cool-40);
  background: var(--mint-cool-40) !important;
}
.text-mint-cool-40 {
  color: var(--mint-cool-40) !important;
}
.border-mint-cool-40 {
  border-color: var(--mint-cool-40) !important;
}
.bg-mint-cool-30 {
  --background:var(--mint-cool-30);
  background: var(--mint-cool-30) !important;
}
.text-mint-cool-30 {
  color: var(--mint-cool-30) !important;
}
.border-mint-cool-30 {
  border-color: var(--mint-cool-30) !important;
}
.bg-mint-cool-20 {
  --background:var(--mint-cool-20);
  background: var(--mint-cool-20) !important;
}
.text-mint-cool-20 {
  color: var(--mint-cool-20) !important;
}
.border-mint-cool-20 {
  border-color: var(--mint-cool-20) !important;
}
.bg-mint-cool-10 {
  --background:var(--mint-cool-10);
  background: var(--mint-cool-10) !important;
}
.text-mint-cool-10 {
  color: var(--mint-cool-10) !important;
}
.border-mint-cool-10 {
  border-color: var(--mint-cool-10) !important;
}
.bg-mint-cool-5 {
  --background:var(--mint-cool-5);
  background: var(--mint-cool-5) !important;
}
.text-mint-cool-5 {
  color: var(--mint-cool-5) !important;
}
.border-mint-cool-5 {
  border-color: var(--mint-cool-5) !important;
}
.bg-mint-vivid-80 {
  --background:var(--mint-vivid-80);
  background: var(--mint-vivid-80) !important;
}
.text-mint-vivid-80 {
  color: var(--mint-vivid-80) !important;
}
.border-mint-vivid-80 {
  border-color: var(--mint-vivid-80) !important;
}
.bg-mint-vivid-70 {
  --background:var(--mint-vivid-70);
  background: var(--mint-vivid-70) !important;
}
.text-mint-vivid-70 {
  color: var(--mint-vivid-70) !important;
}
.border-mint-vivid-70 {
  border-color: var(--mint-vivid-70) !important;
}
.bg-mint-vivid-60 {
  --background:var(--mint-vivid-60);
  background: var(--mint-vivid-60) !important;
}
.text-mint-vivid-60 {
  color: var(--mint-vivid-60) !important;
}
.border-mint-vivid-60 {
  border-color: var(--mint-vivid-60) !important;
}
.bg-mint-vivid-50 {
  --background:var(--mint-vivid-50);
  background: var(--mint-vivid-50) !important;
}
.text-mint-vivid-50 {
  color: var(--mint-vivid-50) !important;
}
.border-mint-vivid-50 {
  border-color: var(--mint-vivid-50) !important;
}
.bg-mint-vivid-40 {
  --background:var(--mint-vivid-40);
  background: var(--mint-vivid-40) !important;
}
.text-mint-vivid-40 {
  color: var(--mint-vivid-40) !important;
}
.border-mint-vivid-40 {
  border-color: var(--mint-vivid-40) !important;
}
.bg-mint-vivid-30 {
  --background:var(--mint-vivid-30);
  background: var(--mint-vivid-30) !important;
}
.text-mint-vivid-30 {
  color: var(--mint-vivid-30) !important;
}
.border-mint-vivid-30 {
  border-color: var(--mint-vivid-30) !important;
}
.bg-mint-vivid-20 {
  --background:var(--mint-vivid-20);
  background: var(--mint-vivid-20) !important;
}
.text-mint-vivid-20 {
  color: var(--mint-vivid-20) !important;
}
.border-mint-vivid-20 {
  border-color: var(--mint-vivid-20) !important;
}
.bg-mint-vivid-10 {
  --background:var(--mint-vivid-10);
  background: var(--mint-vivid-10) !important;
}
.text-mint-vivid-10 {
  color: var(--mint-vivid-10) !important;
}
.border-mint-vivid-10 {
  border-color: var(--mint-vivid-10) !important;
}
.bg-mint-vivid-5 {
  --background:var(--mint-vivid-5);
  background: var(--mint-vivid-5) !important;
}
.text-mint-vivid-5 {
  color: var(--mint-vivid-5) !important;
}
.border-mint-vivid-5 {
  border-color: var(--mint-vivid-5) !important;
}
.bg-mint-cool-vivid-80 {
  --background:var(--mint-cool-vivid-80);
  background: var(--mint-cool-vivid-80) !important;
}
.text-mint-cool-vivid-80 {
  color: var(--mint-cool-vivid-80) !important;
}
.border-mint-cool-vivid-80 {
  border-color: var(--mint-cool-vivid-80) !important;
}
.bg-mint-cool-vivid-70 {
  --background:var(--mint-cool-vivid-70);
  background: var(--mint-cool-vivid-70) !important;
}
.text-mint-cool-vivid-70 {
  color: var(--mint-cool-vivid-70) !important;
}
.border-mint-cool-vivid-70 {
  border-color: var(--mint-cool-vivid-70) !important;
}
.bg-mint-cool-vivid-60 {
  --background:var(--mint-cool-vivid-60);
  background: var(--mint-cool-vivid-60) !important;
}
.text-mint-cool-vivid-60 {
  color: var(--mint-cool-vivid-60) !important;
}
.border-mint-cool-vivid-60 {
  border-color: var(--mint-cool-vivid-60) !important;
}
.bg-mint-cool-vivid-50 {
  --background:var(--mint-cool-vivid-50);
  background: var(--mint-cool-vivid-50) !important;
}
.text-mint-cool-vivid-50 {
  color: var(--mint-cool-vivid-50) !important;
}
.border-mint-cool-vivid-50 {
  border-color: var(--mint-cool-vivid-50) !important;
}
.bg-mint-cool-vivid-40 {
  --background:var(--mint-cool-vivid-40);
  background: var(--mint-cool-vivid-40) !important;
}
.text-mint-cool-vivid-40 {
  color: var(--mint-cool-vivid-40) !important;
}
.border-mint-cool-vivid-40 {
  border-color: var(--mint-cool-vivid-40) !important;
}
.bg-mint-cool-vivid-30 {
  --background:var(--mint-cool-vivid-30);
  background: var(--mint-cool-vivid-30) !important;
}
.text-mint-cool-vivid-30 {
  color: var(--mint-cool-vivid-30) !important;
}
.border-mint-cool-vivid-30 {
  border-color: var(--mint-cool-vivid-30) !important;
}
.bg-mint-cool-vivid-20 {
  --background:var(--mint-cool-vivid-20);
  background: var(--mint-cool-vivid-20) !important;
}
.text-mint-cool-vivid-20 {
  color: var(--mint-cool-vivid-20) !important;
}
.border-mint-cool-vivid-20 {
  border-color: var(--mint-cool-vivid-20) !important;
}
.bg-mint-cool-vivid-10 {
  --background:var(--mint-cool-vivid-10);
  background: var(--mint-cool-vivid-10) !important;
}
.text-mint-cool-vivid-10 {
  color: var(--mint-cool-vivid-10) !important;
}
.border-mint-cool-vivid-10 {
  border-color: var(--mint-cool-vivid-10) !important;
}
.bg-mint-cool-vivid-5 {
  --background:var(--mint-cool-vivid-5);
  background: var(--mint-cool-vivid-5) !important;
}
.text-mint-cool-vivid-5 {
  color: var(--mint-cool-vivid-5) !important;
}
.border-mint-cool-vivid-5 {
  border-color: var(--mint-cool-vivid-5) !important;
}
.bg-orange-90 {
  --background:var(--orange-90);
  background: var(--orange-90) !important;
}
.text-orange-90 {
  color: var(--orange-90) !important;
}
.border-orange-90 {
  border-color: var(--orange-90) !important;
}
.bg-orange-80 {
  --background:var(--orange-80);
  background: var(--orange-80) !important;
}
.text-orange-80 {
  color: var(--orange-80) !important;
}
.border-orange-80 {
  border-color: var(--orange-80) !important;
}
.bg-orange-70 {
  --background:var(--orange-70);
  background: var(--orange-70) !important;
}
.text-orange-70 {
  color: var(--orange-70) !important;
}
.border-orange-70 {
  border-color: var(--orange-70) !important;
}
.bg-orange-60 {
  --background:var(--orange-60);
  background: var(--orange-60) !important;
}
.text-orange-60 {
  color: var(--orange-60) !important;
}
.border-orange-60 {
  border-color: var(--orange-60) !important;
}
.bg-orange-50 {
  --background:var(--orange-50);
  background: var(--orange-50) !important;
}
.text-orange-50 {
  color: var(--orange-50) !important;
}
.border-orange-50 {
  border-color: var(--orange-50) !important;
}
.bg-orange-40 {
  --background:var(--orange-40);
  background: var(--orange-40) !important;
}
.text-orange-40 {
  color: var(--orange-40) !important;
}
.border-orange-40 {
  border-color: var(--orange-40) !important;
}
.bg-orange-30 {
  --background:var(--orange-30);
  background: var(--orange-30) !important;
}
.text-orange-30 {
  color: var(--orange-30) !important;
}
.border-orange-30 {
  border-color: var(--orange-30) !important;
}
.bg-orange-20 {
  --background:var(--orange-20);
  background: var(--orange-20) !important;
}
.text-orange-20 {
  color: var(--orange-20) !important;
}
.border-orange-20 {
  border-color: var(--orange-20) !important;
}
.bg-orange-10 {
  --background:var(--orange-10);
  background: var(--orange-10) !important;
}
.text-orange-10 {
  color: var(--orange-10) !important;
}
.border-orange-10 {
  border-color: var(--orange-10) !important;
}
.bg-orange-5 {
  --background:var(--orange-5);
  background: var(--orange-5) !important;
}
.text-orange-5 {
  color: var(--orange-5) !important;
}
.border-orange-5 {
  border-color: var(--orange-5) !important;
}
.bg-orange-warm-90 {
  --background:var(--orange-warm-90);
  background: var(--orange-warm-90) !important;
}
.text-orange-warm-90 {
  color: var(--orange-warm-90) !important;
}
.border-orange-warm-90 {
  border-color: var(--orange-warm-90) !important;
}
.bg-orange-warm-80 {
  --background:var(--orange-warm-80);
  background: var(--orange-warm-80) !important;
}
.text-orange-warm-80 {
  color: var(--orange-warm-80) !important;
}
.border-orange-warm-80 {
  border-color: var(--orange-warm-80) !important;
}
.bg-orange-warm-70 {
  --background:var(--orange-warm-70);
  background: var(--orange-warm-70) !important;
}
.text-orange-warm-70 {
  color: var(--orange-warm-70) !important;
}
.border-orange-warm-70 {
  border-color: var(--orange-warm-70) !important;
}
.bg-orange-warm-60 {
  --background:var(--orange-warm-60);
  background: var(--orange-warm-60) !important;
}
.text-orange-warm-60 {
  color: var(--orange-warm-60) !important;
}
.border-orange-warm-60 {
  border-color: var(--orange-warm-60) !important;
}
.bg-orange-warm-50 {
  --background:var(--orange-warm-50);
  background: var(--orange-warm-50) !important;
}
.text-orange-warm-50 {
  color: var(--orange-warm-50) !important;
}
.border-orange-warm-50 {
  border-color: var(--orange-warm-50) !important;
}
.bg-orange-warm-40 {
  --background:var(--orange-warm-40);
  background: var(--orange-warm-40) !important;
}
.text-orange-warm-40 {
  color: var(--orange-warm-40) !important;
}
.border-orange-warm-40 {
  border-color: var(--orange-warm-40) !important;
}
.bg-orange-warm-30 {
  --background:var(--orange-warm-30);
  background: var(--orange-warm-30) !important;
}
.text-orange-warm-30 {
  color: var(--orange-warm-30) !important;
}
.border-orange-warm-30 {
  border-color: var(--orange-warm-30) !important;
}
.bg-orange-warm-20 {
  --background:var(--orange-warm-20);
  background: var(--orange-warm-20) !important;
}
.text-orange-warm-20 {
  color: var(--orange-warm-20) !important;
}
.border-orange-warm-20 {
  border-color: var(--orange-warm-20) !important;
}
.bg-orange-warm-10 {
  --background:var(--orange-warm-10);
  background: var(--orange-warm-10) !important;
}
.text-orange-warm-10 {
  color: var(--orange-warm-10) !important;
}
.border-orange-warm-10 {
  border-color: var(--orange-warm-10) !important;
}
.bg-orange-warm-5 {
  --background:var(--orange-warm-5);
  background: var(--orange-warm-5) !important;
}
.text-orange-warm-5 {
  color: var(--orange-warm-5) !important;
}
.border-orange-warm-5 {
  border-color: var(--orange-warm-5) !important;
}
.bg-orange-vivid-80 {
  --background:var(--orange-vivid-80);
  background: var(--orange-vivid-80) !important;
}
.text-orange-vivid-80 {
  color: var(--orange-vivid-80) !important;
}
.border-orange-vivid-80 {
  border-color: var(--orange-vivid-80) !important;
}
.bg-orange-vivid-70 {
  --background:var(--orange-vivid-70);
  background: var(--orange-vivid-70) !important;
}
.text-orange-vivid-70 {
  color: var(--orange-vivid-70) !important;
}
.border-orange-vivid-70 {
  border-color: var(--orange-vivid-70) !important;
}
.bg-orange-vivid-60 {
  --background:var(--orange-vivid-60);
  background: var(--orange-vivid-60) !important;
}
.text-orange-vivid-60 {
  color: var(--orange-vivid-60) !important;
}
.border-orange-vivid-60 {
  border-color: var(--orange-vivid-60) !important;
}
.bg-orange-vivid-50 {
  --background:var(--orange-vivid-50);
  background: var(--orange-vivid-50) !important;
}
.text-orange-vivid-50 {
  color: var(--orange-vivid-50) !important;
}
.border-orange-vivid-50 {
  border-color: var(--orange-vivid-50) !important;
}
.bg-orange-vivid-40 {
  --background:var(--orange-vivid-40);
  background: var(--orange-vivid-40) !important;
}
.text-orange-vivid-40 {
  color: var(--orange-vivid-40) !important;
}
.border-orange-vivid-40 {
  border-color: var(--orange-vivid-40) !important;
}
.bg-orange-vivid-30 {
  --background:var(--orange-vivid-30);
  background: var(--orange-vivid-30) !important;
}
.text-orange-vivid-30 {
  color: var(--orange-vivid-30) !important;
}
.border-orange-vivid-30 {
  border-color: var(--orange-vivid-30) !important;
}
.bg-orange-vivid-20 {
  --background:var(--orange-vivid-20);
  background: var(--orange-vivid-20) !important;
}
.text-orange-vivid-20 {
  color: var(--orange-vivid-20) !important;
}
.border-orange-vivid-20 {
  border-color: var(--orange-vivid-20) !important;
}
.bg-orange-vivid-10 {
  --background:var(--orange-vivid-10);
  background: var(--orange-vivid-10) !important;
}
.text-orange-vivid-10 {
  color: var(--orange-vivid-10) !important;
}
.border-orange-vivid-10 {
  border-color: var(--orange-vivid-10) !important;
}
.bg-orange-vivid-5 {
  --background:var(--orange-vivid-5);
  background: var(--orange-vivid-5) !important;
}
.text-orange-vivid-5 {
  color: var(--orange-vivid-5) !important;
}
.border-orange-vivid-5 {
  border-color: var(--orange-vivid-5) !important;
}
.bg-orange-warm-vivid-80 {
  --background:var(--orange-warm-vivid-80);
  background: var(--orange-warm-vivid-80) !important;
}
.text-orange-warm-vivid-80 {
  color: var(--orange-warm-vivid-80) !important;
}
.border-orange-warm-vivid-80 {
  border-color: var(--orange-warm-vivid-80) !important;
}
.bg-orange-warm-vivid-70 {
  --background:var(--orange-warm-vivid-70);
  background: var(--orange-warm-vivid-70) !important;
}
.text-orange-warm-vivid-70 {
  color: var(--orange-warm-vivid-70) !important;
}
.border-orange-warm-vivid-70 {
  border-color: var(--orange-warm-vivid-70) !important;
}
.bg-orange-warm-vivid-60 {
  --background:var(--orange-warm-vivid-60);
  background: var(--orange-warm-vivid-60) !important;
}
.text-orange-warm-vivid-60 {
  color: var(--orange-warm-vivid-60) !important;
}
.border-orange-warm-vivid-60 {
  border-color: var(--orange-warm-vivid-60) !important;
}
.bg-orange-warm-vivid-50 {
  --background:var(--orange-warm-vivid-50);
  background: var(--orange-warm-vivid-50) !important;
}
.text-orange-warm-vivid-50 {
  color: var(--orange-warm-vivid-50) !important;
}
.border-orange-warm-vivid-50 {
  border-color: var(--orange-warm-vivid-50) !important;
}
.bg-orange-warm-vivid-40 {
  --background:var(--orange-warm-vivid-40);
  background: var(--orange-warm-vivid-40) !important;
}
.text-orange-warm-vivid-40 {
  color: var(--orange-warm-vivid-40) !important;
}
.border-orange-warm-vivid-40 {
  border-color: var(--orange-warm-vivid-40) !important;
}
.bg-orange-warm-vivid-30 {
  --background:var(--orange-warm-vivid-30);
  background: var(--orange-warm-vivid-30) !important;
}
.text-orange-warm-vivid-30 {
  color: var(--orange-warm-vivid-30) !important;
}
.border-orange-warm-vivid-30 {
  border-color: var(--orange-warm-vivid-30) !important;
}
.bg-orange-warm-vivid-20 {
  --background:var(--orange-warm-vivid-20);
  background: var(--orange-warm-vivid-20) !important;
}
.text-orange-warm-vivid-20 {
  color: var(--orange-warm-vivid-20) !important;
}
.border-orange-warm-vivid-20 {
  border-color: var(--orange-warm-vivid-20) !important;
}
.bg-orange-warm-vivid-10 {
  --background:var(--orange-warm-vivid-10);
  background: var(--orange-warm-vivid-10) !important;
}
.text-orange-warm-vivid-10 {
  color: var(--orange-warm-vivid-10) !important;
}
.border-orange-warm-vivid-10 {
  border-color: var(--orange-warm-vivid-10) !important;
}
.bg-orange-warm-vivid-5 {
  --background:var(--orange-warm-vivid-5);
  background: var(--orange-warm-vivid-5) !important;
}
.text-orange-warm-vivid-5 {
  color: var(--orange-warm-vivid-5) !important;
}
.border-orange-warm-vivid-5 {
  border-color: var(--orange-warm-vivid-5) !important;
}
.bg-pure-100 {
  --background:var(--pure-100);
  background: var(--pure-100) !important;
}
.text-pure-100 {
  color: var(--pure-100) !important;
}
.border-pure-100 {
  border-color: var(--pure-100) !important;
}
.bg-pure-0 {
  --background:var(--pure-0);
  background: var(--pure-0) !important;
}
.text-pure-0 {
  color: var(--pure-0) !important;
}
.border-pure-0 {
  border-color: var(--pure-0) !important;
}
.bg-red-90 {
  --background:var(--red-90);
  background: var(--red-90) !important;
}
.text-red-90 {
  color: var(--red-90) !important;
}
.border-red-90 {
  border-color: var(--red-90) !important;
}
.bg-red-80 {
  --background:var(--red-80);
  background: var(--red-80) !important;
}
.text-red-80 {
  color: var(--red-80) !important;
}
.border-red-80 {
  border-color: var(--red-80) !important;
}
.bg-red-70 {
  --background:var(--red-70);
  background: var(--red-70) !important;
}
.text-red-70 {
  color: var(--red-70) !important;
}
.border-red-70 {
  border-color: var(--red-70) !important;
}
.bg-red-60 {
  --background:var(--red-60);
  background: var(--red-60) !important;
}
.text-red-60 {
  color: var(--red-60) !important;
}
.border-red-60 {
  border-color: var(--red-60) !important;
}
.bg-red-50 {
  --background:var(--red-50);
  background: var(--red-50) !important;
}
.text-red-50 {
  color: var(--red-50) !important;
}
.border-red-50 {
  border-color: var(--red-50) !important;
}
.bg-red-40 {
  --background:var(--red-40);
  background: var(--red-40) !important;
}
.text-red-40 {
  color: var(--red-40) !important;
}
.border-red-40 {
  border-color: var(--red-40) !important;
}
.bg-red-30 {
  --background:var(--red-30);
  background: var(--red-30) !important;
}
.text-red-30 {
  color: var(--red-30) !important;
}
.border-red-30 {
  border-color: var(--red-30) !important;
}
.bg-red-20 {
  --background:var(--red-20);
  background: var(--red-20) !important;
}
.text-red-20 {
  color: var(--red-20) !important;
}
.border-red-20 {
  border-color: var(--red-20) !important;
}
.bg-red-10 {
  --background:var(--red-10);
  background: var(--red-10) !important;
}
.text-red-10 {
  color: var(--red-10) !important;
}
.border-red-10 {
  border-color: var(--red-10) !important;
}
.bg-red-5 {
  --background:var(--red-5);
  background: var(--red-5) !important;
}
.text-red-5 {
  color: var(--red-5) !important;
}
.border-red-5 {
  border-color: var(--red-5) !important;
}
.bg-red-cool-90 {
  --background:var(--red-cool-90);
  background: var(--red-cool-90) !important;
}
.text-red-cool-90 {
  color: var(--red-cool-90) !important;
}
.border-red-cool-90 {
  border-color: var(--red-cool-90) !important;
}
.bg-red-cool-80 {
  --background:var(--red-cool-80);
  background: var(--red-cool-80) !important;
}
.text-red-cool-80 {
  color: var(--red-cool-80) !important;
}
.border-red-cool-80 {
  border-color: var(--red-cool-80) !important;
}
.bg-red-cool-70 {
  --background:var(--red-cool-70);
  background: var(--red-cool-70) !important;
}
.text-red-cool-70 {
  color: var(--red-cool-70) !important;
}
.border-red-cool-70 {
  border-color: var(--red-cool-70) !important;
}
.bg-red-cool-60 {
  --background:var(--red-cool-60);
  background: var(--red-cool-60) !important;
}
.text-red-cool-60 {
  color: var(--red-cool-60) !important;
}
.border-red-cool-60 {
  border-color: var(--red-cool-60) !important;
}
.bg-red-cool-50 {
  --background:var(--red-cool-50);
  background: var(--red-cool-50) !important;
}
.text-red-cool-50 {
  color: var(--red-cool-50) !important;
}
.border-red-cool-50 {
  border-color: var(--red-cool-50) !important;
}
.bg-red-cool-40 {
  --background:var(--red-cool-40);
  background: var(--red-cool-40) !important;
}
.text-red-cool-40 {
  color: var(--red-cool-40) !important;
}
.border-red-cool-40 {
  border-color: var(--red-cool-40) !important;
}
.bg-red-cool-30 {
  --background:var(--red-cool-30);
  background: var(--red-cool-30) !important;
}
.text-red-cool-30 {
  color: var(--red-cool-30) !important;
}
.border-red-cool-30 {
  border-color: var(--red-cool-30) !important;
}
.bg-red-cool-20 {
  --background:var(--red-cool-20);
  background: var(--red-cool-20) !important;
}
.text-red-cool-20 {
  color: var(--red-cool-20) !important;
}
.border-red-cool-20 {
  border-color: var(--red-cool-20) !important;
}
.bg-red-cool-10 {
  --background:var(--red-cool-10);
  background: var(--red-cool-10) !important;
}
.text-red-cool-10 {
  color: var(--red-cool-10) !important;
}
.border-red-cool-10 {
  border-color: var(--red-cool-10) !important;
}
.bg-red-cool-5 {
  --background:var(--red-cool-5);
  background: var(--red-cool-5) !important;
}
.text-red-cool-5 {
  color: var(--red-cool-5) !important;
}
.border-red-cool-5 {
  border-color: var(--red-cool-5) !important;
}
.bg-red-warm-90 {
  --background:var(--red-warm-90);
  background: var(--red-warm-90) !important;
}
.text-red-warm-90 {
  color: var(--red-warm-90) !important;
}
.border-red-warm-90 {
  border-color: var(--red-warm-90) !important;
}
.bg-red-warm-80 {
  --background:var(--red-warm-80);
  background: var(--red-warm-80) !important;
}
.text-red-warm-80 {
  color: var(--red-warm-80) !important;
}
.border-red-warm-80 {
  border-color: var(--red-warm-80) !important;
}
.bg-red-warm-70 {
  --background:var(--red-warm-70);
  background: var(--red-warm-70) !important;
}
.text-red-warm-70 {
  color: var(--red-warm-70) !important;
}
.border-red-warm-70 {
  border-color: var(--red-warm-70) !important;
}
.bg-red-warm-60 {
  --background:var(--red-warm-60);
  background: var(--red-warm-60) !important;
}
.text-red-warm-60 {
  color: var(--red-warm-60) !important;
}
.border-red-warm-60 {
  border-color: var(--red-warm-60) !important;
}
.bg-red-warm-50 {
  --background:var(--red-warm-50);
  background: var(--red-warm-50) !important;
}
.text-red-warm-50 {
  color: var(--red-warm-50) !important;
}
.border-red-warm-50 {
  border-color: var(--red-warm-50) !important;
}
.bg-red-warm-40 {
  --background:var(--red-warm-40);
  background: var(--red-warm-40) !important;
}
.text-red-warm-40 {
  color: var(--red-warm-40) !important;
}
.border-red-warm-40 {
  border-color: var(--red-warm-40) !important;
}
.bg-red-warm-30 {
  --background:var(--red-warm-30);
  background: var(--red-warm-30) !important;
}
.text-red-warm-30 {
  color: var(--red-warm-30) !important;
}
.border-red-warm-30 {
  border-color: var(--red-warm-30) !important;
}
.bg-red-warm-20 {
  --background:var(--red-warm-20);
  background: var(--red-warm-20) !important;
}
.text-red-warm-20 {
  color: var(--red-warm-20) !important;
}
.border-red-warm-20 {
  border-color: var(--red-warm-20) !important;
}
.bg-red-warm-10 {
  --background:var(--red-warm-10);
  background: var(--red-warm-10) !important;
}
.text-red-warm-10 {
  color: var(--red-warm-10) !important;
}
.border-red-warm-10 {
  border-color: var(--red-warm-10) !important;
}
.bg-red-warm-5 {
  --background:var(--red-warm-5);
  background: var(--red-warm-5) !important;
}
.text-red-warm-5 {
  color: var(--red-warm-5) !important;
}
.border-red-warm-5 {
  border-color: var(--red-warm-5) !important;
}
.bg-red-vivid-80 {
  --background:var(--red-vivid-80);
  background: var(--red-vivid-80) !important;
}
.text-red-vivid-80 {
  color: var(--red-vivid-80) !important;
}
.border-red-vivid-80 {
  border-color: var(--red-vivid-80) !important;
}
.bg-red-vivid-70 {
  --background:var(--red-vivid-70);
  background: var(--red-vivid-70) !important;
}
.text-red-vivid-70 {
  color: var(--red-vivid-70) !important;
}
.border-red-vivid-70 {
  border-color: var(--red-vivid-70) !important;
}
.bg-red-vivid-60 {
  --background:var(--red-vivid-60);
  background: var(--red-vivid-60) !important;
}
.text-red-vivid-60 {
  color: var(--red-vivid-60) !important;
}
.border-red-vivid-60 {
  border-color: var(--red-vivid-60) !important;
}
.bg-red-vivid-50 {
  --background:var(--red-vivid-50);
  background: var(--red-vivid-50) !important;
}
.text-red-vivid-50 {
  color: var(--red-vivid-50) !important;
}
.border-red-vivid-50 {
  border-color: var(--red-vivid-50) !important;
}
.bg-red-vivid-40 {
  --background:var(--red-vivid-40);
  background: var(--red-vivid-40) !important;
}
.text-red-vivid-40 {
  color: var(--red-vivid-40) !important;
}
.border-red-vivid-40 {
  border-color: var(--red-vivid-40) !important;
}
.bg-red-vivid-30 {
  --background:var(--red-vivid-30);
  background: var(--red-vivid-30) !important;
}
.text-red-vivid-30 {
  color: var(--red-vivid-30) !important;
}
.border-red-vivid-30 {
  border-color: var(--red-vivid-30) !important;
}
.bg-red-vivid-20 {
  --background:var(--red-vivid-20);
  background: var(--red-vivid-20) !important;
}
.text-red-vivid-20 {
  color: var(--red-vivid-20) !important;
}
.border-red-vivid-20 {
  border-color: var(--red-vivid-20) !important;
}
.bg-red-vivid-10 {
  --background:var(--red-vivid-10);
  background: var(--red-vivid-10) !important;
}
.text-red-vivid-10 {
  color: var(--red-vivid-10) !important;
}
.border-red-vivid-10 {
  border-color: var(--red-vivid-10) !important;
}
.bg-red-vivid-5 {
  --background:var(--red-vivid-5);
  background: var(--red-vivid-5) !important;
}
.text-red-vivid-5 {
  color: var(--red-vivid-5) !important;
}
.border-red-vivid-5 {
  border-color: var(--red-vivid-5) !important;
}
.bg-red-cool-vivid-80 {
  --background:var(--red-cool-vivid-80);
  background: var(--red-cool-vivid-80) !important;
}
.text-red-cool-vivid-80 {
  color: var(--red-cool-vivid-80) !important;
}
.border-red-cool-vivid-80 {
  border-color: var(--red-cool-vivid-80) !important;
}
.bg-red-cool-vivid-70 {
  --background:var(--red-cool-vivid-70);
  background: var(--red-cool-vivid-70) !important;
}
.text-red-cool-vivid-70 {
  color: var(--red-cool-vivid-70) !important;
}
.border-red-cool-vivid-70 {
  border-color: var(--red-cool-vivid-70) !important;
}
.bg-red-cool-vivid-60 {
  --background:var(--red-cool-vivid-60);
  background: var(--red-cool-vivid-60) !important;
}
.text-red-cool-vivid-60 {
  color: var(--red-cool-vivid-60) !important;
}
.border-red-cool-vivid-60 {
  border-color: var(--red-cool-vivid-60) !important;
}
.bg-red-cool-vivid-50 {
  --background:var(--red-cool-vivid-50);
  background: var(--red-cool-vivid-50) !important;
}
.text-red-cool-vivid-50 {
  color: var(--red-cool-vivid-50) !important;
}
.border-red-cool-vivid-50 {
  border-color: var(--red-cool-vivid-50) !important;
}
.bg-red-cool-vivid-40 {
  --background:var(--red-cool-vivid-40);
  background: var(--red-cool-vivid-40) !important;
}
.text-red-cool-vivid-40 {
  color: var(--red-cool-vivid-40) !important;
}
.border-red-cool-vivid-40 {
  border-color: var(--red-cool-vivid-40) !important;
}
.bg-red-cool-vivid-30 {
  --background:var(--red-cool-vivid-30);
  background: var(--red-cool-vivid-30) !important;
}
.text-red-cool-vivid-30 {
  color: var(--red-cool-vivid-30) !important;
}
.border-red-cool-vivid-30 {
  border-color: var(--red-cool-vivid-30) !important;
}
.bg-red-cool-vivid-20 {
  --background:var(--red-cool-vivid-20);
  background: var(--red-cool-vivid-20) !important;
}
.text-red-cool-vivid-20 {
  color: var(--red-cool-vivid-20) !important;
}
.border-red-cool-vivid-20 {
  border-color: var(--red-cool-vivid-20) !important;
}
.bg-red-cool-vivid-10 {
  --background:var(--red-cool-vivid-10);
  background: var(--red-cool-vivid-10) !important;
}
.text-red-cool-vivid-10 {
  color: var(--red-cool-vivid-10) !important;
}
.border-red-cool-vivid-10 {
  border-color: var(--red-cool-vivid-10) !important;
}
.bg-red-cool-vivid-5 {
  --background:var(--red-cool-vivid-5);
  background: var(--red-cool-vivid-5) !important;
}
.text-red-cool-vivid-5 {
  color: var(--red-cool-vivid-5) !important;
}
.border-red-cool-vivid-5 {
  border-color: var(--red-cool-vivid-5) !important;
}
.bg-red-warm-vivid-80 {
  --background:var(--red-warm-vivid-80);
  background: var(--red-warm-vivid-80) !important;
}
.text-red-warm-vivid-80 {
  color: var(--red-warm-vivid-80) !important;
}
.border-red-warm-vivid-80 {
  border-color: var(--red-warm-vivid-80) !important;
}
.bg-red-warm-vivid-70 {
  --background:var(--red-warm-vivid-70);
  background: var(--red-warm-vivid-70) !important;
}
.text-red-warm-vivid-70 {
  color: var(--red-warm-vivid-70) !important;
}
.border-red-warm-vivid-70 {
  border-color: var(--red-warm-vivid-70) !important;
}
.bg-red-warm-vivid-60 {
  --background:var(--red-warm-vivid-60);
  background: var(--red-warm-vivid-60) !important;
}
.text-red-warm-vivid-60 {
  color: var(--red-warm-vivid-60) !important;
}
.border-red-warm-vivid-60 {
  border-color: var(--red-warm-vivid-60) !important;
}
.bg-red-warm-vivid-50 {
  --background:var(--red-warm-vivid-50);
  background: var(--red-warm-vivid-50) !important;
}
.text-red-warm-vivid-50 {
  color: var(--red-warm-vivid-50) !important;
}
.border-red-warm-vivid-50 {
  border-color: var(--red-warm-vivid-50) !important;
}
.bg-red-warm-vivid-40 {
  --background:var(--red-warm-vivid-40);
  background: var(--red-warm-vivid-40) !important;
}
.text-red-warm-vivid-40 {
  color: var(--red-warm-vivid-40) !important;
}
.border-red-warm-vivid-40 {
  border-color: var(--red-warm-vivid-40) !important;
}
.bg-red-warm-vivid-30 {
  --background:var(--red-warm-vivid-30);
  background: var(--red-warm-vivid-30) !important;
}
.text-red-warm-vivid-30 {
  color: var(--red-warm-vivid-30) !important;
}
.border-red-warm-vivid-30 {
  border-color: var(--red-warm-vivid-30) !important;
}
.bg-red-warm-vivid-20 {
  --background:var(--red-warm-vivid-20);
  background: var(--red-warm-vivid-20) !important;
}
.text-red-warm-vivid-20 {
  color: var(--red-warm-vivid-20) !important;
}
.border-red-warm-vivid-20 {
  border-color: var(--red-warm-vivid-20) !important;
}
.bg-red-warm-vivid-10 {
  --background:var(--red-warm-vivid-10);
  background: var(--red-warm-vivid-10) !important;
}
.text-red-warm-vivid-10 {
  color: var(--red-warm-vivid-10) !important;
}
.border-red-warm-vivid-10 {
  border-color: var(--red-warm-vivid-10) !important;
}
.bg-red-warm-vivid-5 {
  --background:var(--red-warm-vivid-5);
  background: var(--red-warm-vivid-5) !important;
}
.text-red-warm-vivid-5 {
  color: var(--red-warm-vivid-5) !important;
}
.border-red-warm-vivid-5 {
  border-color: var(--red-warm-vivid-5) !important;
}
.bg-violet-90 {
  --background:var(--violet-90);
  background: var(--violet-90) !important;
}
.text-violet-90 {
  color: var(--violet-90) !important;
}
.border-violet-90 {
  border-color: var(--violet-90) !important;
}
.bg-violet-80 {
  --background:var(--violet-80);
  background: var(--violet-80) !important;
}
.text-violet-80 {
  color: var(--violet-80) !important;
}
.border-violet-80 {
  border-color: var(--violet-80) !important;
}
.bg-violet-70 {
  --background:var(--violet-70);
  background: var(--violet-70) !important;
}
.text-violet-70 {
  color: var(--violet-70) !important;
}
.border-violet-70 {
  border-color: var(--violet-70) !important;
}
.bg-violet-60 {
  --background:var(--violet-60);
  background: var(--violet-60) !important;
}
.text-violet-60 {
  color: var(--violet-60) !important;
}
.border-violet-60 {
  border-color: var(--violet-60) !important;
}
.bg-violet-50 {
  --background:var(--violet-50);
  background: var(--violet-50) !important;
}
.text-violet-50 {
  color: var(--violet-50) !important;
}
.border-violet-50 {
  border-color: var(--violet-50) !important;
}
.bg-violet-40 {
  --background:var(--violet-40);
  background: var(--violet-40) !important;
}
.text-violet-40 {
  color: var(--violet-40) !important;
}
.border-violet-40 {
  border-color: var(--violet-40) !important;
}
.bg-violet-30 {
  --background:var(--violet-30);
  background: var(--violet-30) !important;
}
.text-violet-30 {
  color: var(--violet-30) !important;
}
.border-violet-30 {
  border-color: var(--violet-30) !important;
}
.bg-violet-20 {
  --background:var(--violet-20);
  background: var(--violet-20) !important;
}
.text-violet-20 {
  color: var(--violet-20) !important;
}
.border-violet-20 {
  border-color: var(--violet-20) !important;
}
.bg-violet-10 {
  --background:var(--violet-10);
  background: var(--violet-10) !important;
}
.text-violet-10 {
  color: var(--violet-10) !important;
}
.border-violet-10 {
  border-color: var(--violet-10) !important;
}
.bg-violet-5 {
  --background:var(--violet-5);
  background: var(--violet-5) !important;
}
.text-violet-5 {
  color: var(--violet-5) !important;
}
.border-violet-5 {
  border-color: var(--violet-5) !important;
}
.bg-violet-warm-90 {
  --background:var(--violet-warm-90);
  background: var(--violet-warm-90) !important;
}
.text-violet-warm-90 {
  color: var(--violet-warm-90) !important;
}
.border-violet-warm-90 {
  border-color: var(--violet-warm-90) !important;
}
.bg-violet-warm-80 {
  --background:var(--violet-warm-80);
  background: var(--violet-warm-80) !important;
}
.text-violet-warm-80 {
  color: var(--violet-warm-80) !important;
}
.border-violet-warm-80 {
  border-color: var(--violet-warm-80) !important;
}
.bg-violet-warm-70 {
  --background:var(--violet-warm-70);
  background: var(--violet-warm-70) !important;
}
.text-violet-warm-70 {
  color: var(--violet-warm-70) !important;
}
.border-violet-warm-70 {
  border-color: var(--violet-warm-70) !important;
}
.bg-violet-warm-60 {
  --background:var(--violet-warm-60);
  background: var(--violet-warm-60) !important;
}
.text-violet-warm-60 {
  color: var(--violet-warm-60) !important;
}
.border-violet-warm-60 {
  border-color: var(--violet-warm-60) !important;
}
.bg-violet-warm-50 {
  --background:var(--violet-warm-50);
  background: var(--violet-warm-50) !important;
}
.text-violet-warm-50 {
  color: var(--violet-warm-50) !important;
}
.border-violet-warm-50 {
  border-color: var(--violet-warm-50) !important;
}
.bg-violet-warm-40 {
  --background:var(--violet-warm-40);
  background: var(--violet-warm-40) !important;
}
.text-violet-warm-40 {
  color: var(--violet-warm-40) !important;
}
.border-violet-warm-40 {
  border-color: var(--violet-warm-40) !important;
}
.bg-violet-warm-30 {
  --background:var(--violet-warm-30);
  background: var(--violet-warm-30) !important;
}
.text-violet-warm-30 {
  color: var(--violet-warm-30) !important;
}
.border-violet-warm-30 {
  border-color: var(--violet-warm-30) !important;
}
.bg-violet-warm-20 {
  --background:var(--violet-warm-20);
  background: var(--violet-warm-20) !important;
}
.text-violet-warm-20 {
  color: var(--violet-warm-20) !important;
}
.border-violet-warm-20 {
  border-color: var(--violet-warm-20) !important;
}
.bg-violet-warm-10 {
  --background:var(--violet-warm-10);
  background: var(--violet-warm-10) !important;
}
.text-violet-warm-10 {
  color: var(--violet-warm-10) !important;
}
.border-violet-warm-10 {
  border-color: var(--violet-warm-10) !important;
}
.bg-violet-warm-5 {
  --background:var(--violet-warm-5);
  background: var(--violet-warm-5) !important;
}
.text-violet-warm-5 {
  color: var(--violet-warm-5) !important;
}
.border-violet-warm-5 {
  border-color: var(--violet-warm-5) !important;
}
.bg-violet-vivid-80 {
  --background:var(--violet-vivid-80);
  background: var(--violet-vivid-80) !important;
}
.text-violet-vivid-80 {
  color: var(--violet-vivid-80) !important;
}
.border-violet-vivid-80 {
  border-color: var(--violet-vivid-80) !important;
}
.bg-violet-vivid-70 {
  --background:var(--violet-vivid-70);
  background: var(--violet-vivid-70) !important;
}
.text-violet-vivid-70 {
  color: var(--violet-vivid-70) !important;
}
.border-violet-vivid-70 {
  border-color: var(--violet-vivid-70) !important;
}
.bg-violet-vivid-60 {
  --background:var(--violet-vivid-60);
  background: var(--violet-vivid-60) !important;
}
.text-violet-vivid-60 {
  color: var(--violet-vivid-60) !important;
}
.border-violet-vivid-60 {
  border-color: var(--violet-vivid-60) !important;
}
.bg-violet-vivid-50 {
  --background:var(--violet-vivid-50);
  background: var(--violet-vivid-50) !important;
}
.text-violet-vivid-50 {
  color: var(--violet-vivid-50) !important;
}
.border-violet-vivid-50 {
  border-color: var(--violet-vivid-50) !important;
}
.bg-violet-vivid-40 {
  --background:var(--violet-vivid-40);
  background: var(--violet-vivid-40) !important;
}
.text-violet-vivid-40 {
  color: var(--violet-vivid-40) !important;
}
.border-violet-vivid-40 {
  border-color: var(--violet-vivid-40) !important;
}
.bg-violet-vivid-30 {
  --background:var(--violet-vivid-30);
  background: var(--violet-vivid-30) !important;
}
.text-violet-vivid-30 {
  color: var(--violet-vivid-30) !important;
}
.border-violet-vivid-30 {
  border-color: var(--violet-vivid-30) !important;
}
.bg-violet-vivid-20 {
  --background:var(--violet-vivid-20);
  background: var(--violet-vivid-20) !important;
}
.text-violet-vivid-20 {
  color: var(--violet-vivid-20) !important;
}
.border-violet-vivid-20 {
  border-color: var(--violet-vivid-20) !important;
}
.bg-violet-vivid-10 {
  --background:var(--violet-vivid-10);
  background: var(--violet-vivid-10) !important;
}
.text-violet-vivid-10 {
  color: var(--violet-vivid-10) !important;
}
.border-violet-vivid-10 {
  border-color: var(--violet-vivid-10) !important;
}
.bg-violet-vivid-5 {
  --background:var(--violet-vivid-5);
  background: var(--violet-vivid-5) !important;
}
.text-violet-vivid-5 {
  color: var(--violet-vivid-5) !important;
}
.border-violet-vivid-5 {
  border-color: var(--violet-vivid-5) !important;
}
.bg-violet-warm-vivid-80 {
  --background:var(--violet-warm-vivid-80);
  background: var(--violet-warm-vivid-80) !important;
}
.text-violet-warm-vivid-80 {
  color: var(--violet-warm-vivid-80) !important;
}
.border-violet-warm-vivid-80 {
  border-color: var(--violet-warm-vivid-80) !important;
}
.bg-violet-warm-vivid-70 {
  --background:var(--violet-warm-vivid-70);
  background: var(--violet-warm-vivid-70) !important;
}
.text-violet-warm-vivid-70 {
  color: var(--violet-warm-vivid-70) !important;
}
.border-violet-warm-vivid-70 {
  border-color: var(--violet-warm-vivid-70) !important;
}
.bg-violet-warm-vivid-60 {
  --background:var(--violet-warm-vivid-60);
  background: var(--violet-warm-vivid-60) !important;
}
.text-violet-warm-vivid-60 {
  color: var(--violet-warm-vivid-60) !important;
}
.border-violet-warm-vivid-60 {
  border-color: var(--violet-warm-vivid-60) !important;
}
.bg-violet-warm-vivid-50 {
  --background:var(--violet-warm-vivid-50);
  background: var(--violet-warm-vivid-50) !important;
}
.text-violet-warm-vivid-50 {
  color: var(--violet-warm-vivid-50) !important;
}
.border-violet-warm-vivid-50 {
  border-color: var(--violet-warm-vivid-50) !important;
}
.bg-violet-warm-vivid-40 {
  --background:var(--violet-warm-vivid-40);
  background: var(--violet-warm-vivid-40) !important;
}
.text-violet-warm-vivid-40 {
  color: var(--violet-warm-vivid-40) !important;
}
.border-violet-warm-vivid-40 {
  border-color: var(--violet-warm-vivid-40) !important;
}
.bg-violet-warm-vivid-30 {
  --background:var(--violet-warm-vivid-30);
  background: var(--violet-warm-vivid-30) !important;
}
.text-violet-warm-vivid-30 {
  color: var(--violet-warm-vivid-30) !important;
}
.border-violet-warm-vivid-30 {
  border-color: var(--violet-warm-vivid-30) !important;
}
.bg-violet-warm-vivid-20 {
  --background:var(--violet-warm-vivid-20);
  background: var(--violet-warm-vivid-20) !important;
}
.text-violet-warm-vivid-20 {
  color: var(--violet-warm-vivid-20) !important;
}
.border-violet-warm-vivid-20 {
  border-color: var(--violet-warm-vivid-20) !important;
}
.bg-violet-warm-vivid-10 {
  --background:var(--violet-warm-vivid-10);
  background: var(--violet-warm-vivid-10) !important;
}
.text-violet-warm-vivid-10 {
  color: var(--violet-warm-vivid-10) !important;
}
.border-violet-warm-vivid-10 {
  border-color: var(--violet-warm-vivid-10) !important;
}
.bg-violet-warm-vivid-5 {
  --background:var(--violet-warm-vivid-5);
  background: var(--violet-warm-vivid-5) !important;
}
.text-violet-warm-vivid-5 {
  color: var(--violet-warm-vivid-5) !important;
}
.border-violet-warm-vivid-5 {
  border-color: var(--violet-warm-vivid-5) !important;
}
.bg-yellow-90 {
  --background:var(--yellow-90);
  background: var(--yellow-90) !important;
}
.text-yellow-90 {
  color: var(--yellow-90) !important;
}
.border-yellow-90 {
  border-color: var(--yellow-90) !important;
}
.bg-yellow-80 {
  --background:var(--yellow-80);
  background: var(--yellow-80) !important;
}
.text-yellow-80 {
  color: var(--yellow-80) !important;
}
.border-yellow-80 {
  border-color: var(--yellow-80) !important;
}
.bg-yellow-70 {
  --background:var(--yellow-70);
  background: var(--yellow-70) !important;
}
.text-yellow-70 {
  color: var(--yellow-70) !important;
}
.border-yellow-70 {
  border-color: var(--yellow-70) !important;
}
.bg-yellow-60 {
  --background:var(--yellow-60);
  background: var(--yellow-60) !important;
}
.text-yellow-60 {
  color: var(--yellow-60) !important;
}
.border-yellow-60 {
  border-color: var(--yellow-60) !important;
}
.bg-yellow-50 {
  --background:var(--yellow-50);
  background: var(--yellow-50) !important;
}
.text-yellow-50 {
  color: var(--yellow-50) !important;
}
.border-yellow-50 {
  border-color: var(--yellow-50) !important;
}
.bg-yellow-40 {
  --background:var(--yellow-40);
  background: var(--yellow-40) !important;
}
.text-yellow-40 {
  color: var(--yellow-40) !important;
}
.border-yellow-40 {
  border-color: var(--yellow-40) !important;
}
.bg-yellow-30 {
  --background:var(--yellow-30);
  background: var(--yellow-30) !important;
}
.text-yellow-30 {
  color: var(--yellow-30) !important;
}
.border-yellow-30 {
  border-color: var(--yellow-30) !important;
}
.bg-yellow-20 {
  --background:var(--yellow-20);
  background: var(--yellow-20) !important;
}
.text-yellow-20 {
  color: var(--yellow-20) !important;
}
.border-yellow-20 {
  border-color: var(--yellow-20) !important;
}
.bg-yellow-10 {
  --background:var(--yellow-10);
  background: var(--yellow-10) !important;
}
.text-yellow-10 {
  color: var(--yellow-10) !important;
}
.border-yellow-10 {
  border-color: var(--yellow-10) !important;
}
.bg-yellow-5 {
  --background:var(--yellow-5);
  background: var(--yellow-5) !important;
}
.text-yellow-5 {
  color: var(--yellow-5) !important;
}
.border-yellow-5 {
  border-color: var(--yellow-5) !important;
}
.bg-yellow-vivid-80 {
  --background:var(--yellow-vivid-80);
  background: var(--yellow-vivid-80) !important;
}
.text-yellow-vivid-80 {
  color: var(--yellow-vivid-80) !important;
}
.border-yellow-vivid-80 {
  border-color: var(--yellow-vivid-80) !important;
}
.bg-yellow-vivid-70 {
  --background:var(--yellow-vivid-70);
  background: var(--yellow-vivid-70) !important;
}
.text-yellow-vivid-70 {
  color: var(--yellow-vivid-70) !important;
}
.border-yellow-vivid-70 {
  border-color: var(--yellow-vivid-70) !important;
}
.bg-yellow-vivid-60 {
  --background:var(--yellow-vivid-60);
  background: var(--yellow-vivid-60) !important;
}
.text-yellow-vivid-60 {
  color: var(--yellow-vivid-60) !important;
}
.border-yellow-vivid-60 {
  border-color: var(--yellow-vivid-60) !important;
}
.bg-yellow-vivid-50 {
  --background:var(--yellow-vivid-50);
  background: var(--yellow-vivid-50) !important;
}
.text-yellow-vivid-50 {
  color: var(--yellow-vivid-50) !important;
}
.border-yellow-vivid-50 {
  border-color: var(--yellow-vivid-50) !important;
}
.bg-yellow-vivid-40 {
  --background:var(--yellow-vivid-40);
  background: var(--yellow-vivid-40) !important;
}
.text-yellow-vivid-40 {
  color: var(--yellow-vivid-40) !important;
}
.border-yellow-vivid-40 {
  border-color: var(--yellow-vivid-40) !important;
}
.bg-yellow-vivid-30 {
  --background:var(--yellow-vivid-30);
  background: var(--yellow-vivid-30) !important;
}
.text-yellow-vivid-30 {
  color: var(--yellow-vivid-30) !important;
}
.border-yellow-vivid-30 {
  border-color: var(--yellow-vivid-30) !important;
}
.bg-yellow-vivid-20 {
  --background:var(--yellow-vivid-20);
  background: var(--yellow-vivid-20) !important;
}
.text-yellow-vivid-20 {
  color: var(--yellow-vivid-20) !important;
}
.border-yellow-vivid-20 {
  border-color: var(--yellow-vivid-20) !important;
}
.bg-yellow-vivid-10 {
  --background:var(--yellow-vivid-10);
  background: var(--yellow-vivid-10) !important;
}
.text-yellow-vivid-10 {
  color: var(--yellow-vivid-10) !important;
}
.border-yellow-vivid-10 {
  border-color: var(--yellow-vivid-10) !important;
}
.bg-yellow-vivid-5 {
  --background:var(--yellow-vivid-5);
  background: var(--yellow-vivid-5) !important;
}
.text-yellow-vivid-5 {
  color: var(--yellow-vivid-5) !important;
}
.border-yellow-vivid-5 {
  border-color: var(--yellow-vivid-5) !important;
}
.bg-interactive {
  --background:var(--interactive);
  background: var(--interactive) !important;
}
.text-interactive {
  color: var(--interactive) !important;
}
.border-interactive {
  border-color: var(--interactive) !important;
}
.bg-interactive-dark {
  --background:var(--interactive-dark);
  background: var(--interactive-dark) !important;
}
.text-interactive-dark {
  color: var(--interactive-dark) !important;
}
.border-interactive-dark {
  border-color: var(--interactive-dark) !important;
}
.bg-danger {
  --background:var(--danger);
  background: var(--danger) !important;
}
.text-danger {
  color: var(--danger) !important;
}
.border-danger {
  border-color: var(--danger) !important;
}
.bg-warning {
  --background:var(--warning);
  background: var(--warning) !important;
}
.text-warning {
  color: var(--warning) !important;
}
.border-warning {
  border-color: var(--warning) !important;
}
.bg-success {
  --background:var(--success);
  background: var(--success) !important;
}
.text-success {
  color: var(--success) !important;
}
.border-success {
  border-color: var(--success) !important;
}
.bg-info {
  --background:var(--info);
  background: var(--info) !important;
}
.text-info {
  color: var(--info) !important;
}
.border-info {
  border-color: var(--info) !important;
}
.bg-primary-pastel-01 {
  background: var(--color-primary-pastel-01) !important;
}
.text-primary-pastel-01 {
  color: var(--color-primary-pastel-01) !important;
}
.border-primary-pastel-01 {
  border-color: var(--color-primary-pastel-01) !important;
}
.bg-primary-pastel-02 {
  background: var(--color-primary-pastel-02) !important;
}
.text-primary-pastel-02 {
  color: var(--color-primary-pastel-02) !important;
}
.border-primary-pastel-02 {
  border-color: var(--color-primary-pastel-02) !important;
}
.bg-primary-lighten-01 {
  --color:var(--color-dark);
  --color-rgb:var(--color-dark-rgb);
  --text-color:var(--color-dark);
  --interactive:var(--interactive-dark);
  --interactive-rgb:var(--interactive-dark-rgb);
  --visited:var(--visited-dark);
  --hover:var(--hover-dark);
  --pressed:var(--pressed-dark);
  --focus-color:var(--focus-color-dark);
  --focus:var(--focus-color-dark);
  background: var(--color-primary-lighten-01) !important;
}
.text-primary-lighten-01 {
  color: var(--color-primary-lighten-01) !important;
}
.border-primary-lighten-01 {
  border-color: var(--color-primary-lighten-01) !important;
}
.bg-primary-lighten-02 {
  --color:var(--color-dark);
  --color-rgb:var(--color-dark-rgb);
  --text-color:var(--color-dark);
  --interactive:var(--interactive-dark);
  --interactive-rgb:var(--interactive-dark-rgb);
  --visited:var(--visited-dark);
  --hover:var(--hover-dark);
  --pressed:var(--pressed-dark);
  --focus-color:var(--focus-color-dark);
  --focus:var(--focus-color-dark);
  background: var(--color-primary-lighten-02) !important;
}
.text-primary-lighten-02 {
  color: var(--color-primary-lighten-02) !important;
}
.border-primary-lighten-02 {
  border-color: var(--color-primary-lighten-02) !important;
}
.bg-primary-default {
  --color:var(--color-dark);
  --color-rgb:var(--color-dark-rgb);
  --text-color:var(--color-dark);
  --interactive:var(--interactive-dark);
  --interactive-rgb:var(--interactive-dark-rgb);
  --visited:var(--visited-dark);
  --hover:var(--hover-dark);
  --pressed:var(--pressed-dark);
  --focus-color:var(--focus-color-dark);
  --focus:var(--focus-color-dark);
  background: var(--color-primary-default) !important;
}
.text-primary-default {
  color: var(--color-primary-default) !important;
}
.border-primary-default {
  border-color: var(--color-primary-default) !important;
}
.bg-primary-darken-01 {
  --color:var(--color-dark);
  --color-rgb:var(--color-dark-rgb);
  --text-color:var(--color-dark);
  --interactive:var(--interactive-dark);
  --interactive-rgb:var(--interactive-dark-rgb);
  --visited:var(--visited-dark);
  --hover:var(--hover-dark);
  --pressed:var(--pressed-dark);
  --focus-color:var(--focus-color-dark);
  --focus:var(--focus-color-dark);
  background: var(--color-primary-darken-01) !important;
}
.text-primary-darken-01 {
  color: var(--color-primary-darken-01) !important;
}
.border-primary-darken-01 {
  border-color: var(--color-primary-darken-01) !important;
}
.bg-primary-darken-02 {
  --color:var(--color-dark);
  --color-rgb:var(--color-dark-rgb);
  --text-color:var(--color-dark);
  --interactive:var(--interactive-dark);
  --interactive-rgb:var(--interactive-dark-rgb);
  --visited:var(--visited-dark);
  --hover:var(--hover-dark);
  --pressed:var(--pressed-dark);
  --focus-color:var(--focus-color-dark);
  --focus:var(--focus-color-dark);
  background: var(--color-primary-darken-02) !important;
}
.text-primary-darken-02 {
  color: var(--color-primary-darken-02) !important;
}
.border-primary-darken-02 {
  border-color: var(--color-primary-darken-02) !important;
}
.bg-secondary-01 {
  background: var(--color-secondary-01) !important;
}
.text-secondary-01 {
  color: var(--color-secondary-01) !important;
}
.border-secondary-01 {
  border-color: var(--color-secondary-01) !important;
}
.bg-secondary-02 {
  background: var(--color-secondary-02) !important;
}
.text-secondary-02 {
  color: var(--color-secondary-02) !important;
}
.border-secondary-02 {
  border-color: var(--color-secondary-02) !important;
}
.bg-secondary-03 {
  background: var(--color-secondary-03) !important;
}
.text-secondary-03 {
  color: var(--color-secondary-03) !important;
}
.border-secondary-03 {
  border-color: var(--color-secondary-03) !important;
}
.bg-secondary-04 {
  background: var(--color-secondary-04) !important;
}
.text-secondary-04 {
  color: var(--color-secondary-04) !important;
}
.border-secondary-04 {
  border-color: var(--color-secondary-04) !important;
}
.bg-secondary-05 {
  background: var(--color-secondary-05) !important;
}
.text-secondary-05 {
  color: var(--color-secondary-05) !important;
}
.border-secondary-05 {
  border-color: var(--color-secondary-05) !important;
}
.bg-secondary-06 {
  --color:var(--color-dark);
  --color-rgb:var(--color-dark-rgb);
  --text-color:var(--color-dark);
  --interactive:var(--interactive-dark);
  --interactive-rgb:var(--interactive-dark-rgb);
  --visited:var(--visited-dark);
  --hover:var(--hover-dark);
  --pressed:var(--pressed-dark);
  --focus-color:var(--focus-color-dark);
  --focus:var(--focus-color-dark);
  background: var(--color-secondary-06) !important;
}
.text-secondary-06 {
  color: var(--color-secondary-06) !important;
}
.border-secondary-06 {
  border-color: var(--color-secondary-06) !important;
}
.bg-secondary-07 {
  --color:var(--color-dark);
  --color-rgb:var(--color-dark-rgb);
  --text-color:var(--color-dark);
  --interactive:var(--interactive-dark);
  --interactive-rgb:var(--interactive-dark-rgb);
  --visited:var(--visited-dark);
  --hover:var(--hover-dark);
  --pressed:var(--pressed-dark);
  --focus-color:var(--focus-color-dark);
  --focus:var(--focus-color-dark);
  background: var(--color-secondary-07) !important;
}
.text-secondary-07 {
  color: var(--color-secondary-07) !important;
}
.border-secondary-07 {
  border-color: var(--color-secondary-07) !important;
}
.bg-secondary-08 {
  --color:var(--color-dark);
  --color-rgb:var(--color-dark-rgb);
  --text-color:var(--color-dark);
  --interactive:var(--interactive-dark);
  --interactive-rgb:var(--interactive-dark-rgb);
  --visited:var(--visited-dark);
  --hover:var(--hover-dark);
  --pressed:var(--pressed-dark);
  --focus-color:var(--focus-color-dark);
  --focus:var(--focus-color-dark);
  background: var(--color-secondary-08) !important;
}
.text-secondary-08 {
  color: var(--color-secondary-08) !important;
}
.border-secondary-08 {
  border-color: var(--color-secondary-08) !important;
}
.bg-secondary-09 {
  --color:var(--color-dark);
  --color-rgb:var(--color-dark-rgb);
  --text-color:var(--color-dark);
  --interactive:var(--interactive-dark);
  --interactive-rgb:var(--interactive-dark-rgb);
  --visited:var(--visited-dark);
  --hover:var(--hover-dark);
  --pressed:var(--pressed-dark);
  --focus-color:var(--focus-color-dark);
  --focus:var(--focus-color-dark);
  background: var(--color-secondary-09) !important;
}
.text-secondary-09 {
  color: var(--color-secondary-09) !important;
}
.border-secondary-09 {
  border-color: var(--color-secondary-09) !important;
}
.bg-highlight {
  --color:var(--color-dark);
  --color-rgb:var(--color-dark-rgb);
  --text-color:var(--color-dark);
  --interactive:var(--interactive-dark);
  --interactive-rgb:var(--interactive-dark-rgb);
  --visited:var(--visited-dark);
  --hover:var(--hover-dark);
  --pressed:var(--pressed-dark);
  --focus-color:var(--focus-color-dark);
  --focus:var(--focus-color-dark);
  background: var(--color-highlight) !important;
}
.text-highlight {
  color: var(--color-highlight) !important;
}
.border-highlight {
  border-color: var(--color-highlight) !important;
}
.bg-support-01 {
  --color:var(--color-dark);
  --color-rgb:var(--color-dark-rgb);
  --text-color:var(--color-dark);
  --interactive:var(--interactive-dark);
  --interactive-rgb:var(--interactive-dark-rgb);
  --visited:var(--visited-dark);
  --hover:var(--hover-dark);
  --pressed:var(--pressed-dark);
  --focus-color:var(--focus-color-dark);
  --focus:var(--focus-color-dark);
  background: var(--color-support-01) !important;
}
.text-support-01 {
  color: var(--color-support-01) !important;
}
.border-support-01 {
  border-color: var(--color-support-01) !important;
}
.bg-support-02 {
  background: var(--color-support-02) !important;
}
.text-support-02 {
  color: var(--color-support-02) !important;
}
.border-support-02 {
  border-color: var(--color-support-02) !important;
}
.bg-support-03 {
  --color:var(--color-dark);
  --color-rgb:var(--color-dark-rgb);
  --text-color:var(--color-dark);
  --interactive:var(--interactive-dark);
  --interactive-rgb:var(--interactive-dark-rgb);
  --visited:var(--visited-dark);
  --hover:var(--hover-dark);
  --pressed:var(--pressed-dark);
  --focus-color:var(--focus-color-dark);
  --focus:var(--focus-color-dark);
  background: var(--color-support-03) !important;
}
.text-support-03 {
  color: var(--color-support-03) !important;
}
.border-support-03 {
  border-color: var(--color-support-03) !important;
}
.bg-support-04 {
  --color:var(--color-dark);
  --color-rgb:var(--color-dark-rgb);
  --text-color:var(--color-dark);
  --interactive:var(--interactive-dark);
  --interactive-rgb:var(--interactive-dark-rgb);
  --visited:var(--visited-dark);
  --hover:var(--hover-dark);
  --pressed:var(--pressed-dark);
  --focus-color:var(--focus-color-dark);
  --focus:var(--focus-color-dark);
  background: var(--color-support-04) !important;
}
.text-support-04 {
  color: var(--color-support-04) !important;
}
.border-support-04 {
  border-color: var(--color-support-04) !important;
}
.bg-support-05 {
  background: var(--color-support-05) !important;
}
.text-support-05 {
  color: var(--color-support-05) !important;
}
.border-support-05 {
  border-color: var(--color-support-05) !important;
}
.bg-support-06 {
  background: var(--color-support-06) !important;
}
.text-support-06 {
  color: var(--color-support-06) !important;
}
.border-support-06 {
  border-color: var(--color-support-06) !important;
}
.bg-support-07 {
  --color:var(--color-dark);
  --color-rgb:var(--color-dark-rgb);
  --text-color:var(--color-dark);
  --interactive:var(--interactive-dark);
  --interactive-rgb:var(--interactive-dark-rgb);
  --visited:var(--visited-dark);
  --hover:var(--hover-dark);
  --pressed:var(--pressed-dark);
  --focus-color:var(--focus-color-dark);
  --focus:var(--focus-color-dark);
  background: var(--color-support-07) !important;
}
.text-support-07 {
  color: var(--color-support-07) !important;
}
.border-support-07 {
  border-color: var(--color-support-07) !important;
}
.bg-support-08 {
  --color:var(--color-dark);
  --color-rgb:var(--color-dark-rgb);
  --text-color:var(--color-dark);
  --interactive:var(--interactive-dark);
  --interactive-rgb:var(--interactive-dark-rgb);
  --visited:var(--visited-dark);
  --hover:var(--hover-dark);
  --pressed:var(--pressed-dark);
  --focus-color:var(--focus-color-dark);
  --focus:var(--focus-color-dark);
  background: var(--color-support-08) !important;
}
.text-support-08 {
  color: var(--color-support-08) !important;
}
.border-support-08 {
  border-color: var(--color-support-08) !important;
}
.bg-support-09 {
  background: var(--color-support-09) !important;
}
.text-support-09 {
  color: var(--color-support-09) !important;
}
.border-support-09 {
  border-color: var(--color-support-09) !important;
}
.bg-support-10 {
  background: var(--color-support-10) !important;
}
.text-support-10 {
  color: var(--color-support-10) !important;
}
.border-support-10 {
  border-color: var(--color-support-10) !important;
}
.bg-support-11 {
  background: var(--color-support-11) !important;
}
.text-support-11 {
  color: var(--color-support-11) !important;
}
.border-support-11 {
  border-color: var(--color-support-11) !important;
}
.text-center {
  text-align: center !important;
}
.text-justify {
  text-align: justify !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-thin,
.text-weight-thin {
  font-weight: 100 !important;
}
.text-extra-light,
.text-weight-extra-light {
  font-weight: 200 !important;
}
.text-light,
.text-weight-light {
  font-weight: 300 !important;
}
.text-regular,
.text-weight-regular {
  font-weight: 400 !important;
}
.text-medium,
.text-weight-medium {
  font-weight: 500 !important;
}
.text-semi-bold,
.text-weight-semi-bold {
  font-weight: 600 !important;
}
.text-bold,
.text-weight-bold {
  font-weight: 700 !important;
}
.text-extra-bold,
.text-weight-extra-bold {
  font-weight: 800 !important;
}
.text-black,
.text-weight-black {
  font-weight: 900 !important;
}
.text-base {
  font-size: var(--font-size-scale-base) !important;
}
.text-down-01 {
  font-size: var(--font-size-scale-down-01) !important;
}
.text-down-02 {
  font-size: var(--font-size-scale-down-02) !important;
}
.text-down-03 {
  font-size: var(--font-size-scale-down-03) !important;
}
.text-up-01 {
  font-size: var(--font-size-scale-up-01) !important;
}
.text-up-02 {
  font-size: var(--font-size-scale-up-02) !important;
}
.text-up-03 {
  font-size: var(--font-size-scale-up-03) !important;
}
.text-up-04 {
  font-size: var(--font-size-scale-up-04) !important;
}
.text-up-05 {
  font-size: var(--font-size-scale-up-05) !important;
}
.text-up-06 {
  font-size: var(--font-size-scale-up-06) !important;
}
.text-up-07 {
  font-size: var(--font-size-scale-up-07) !important;
}
.text-up-08 {
  font-size: var(--font-size-scale-up-08) !important;
}
.text-up-09 {
  font-size: var(--font-size-scale-up-09) !important;
}
.text-up-10 {
  font-size: var(--font-size-scale-up-10) !important;
}
.text-up-11 {
  font-size: var(--font-size-scale-up-11) !important;
}
@media (min-width:576px) {
  .text-sm-center {
    text-align: center !important;
  }
  .text-sm-justify {
    text-align: justify !important;
  }
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-wrap {
    white-space: normal !important;
  }
  .text-sm-nowrap {
    white-space: nowrap !important;
  }
  .text-sm-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .text-sm-break {
    word-wrap: break-word !important;
    word-break: break-word !important;
  }
  .text-sm-lowercase {
    text-transform: lowercase !important;
  }
  .text-sm-uppercase {
    text-transform: uppercase !important;
  }
  .text-sm-capitalize {
    text-transform: capitalize !important;
  }
  .text-sm-thin,
  .text-sm-weight-thin {
    font-weight: 100 !important;
  }
  .text-sm-extra-light,
  .text-sm-weight-extra-light {
    font-weight: 200 !important;
  }
  .text-sm-light,
  .text-sm-weight-light {
    font-weight: 300 !important;
  }
  .text-sm-regular,
  .text-sm-weight-regular {
    font-weight: 400 !important;
  }
  .text-sm-medium,
  .text-sm-weight-medium {
    font-weight: 500 !important;
  }
  .text-sm-semi-bold,
  .text-sm-weight-semi-bold {
    font-weight: 600 !important;
  }
  .text-sm-bold,
  .text-sm-weight-bold {
    font-weight: 700 !important;
  }
  .text-sm-extra-bold,
  .text-sm-weight-extra-bold {
    font-weight: 800 !important;
  }
  .text-sm-black,
  .text-sm-weight-black {
    font-weight: 900 !important;
  }
  .text-sm-base {
    font-size: var(--font-size-scale-base) !important;
  }
  .text-sm-down-01 {
    font-size: var(--font-size-scale-down-01) !important;
  }
  .text-sm-down-02 {
    font-size: var(--font-size-scale-down-02) !important;
  }
  .text-sm-down-03 {
    font-size: var(--font-size-scale-down-03) !important;
  }
  .text-sm-up-01 {
    font-size: var(--font-size-scale-up-01) !important;
  }
  .text-sm-up-02 {
    font-size: var(--font-size-scale-up-02) !important;
  }
  .text-sm-up-03 {
    font-size: var(--font-size-scale-up-03) !important;
  }
  .text-sm-up-04 {
    font-size: var(--font-size-scale-up-04) !important;
  }
  .text-sm-up-05 {
    font-size: var(--font-size-scale-up-05) !important;
  }
  .text-sm-up-06 {
    font-size: var(--font-size-scale-up-06) !important;
  }
  .text-sm-up-07 {
    font-size: var(--font-size-scale-up-07) !important;
  }
  .text-sm-up-08 {
    font-size: var(--font-size-scale-up-08) !important;
  }
  .text-sm-up-09 {
    font-size: var(--font-size-scale-up-09) !important;
  }
  .text-sm-up-10 {
    font-size: var(--font-size-scale-up-10) !important;
  }
  .text-sm-up-11 {
    font-size: var(--font-size-scale-up-11) !important;
  }
}
@media (min-width:992px) {
  .text-md-center {
    text-align: center !important;
  }
  .text-md-justify {
    text-align: justify !important;
  }
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-wrap {
    white-space: normal !important;
  }
  .text-md-nowrap {
    white-space: nowrap !important;
  }
  .text-md-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .text-md-break {
    word-wrap: break-word !important;
    word-break: break-word !important;
  }
  .text-md-lowercase {
    text-transform: lowercase !important;
  }
  .text-md-uppercase {
    text-transform: uppercase !important;
  }
  .text-md-capitalize {
    text-transform: capitalize !important;
  }
  .text-md-thin,
  .text-md-weight-thin {
    font-weight: 100 !important;
  }
  .text-md-extra-light,
  .text-md-weight-extra-light {
    font-weight: 200 !important;
  }
  .text-md-light,
  .text-md-weight-light {
    font-weight: 300 !important;
  }
  .text-md-regular,
  .text-md-weight-regular {
    font-weight: 400 !important;
  }
  .text-md-medium,
  .text-md-weight-medium {
    font-weight: 500 !important;
  }
  .text-md-semi-bold,
  .text-md-weight-semi-bold {
    font-weight: 600 !important;
  }
  .text-md-bold,
  .text-md-weight-bold {
    font-weight: 700 !important;
  }
  .text-md-extra-bold,
  .text-md-weight-extra-bold {
    font-weight: 800 !important;
  }
  .text-md-black,
  .text-md-weight-black {
    font-weight: 900 !important;
  }
  .text-md-base {
    font-size: var(--font-size-scale-base) !important;
  }
  .text-md-down-01 {
    font-size: var(--font-size-scale-down-01) !important;
  }
  .text-md-down-02 {
    font-size: var(--font-size-scale-down-02) !important;
  }
  .text-md-down-03 {
    font-size: var(--font-size-scale-down-03) !important;
  }
  .text-md-up-01 {
    font-size: var(--font-size-scale-up-01) !important;
  }
  .text-md-up-02 {
    font-size: var(--font-size-scale-up-02) !important;
  }
  .text-md-up-03 {
    font-size: var(--font-size-scale-up-03) !important;
  }
  .text-md-up-04 {
    font-size: var(--font-size-scale-up-04) !important;
  }
  .text-md-up-05 {
    font-size: var(--font-size-scale-up-05) !important;
  }
  .text-md-up-06 {
    font-size: var(--font-size-scale-up-06) !important;
  }
  .text-md-up-07 {
    font-size: var(--font-size-scale-up-07) !important;
  }
  .text-md-up-08 {
    font-size: var(--font-size-scale-up-08) !important;
  }
  .text-md-up-09 {
    font-size: var(--font-size-scale-up-09) !important;
  }
  .text-md-up-10 {
    font-size: var(--font-size-scale-up-10) !important;
  }
  .text-md-up-11 {
    font-size: var(--font-size-scale-up-11) !important;
  }
}
@media (min-width:1280px) {
  .text-lg-center {
    text-align: center !important;
  }
  .text-lg-justify {
    text-align: justify !important;
  }
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-wrap {
    white-space: normal !important;
  }
  .text-lg-nowrap {
    white-space: nowrap !important;
  }
  .text-lg-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .text-lg-break {
    word-wrap: break-word !important;
    word-break: break-word !important;
  }
  .text-lg-lowercase {
    text-transform: lowercase !important;
  }
  .text-lg-uppercase {
    text-transform: uppercase !important;
  }
  .text-lg-capitalize {
    text-transform: capitalize !important;
  }
  .text-lg-thin,
  .text-lg-weight-thin {
    font-weight: 100 !important;
  }
  .text-lg-extra-light,
  .text-lg-weight-extra-light {
    font-weight: 200 !important;
  }
  .text-lg-light,
  .text-lg-weight-light {
    font-weight: 300 !important;
  }
  .text-lg-regular,
  .text-lg-weight-regular {
    font-weight: 400 !important;
  }
  .text-lg-medium,
  .text-lg-weight-medium {
    font-weight: 500 !important;
  }
  .text-lg-semi-bold,
  .text-lg-weight-semi-bold {
    font-weight: 600 !important;
  }
  .text-lg-bold,
  .text-lg-weight-bold {
    font-weight: 700 !important;
  }
  .text-lg-extra-bold,
  .text-lg-weight-extra-bold {
    font-weight: 800 !important;
  }
  .text-lg-black,
  .text-lg-weight-black {
    font-weight: 900 !important;
  }
  .text-lg-base {
    font-size: var(--font-size-scale-base) !important;
  }
  .text-lg-down-01 {
    font-size: var(--font-size-scale-down-01) !important;
  }
  .text-lg-down-02 {
    font-size: var(--font-size-scale-down-02) !important;
  }
  .text-lg-down-03 {
    font-size: var(--font-size-scale-down-03) !important;
  }
  .text-lg-up-01 {
    font-size: var(--font-size-scale-up-01) !important;
  }
  .text-lg-up-02 {
    font-size: var(--font-size-scale-up-02) !important;
  }
  .text-lg-up-03 {
    font-size: var(--font-size-scale-up-03) !important;
  }
  .text-lg-up-04 {
    font-size: var(--font-size-scale-up-04) !important;
  }
  .text-lg-up-05 {
    font-size: var(--font-size-scale-up-05) !important;
  }
  .text-lg-up-06 {
    font-size: var(--font-size-scale-up-06) !important;
  }
  .text-lg-up-07 {
    font-size: var(--font-size-scale-up-07) !important;
  }
  .text-lg-up-08 {
    font-size: var(--font-size-scale-up-08) !important;
  }
  .text-lg-up-09 {
    font-size: var(--font-size-scale-up-09) !important;
  }
  .text-lg-up-10 {
    font-size: var(--font-size-scale-up-10) !important;
  }
  .text-lg-up-11 {
    font-size: var(--font-size-scale-up-11) !important;
  }
}
@media (min-width:1600px) {
  .text-xl-center {
    text-align: center !important;
  }
  .text-xl-justify {
    text-align: justify !important;
  }
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-wrap {
    white-space: normal !important;
  }
  .text-xl-nowrap {
    white-space: nowrap !important;
  }
  .text-xl-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .text-xl-break {
    word-wrap: break-word !important;
    word-break: break-word !important;
  }
  .text-xl-lowercase {
    text-transform: lowercase !important;
  }
  .text-xl-uppercase {
    text-transform: uppercase !important;
  }
  .text-xl-capitalize {
    text-transform: capitalize !important;
  }
  .text-xl-thin,
  .text-xl-weight-thin {
    font-weight: 100 !important;
  }
  .text-xl-extra-light,
  .text-xl-weight-extra-light {
    font-weight: 200 !important;
  }
  .text-xl-light,
  .text-xl-weight-light {
    font-weight: 300 !important;
  }
  .text-xl-regular,
  .text-xl-weight-regular {
    font-weight: 400 !important;
  }
  .text-xl-medium,
  .text-xl-weight-medium {
    font-weight: 500 !important;
  }
  .text-xl-semi-bold,
  .text-xl-weight-semi-bold {
    font-weight: 600 !important;
  }
  .text-xl-bold,
  .text-xl-weight-bold {
    font-weight: 700 !important;
  }
  .text-xl-extra-bold,
  .text-xl-weight-extra-bold {
    font-weight: 800 !important;
  }
  .text-xl-black,
  .text-xl-weight-black {
    font-weight: 900 !important;
  }
  .text-xl-base {
    font-size: var(--font-size-scale-base) !important;
  }
  .text-xl-down-01 {
    font-size: var(--font-size-scale-down-01) !important;
  }
  .text-xl-down-02 {
    font-size: var(--font-size-scale-down-02) !important;
  }
  .text-xl-down-03 {
    font-size: var(--font-size-scale-down-03) !important;
  }
  .text-xl-up-01 {
    font-size: var(--font-size-scale-up-01) !important;
  }
  .text-xl-up-02 {
    font-size: var(--font-size-scale-up-02) !important;
  }
  .text-xl-up-03 {
    font-size: var(--font-size-scale-up-03) !important;
  }
  .text-xl-up-04 {
    font-size: var(--font-size-scale-up-04) !important;
  }
  .text-xl-up-05 {
    font-size: var(--font-size-scale-up-05) !important;
  }
  .text-xl-up-06 {
    font-size: var(--font-size-scale-up-06) !important;
  }
  .text-xl-up-07 {
    font-size: var(--font-size-scale-up-07) !important;
  }
  .text-xl-up-08 {
    font-size: var(--font-size-scale-up-08) !important;
  }
  .text-xl-up-09 {
    font-size: var(--font-size-scale-up-09) !important;
  }
  .text-xl-up-10 {
    font-size: var(--font-size-scale-up-10) !important;
  }
  .text-xl-up-11 {
    font-size: var(--font-size-scale-up-11) !important;
  }
}
.shadow-color {
  box-shadow: var(--rgb-secondary-09);
}
.shadow-none {
  box-shadow: none;
}
.shadow-sm {
  box-shadow: var(--surface-offset-none) var(--surface-offset-sm) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-md {
  box-shadow: var(--surface-offset-none) var(--surface-offset-md) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-lg {
  box-shadow: var(--surface-offset-none) var(--surface-offset-lg) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-xl {
  box-shadow: var(--surface-offset-none) var(--surface-offset-xl) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-sm-inset {
  box-shadow: var(--surface-offset-none) var(--surface-offset-sm-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-md-inset {
  box-shadow: var(--surface-offset-none) var(--surface-offset-md-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-lg-inset {
  box-shadow: var(--surface-offset-none) var(--surface-offset-lg-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-xl-inset {
  box-shadow: var(--surface-offset-none) var(--surface-offset-xl-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-sm-up {
  box-shadow: var(--surface-offset-none) var(--surface-offset-sm-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-md-up {
  box-shadow: var(--surface-offset-none) var(--surface-offset-md-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-lg-up {
  box-shadow: var(--surface-offset-none) var(--surface-offset-lg-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-xl-up {
  box-shadow: var(--surface-offset-none) var(--surface-offset-xl-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-sm-inset-up {
  box-shadow: var(--surface-offset-none) var(--surface-offset-sm) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-md-inset-up {
  box-shadow: var(--surface-offset-none) var(--surface-offset-md) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-lg-inset-up {
  box-shadow: var(--surface-offset-none) var(--surface-offset-lg) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-xl-inset-up {
  box-shadow: var(--surface-offset-none) var(--surface-offset-xl) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-sm-right {
  box-shadow: var(--surface-offset-sm) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-md-right {
  box-shadow: var(--surface-offset-md) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-lg-right {
  box-shadow: var(--surface-offset-lg) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-xl-right {
  box-shadow: var(--surface-offset-xl) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-sm-inset-right {
  box-shadow: var(--surface-offset-sm-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-md-inset-right {
  box-shadow: var(--surface-offset-md-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-lg-inset-right {
  box-shadow: var(--surface-offset-lg-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-xl-inset-right {
  box-shadow: var(--surface-offset-xl-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-sm-left {
  box-shadow: var(--surface-offset-sm-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-md-left {
  box-shadow: var(--surface-offset-md-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-lg-left {
  box-shadow: var(--surface-offset-lg-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-xl-left {
  box-shadow: var(--surface-offset-xl-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-sm-inset-left {
  box-shadow: var(--surface-offset-sm) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-md-inset-left {
  box-shadow: var(--surface-offset-md) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-lg-inset-left {
  box-shadow: var(--surface-offset-lg) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-xl-inset-left {
  box-shadow: var(--surface-offset-xl) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.layer-0 {
  z-index: var(--z-index-layer-0);
}
.layer-1 {
  z-index: var(--z-index-layer-1);
}
.layer-2 {
  z-index: var(--z-index-layer-2);
}
.layer-3 {
  z-index: var(--z-index-layer-3);
}
.layer-4 {
  z-index: var(--z-index-layer-4);
}
.ease {
  animation-timing-function: ease;
}
.ease-in {
  animation-timing-function: ease-in;
}
.ease-out {
  animation-timing-function: ease-out;
}
.ease-in-out {
  animation-timing-function: ease-in-out;
}
.ease-linear {
  animation-timing-function: linear;
}
.very-fast {
  animation-duration: var(--duration-very-fast);
}
.fast {
  animation-duration: var(--duration-fast);
}
.moderate {
  animation-duration: var(--duration-moderate);
}
.slow {
  animation-duration: var(--duration-slow);
}
.very-slow {
  animation-duration: var(--duration-very-slow);
}
.fa,
.fab,
.fad,
.fal,
.far,
.fas,
.svg-inline--fa {
  --icon-size:var(--icon-size-base);
  display: inline-block;
  font-size: var(--icon-size);
  text-align: center;
  width: calc(var(--icon-size) + 8px);
}
.svg-inline--fa.fa-w-1,
.svg-inline--fa.fa-w-10,
.svg-inline--fa.fa-w-11,
.svg-inline--fa.fa-w-12,
.svg-inline--fa.fa-w-13,
.svg-inline--fa.fa-w-14,
.svg-inline--fa.fa-w-15,
.svg-inline--fa.fa-w-16,
.svg-inline--fa.fa-w-17,
.svg-inline--fa.fa-w-18,
.svg-inline--fa.fa-w-19,
.svg-inline--fa.fa-w-2,
.svg-inline--fa.fa-w-20,
.svg-inline--fa.fa-w-3,
.svg-inline--fa.fa-w-4,
.svg-inline--fa.fa-w-5,
.svg-inline--fa.fa-w-6,
.svg-inline--fa.fa-w-7,
.svg-inline--fa.fa-w-8,
.svg-inline--fa.fa-w-9 {
  width: calc(var(--icon-size) + 8px);
}
.fa-xs,
.svg-inline--fa.fa-xs {
  --icon-size:var(--icon-size-xs);
}
.fa-sm,
.svg-inline--fa.fa-sm {
  --icon-size:var(--icon-size-sm);
}
.fa-lg,
.svg-inline--fa.fa-lg {
  --icon-size:var(--icon-size-lg);
  vertical-align: -.125em;
}
.fa-2x,
.svg-inline--fa.fa-2x {
  --icon-size:var(--icon-size-2x);
}
.fa-3x,
.svg-inline--fa.fa-3x {
  --icon-size:var(--icon-size-3x);
}
.fa-4x,
.svg-inline--fa.fa-4x {
  --icon-size:var(--icon-size-4x);
}
.fa-5x,
.svg-inline--fa.fa-5x {
  --icon-size:var(--icon-size-5x);
}
.fa-6x,
.svg-inline--fa.fa-6x {
  --icon-size:var(--icon-size-6x);
}
.fa-7x,
.svg-inline--fa.fa-7x {
  --icon-size:var(--icon-size-7x);
}
.fa-8x,
.svg-inline--fa.fa-8x {
  --icon-size:var(--icon-size-8x);
}
.fa-9x,
.svg-inline--fa.fa-9x {
  --icon-size:var(--icon-size-9x);
}
.fa-10x,
.svg-inline--fa.fa-10x {
  --icon-size:var(--icon-size-10x);
}
.highlight {
  background: var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));
  color: var(--status-highlight-text);
  padding: 0 var(--spacing-scale-half);
}
.disabled,
[disabled] {
  cursor: not-allowed;
  opacity: var(--disabled);
}
.disabled *,
[disabled] * {
  pointer-events: none;
}
.dragged {
  background: var(--status-dragged-background);
  box-shadow: 0 3px 6px var(--status-dragged-shadow);
  color: var(--status-dragged-text);
}
[data-toggle=dropdown] + * {
  position: absolute;
}
.dropdown {
  position: relative;
}
.dropdown [data-toggle=dropdown-legacy] + *,
.dropdown [data-toggle=dropdown] + * {
  box-shadow: var(--surface-shadow-sm);
  left: 0;
  position: absolute;
  top: 100%;
}
.dropdown > .br-notification {
  left: auto;
  right: 0;
}
.dropdown .br-item {
  --color:var(--color-light);
  --color-rgb:var(--color-light-rgb);
  --text-color:var(--color-light);
  --interactive:var(--interactive-light);
  --interactive-rgb:var(--color-rgb);
  --visited:var(--visited-light);
  --hover:var(--hover-light);
  --pressed:var(--pressed-light);
  --focus-color:var(--focus-color-light);
  --focus:var(--focus-color-light);
  --item-padding-y:var(--spacing-scale-2x);
  background-color: var(--background-light);
  color: var(--color);
}
.dropdown .br-item:not(:last-child) {
  border-bottom: 1px solid var(--border-color);
}
.dropdown .br-item.selected {
  --color:var(--color-dark);
  --color-rgb:var(--color-dark-rgb);
  --text-color:var(--color-dark);
  --interactive:var(--interactive-dark);
  --interactive-rgb:var(--interactive-dark-rgb);
  --visited:var(--visited-dark);
  --hover:var(--hover-dark);
  --pressed:var(--pressed-dark);
  --focus-color:var(--focus-color-dark);
  --focus:var(--focus-color-dark);
}
.template-base {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.br-accordion {
  background: var(--bg-color);
  border-top: 1px solid var(--color-secondary-04);
}
.br-accordion .item {
  border-bottom: 1px solid var(--color-secondary-04);
  display: flex;
  flex-direction: column;
}
.br-accordion .item[active] {
  border-bottom: 0;
}
.br-accordion .item[active] .header {
  font-weight: var(--font-weight-semi-bold);
}
.br-accordion .item[active] + .content {
  border-bottom: 1px solid var(--color-secondary-04);
  display: block;
}
.br-accordion .header {
  --bg-color:transparent;
  background: var(--bg-color);
  border: 0;
  color: var(--interactive);
  display: flex;
  font-size: var(--font-size-scale-up-01);
  justify-content: space-between;
  outline: none;
  padding: var(--spacing-scale-2x) 0;
  text-align: left;
  text-decoration: none;
  width: 100%;
}
.br-accordion .header .icon {
  margin: 0 var(--spacing-scale-2x) 0 var(--spacing-scale-baseh);
}
.br-accordion .header .title {
  flex: 1;
  margin: 0;
}
.br-accordion .header:focus {
  outline: none;
}
.br-accordion .header.focus-visible,
.br-accordion .header:focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}
.br-accordion .header:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-accordion .content {
  color: var(--text-color);
  display: none;
  font-size: var(--font-size-scale-base);
  margin: 0 var(--spacing-scale-base);
  padding: var(--spacing-scale-base) var(--spacing-scale-8x) var(--spacing-scale-2x);
}
.br-accordion .content :last-child {
  margin-bottom: 0;
}
.br-accordion[negative] {
  --color:var(--color-dark);
  --color-rgb:var(--color-dark-rgb);
  --text-color:var(--color-dark);
  --interactive:var(--interactive-dark);
  --interactive-rgb:var(--interactive-dark-rgb);
  --visited:var(--visited-dark);
  --hover:var(--hover-dark);
  --pressed:var(--pressed-dark);
  --focus-color:var(--focus-color-dark);
  --focus:var(--focus-color-dark);
  --bg-color:var(--background-dark);
}
.br-avatar {
  --avatar-size:var(--avatar-small);
  --avatar-icon-size:var(--avatar-icon-small);
  --avatar-text-size:var(--avatar-text-small);
  --avatar-small:40px;
  --avatar-medium:100px;
  --avatar-large:160px;
  --avatar-icon-small:var(--icon-size-2x);
  --avatar-icon-medium:var(--icon-size-5x);
  --avatar-icon-large:var(--icon-size-8x);
  --avatar-text-small:var(--font-size-scale-up-03);
  --avatar-text-medium:var(--font-size-scale-up-07);
  --avatar-text-large:var(--font-size-scale-up-11);
  background-color: transparent;
  border: 0;
  font-weight: var(--font-weight-bold);
  line-height: var(--avatar-size);
  vertical-align: middle;
}
.br-avatar,
.br-avatar .content {
  align-items: center;
  display: inline-flex;
  font-size: var(--avatar-text-size);
  justify-content: center;
}
.br-avatar .content {
  background-color: var(--blue-10);
  border-radius: 50%;
  color: var(--blue-warm-20);
  overflow: hidden;
  text-align: center;
  text-transform: uppercase;
}
.br-avatar .content,
.br-avatar .content img {
  height: var(--avatar-size);
  vertical-align: inherit;
  width: var(--avatar-size);
}
.br-avatar .content .fa,
.br-avatar .content .fab,
.br-avatar .content .fad,
.br-avatar .content .fal,
.br-avatar .content .far,
.br-avatar .content .fas,
.br-avatar .content .svg-inline--fa {
  --icon-size:var(--avatar-icon-size);
  margin-top: .25em;
}
.br-avatar.is-small,
.br-avatar.small,
.br-avatar[small] {
  --avatar-size:var(--avatar-small);
  --avatar-icon-size:var(--avatar-icon-small);
  --avatar-text-size:var(--avatar-text-small);
}
.br-avatar.is-medium,
.br-avatar.medium,
.br-avatar[medium] {
  --avatar-size:var(--avatar-medium);
  --avatar-icon-size:var(--avatar-icon-medium);
  --avatar-text-size:var(--avatar-text-medium);
}
.br-avatar.is-large,
.br-avatar.large,
.br-avatar[large] {
  --avatar-size:var(--avatar-large);
  --avatar-icon-size:var(--avatar-icon-large);
  --avatar-text-size:var(--avatar-text-large);
}
.br-avatar-action {
  background: transparent;
  border: 0;
}
.br-avatar-action:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-avatar-action:focus {
  outline: none;
}
.br-avatar-action.focus-visible,
.br-avatar-action:focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}
.br-avatar[data-toggle=dropdown]:focus {
  outline: none;
}
.br-avatar[data-toggle=dropdown].focus-visible,
.br-avatar[data-toggle=dropdown]:focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}
.br-avatar .image,
.br-avatar .letter {
  align-items: center;
  background-color: var(--blue-10);
  border-radius: 50%;
  color: var(--blue-warm-20);
  display: inline-flex;
  font-size: var(--avatar-text-size);
  justify-content: center;
  overflow: hidden;
  text-align: center;
  text-transform: uppercase;
}
.br-avatar .image,
.br-avatar .image img,
.br-avatar .letter,
.br-avatar .letter img {
  height: var(--avatar-size);
  vertical-align: inherit;
  width: var(--avatar-size);
}
.br-avatar .image .fa,
.br-avatar .image .fab,
.br-avatar .image .fad,
.br-avatar .image .fal,
.br-avatar .image .far,
.br-avatar .image .fas,
.br-avatar .image .svg-inline--fa,
.br-avatar .letter .fa,
.br-avatar .letter .fab,
.br-avatar .letter .fad,
.br-avatar .letter .fal,
.br-avatar .letter .far,
.br-avatar .letter .fas,
.br-avatar .letter .svg-inline--fa {
  --icon-size:var(--avatar-icon-size);
  margin-top: .25em;
}
.br-breadcrumb {
  display: inline-grid;
  font-size: var(--font-size-scale-down-01);
  font-weight: var(--font-weight-medium);
  min-height: var(--spacing-scale-7x);
  position: relative;
}
.br-breadcrumb .crumb-list {
  align-items: center;
  border: 0;
  display: flex;
  list-style: none;
  margin: 0;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0 0 0 var(--spacing-scale-base);
}
.br-breadcrumb .crumb {
  align-items: center;
  display: flex;
  height: var(--spacing-scale-5x);
}
.br-breadcrumb .crumb .icon {
  color: var(--border-color);
  font-size: var(--icon-size-sm);
  margin-right: -6px;
}
.br-breadcrumb .crumb a {
  max-width: 180px;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.br-breadcrumb .crumb:last-child span {
  font-weight: var(--font-weight-medium);
  margin: 0 var(--spacing-scale-2x) 0 var(--spacing-scale-base);
  white-space: nowrap;
}
.br-breadcrumb .crumb[data-active=active] span.focus-visible:focus,
.br-breadcrumb .crumb[data-active=active] span:focus-visible:focus,
.br-breadcrumb .crumb[data-active=active] span:focus:focus {
  outline: none;
}
.br-breadcrumb .crumb[data-active=active] span.focus-visible.focus-visible,
.br-breadcrumb .crumb[data-active=active] span.focus-visible:focus-visible,
.br-breadcrumb .crumb[data-active=active] span:focus-visible.focus-visible,
.br-breadcrumb .crumb[data-active=active] span:focus-visible:focus-visible,
.br-breadcrumb .crumb[data-active=active] span:focus.focus-visible,
.br-breadcrumb .crumb[data-active=active] span:focus:focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}
.br-breadcrumb .crumb a:not(.br-button) {
  margin: 0 var(--spacing-scale-base);
}
.br-breadcrumb .home,
.br-breadcrumb .menu-mobil {
  --focus-offset:calc(var(--spacing-scale-half)*-1);
  margin: 0 var(--spacing-scale-base) 0 0;
}
@media (max-width:991px) {
  .br-breadcrumb .crumb a:not(.br-button) {
    display: block;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .br-breadcrumb .home + .crumb,
  .br-breadcrumb .menu-mobil,
  .br-breadcrumb .menu-mobil + .crumb {
    display: flex;
  }
}
.br-breadcrumb .br-card {
  left: var(--spacing-scale-9x);
  min-width: fit-content;
  position: absolute;
  top: var(--spacing-scale-7x);
  z-index: var(--z-index-layer-1);
}
.br-breadcrumb .br-item {
  color: var(--color);
  cursor: pointer;
  padding: 0;
}
.br-breadcrumb .br-item:not(:last-child) {
  border-bottom: 1px solid var(--border-color);
}
.br-breadcrumb .br-item a {
  --interactive:var(--color);
  --interactive-rgb:var(--color-rgb);
  display: block;
  padding: var(--spacing-scale-2x);
}
@media (max-width:575px) {
  .br-breadcrumb .menu-mobil > .icon {
    display: none;
  }
  .br-breadcrumb .br-card {
    left: var(--spacing-scale-base);
    width: 250px;
  }
}
.br-button {
  --button-radius:100em;
  --button-xsmall:24px;
  --button-small:32px;
  --button-medium:40px;
  --button-large:48px;
  --button-size:var(--button-medium);
  align-items: center;
  background-color: transparent;
  border: 0;
  border-radius: var(--button-radius);
  color: var(--interactive);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-semi-bold);
  height: var(--button-size);
  justify-content: center;
  overflow: hidden;
  padding: 0 var(--spacing-scale-3x);
  position: relative;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
}
.br-button.block {
  width: 100%;
}
@media (min-width:576px) {
  .br-button.block-sm {
    width: 100%;
  }
  .br-button.auto-sm {
    width: auto;
  }
}
@media (min-width:992px) {
  .br-button.block-md {
    width: 100%;
  }
  .br-button.auto-md {
    width: auto;
  }
}
@media (min-width:1280px) {
  .br-button.block-lg {
    width: 100%;
  }
  .br-button.auto-lg {
    width: auto;
  }
}
@media (min-width:1600px) {
  .br-button.block-xl {
    width: 100%;
  }
  .br-button.auto-xl {
    width: auto;
  }
}
.br-button.circle,
.br-button.is-circle,
.br-button[circle] {
  border-radius: 50%;
  padding: 0;
  width: var(--button-size);
}
.br-button.is-xsmall,
.br-button.xsmall,
.br-button[xsmall] {
  --button-size:var(--button-xsmall);
}
.br-button.is-small,
.br-button.small,
.br-button[small] {
  --button-size:var(--button-small);
}
.br-button.is-medium,
.br-button.medium,
.br-button[medium] {
  --button-size:var(--button-medium);
}
.br-button.is-large,
.br-button.large,
.br-button[large] {
  --button-size:var(--button-large);
}
.br-button.is-primary,
.br-button.primary,
.br-button[primary] {
  --interactive-rgb:var(--color-dark-rgb);
  background-color: var(--interactive-light);
  color: var(--color-dark);
}
.br-button.is-secondary,
.br-button.secondary,
.br-button[secondary] {
  background-color: var(--background-light);
  border: 1px solid var(--interactive);
}
.br-button.danger,
.br-button.is-danger,
.br-button[danger] {
  --interactive-rgb:var(--color-dark-rgb);
  background-color: var(--danger);
  color: var(--color-dark);
}
.br-button.is-success,
.br-button.success,
.br-button[success] {
  --interactive-rgb:var(--color-dark-rgb);
  background-color: var(--success);
  color: var(--color-dark);
}
.br-button.is-warning,
.br-button.warning,
.br-button[warning] {
  --interactive-rgb:var(--color-light-rgb);
  background-color: var(--warning);
  color: var(--color-light);
}
.br-button.info,
.br-button.is-info,
.br-button[info] {
  --interactive-rgb:var(--color-dark-rgb);
  background-color: var(--info);
  color: var(--color-dark);
}
.br-button:disabled {
  cursor: not-allowed;
}
.br-button:not(:disabled) {
  --focus-offset:var(--spacing-scale-half);
}
.br-button:not(:disabled):focus {
  outline: none;
}
.br-button:not(:disabled).focus-visible,
.br-button:not(:disabled):focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}
.br-button:not(:disabled):not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-button:not(:disabled):not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
}
.br-button.active,
.br-button.is-active,
.br-button[active] {
  --hover:var(--hover-dark);
  background-color: var(--active);
  color: var(--color-dark);
}
.br-button.loading {
  color: transparent !important;
  cursor: progress;
}
.br-button.loading:not(:disabled):hover {
  background-image: none;
}
.br-button.loading:before {
  border-color: var(--interactive) var(--interactive) transparent;
  border-style: solid;
}
.br-button.loading.danger:before,
.br-button.loading.info:before,
.br-button.loading.primary:before,
.br-button.loading.success:before {
  border-color: var(--background) var(--background) transparent;
}
.br-button.dark-mode,
.br-button.inverted,
.br-button.is-inverted,
.br-button[inverted] {
  --color:var(--color-dark);
  --color-rgb:var(--color-dark-rgb);
  --text-color:var(--color-dark);
  --interactive:var(--interactive-dark);
  --interactive-rgb:var(--interactive-dark-rgb);
  --visited:var(--visited-dark);
  --hover:var(--hover-dark);
  --pressed:var(--pressed-dark);
  --focus-color:var(--focus-color-dark);
  --focus:var(--focus-color-dark);
  color: var(--interactive-dark);
}
.br-button.dark-mode.is-primary,
.br-button.dark-mode.primary,
.br-button.dark-mode[primary],
.br-button.inverted.is-primary,
.br-button.inverted.primary,
.br-button.inverted[primary],
.br-button.is-inverted.is-primary,
.br-button.is-inverted.primary,
.br-button.is-inverted[primary],
.br-button[inverted].is-primary,
.br-button[inverted].primary,
.br-button[inverted][primary] {
  --interactive-rgb:var(--background-dark-rgb);
  background-color: var(--interactive-dark);
  color: var(--background-dark);
}
.br-button.dark-mode.is-secondary,
.br-button.dark-mode.secondary,
.br-button.dark-mode[secondary],
.br-button.inverted.is-secondary,
.br-button.inverted.secondary,
.br-button.inverted[secondary],
.br-button.is-inverted.is-secondary,
.br-button.is-inverted.secondary,
.br-button.is-inverted[secondary],
.br-button[inverted].is-secondary,
.br-button[inverted].secondary,
.br-button[inverted][secondary] {
  background-color: var(--background-dark);
}
.br-button.dark-mode.active,
.br-button.inverted.active,
.br-button.is-inverted.active,
.br-button[inverted].active {
  --hover:var(--hover-light);
  --interactive-rgb:var(--active-rgb);
  background-color: var(--background-light);
  color: var(--active);
}
a.br-button {
  font-weight: var(--font-weight-semi-bold);
  text-decoration: none !important;
}
.br-card {
  --card-padding:var(--spacing-scale-2x);
  --card-height-fixed:250px;
  background: var(--background);
  box-shadow: var(--surface-shadow-sm);
  color: var(--color);
  margin-bottom: var(--spacing-scale-2x);
}
.br-card .card-content,
.br-card .front .content {
  padding: var(--card-padding);
}
.br-card .card-content :last-child,
.br-card .front .content :last-child {
  margin-bottom: 0;
}
.br-card .card-header,
.br-card .front .header {
  padding: var(--card-padding) var(--card-padding) 0;
}
.br-card .card-footer,
.br-card .front .footer {
  padding: 0 var(--card-padding) var(--card-padding);
}
.br-card.h-fixed .card-content {
  max-height: var(--card-height-fixed);
  overflow-y: auto;
}
.br-card.h-fixed .card-content::-webkit-scrollbar {
  height: var(--spacing-scale-base);
  width: var(--spacing-scale-base);
}
.br-card.h-fixed .card-content::-webkit-scrollbar-track {
  background: var(--gray-10);
}
.br-card.h-fixed .card-content::-webkit-scrollbar-thumb {
  background: var(--gray-30);
}
.br-card.h-fixed .card-content:hover::-webkit-scrollbar-thumb {
  background: var(--gray-40);
}
.br-card.h-fixed .card-footer {
  padding-top: var(--card-padding);
}
.br-card.hover:hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.br-card.dark-mode,
.br-card.inverted {
  --color:var(--color-dark);
  --color-rgb:var(--color-dark-rgb);
  --text-color:var(--color-dark);
  --interactive:var(--interactive-dark);
  --interactive-rgb:var(--interactive-dark-rgb);
  --visited:var(--visited-dark);
  --hover:var(--hover-dark);
  --pressed:var(--pressed-dark);
  --focus-color:var(--focus-color-dark);
  --focus:var(--focus-color-dark);
}
.br-carousel {
  --carousel-button-margin:var(--spacing-scale-default);
  --carousel-buton-icon-size:var(--\2013icon-size-base);
  --carousel-step-height:40px;
  --carousel-step-progress-min-height:32px;
  --carousel-full-size:100%;
  --carousel-min-height:400px;
  --carousel-button-fix-height:52px;
  --carousel-button-fix-width:100px;
  --carousel-step-progress-background:transparent;
  display: flex;
  height: var(--carousel-full-size);
  min-height: var(--carousel-min-height);
  position: relative;
  width: var(--carousel-full-size);
}
.br-carousel .carousel-stage {
  display: block;
  flex-wrap: nowrap;
  height: var(--carousel-step-height);
  overflow: hidden;
  position: relative;
  width: var(--carousel-full-width);
  z-index: 0;
}
.br-carousel .carousel-stage .carousel-page {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  left: var(--carousel-full-size);
  margin-bottom: var(--spacing-scale-4x);
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: var(--carousel-full-size);
}
.br-carousel .carousel-stage .carousel-page,
.br-carousel .carousel-stage .carousel-page[active] {
  height: var(--carousel-full-size);
  transition-delay: 0s;
  transition-duration: .5s;
  transition-property: all;
  transition-timing-function: ease-in-out;
}
.br-carousel .carousel-stage .carousel-page[active] {
  left: 0 !important;
  opacity: 1;
  visibility: visible;
}
.br-carousel .carousel-stage .carousel-page .carousel-content {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  height: var(--carousel-full-size);
  justify-content: center;
  width: var(--carousel-full-size);
}
.br-carousel .carousel-stage .carousel-page .carousel-content .carousel-title {
  position: absolute;
}
.br-carousel .carousel-step {
  bottom: 8px;
  height: var(--carousel-step-height);
  position: absolute;
  width: var(--carousel-full-size);
}
.br-carousel .carousel-step .br-step[data-type=simple] .step-progress,
.br-carousel .carousel-step .br-step[data-type=text] .step-progress {
  background: var(--carousel-step-progress-background);
  min-height: var(--carousel-step-progress-min-height);
}
.br-carousel .carousel-step .br-step[data-type=simple] .step-progress .step-progress-btn,
.br-carousel .carousel-step .br-step[data-type=text] .step-progress .step-progress-btn {
  top: 0;
}
.br-carousel .carousel-step .br-step[data-type=simple] .step-progress .step-progress-btn:hover:not([disabled]):before,
.br-carousel .carousel-step .br-step[data-type=text] .step-progress .step-progress-btn:hover:not([disabled]):before {
  background-image: none;
}
.br-carousel .carousel-step .br-step[data-type=text] .step-progress .step-progress-btn {
  cursor: default;
  margin: 0;
}
.br-carousel .carousel-step .br-step[data-type=text] .step-progress .step-progress-btn.focus-visible:before {
  outline-color: transparent !important;
}
.br-carousel .carousel-button {
  align-items: center;
  display: flex;
  height: var(--carousel-full-size);
  left: unset;
  position: absolute;
  right: 0;
  width: fit-content;
  z-index: 1;
}
.br-carousel .carousel-button:first-child {
  left: 0;
  right: unset;
}
.br-carousel .carousel-button .carousel-btn-next,
.br-carousel .carousel-button .carousel-btn-prev {
  margin: var(--carousel-button-margin);
  padding: 0;
}
.br-carousel .carousel-button .carousel-btn-next i.fas,
.br-carousel .carousel-button .carousel-btn-prev i.fas {
  font-size: var(--carousel-buton-icon-size);
}
.br-carousel[data-stage=in] .carousel-button {
  height: var(--carousel-full-size);
}
.br-carousel[data-stage=in] .carousel-button .carousel-btn-next,
.br-carousel[data-stage=in] .carousel-button .carousel-btn-prev {
  border-radius: 0;
  height: var(--carousel-full-size);
  margin: 0;
  padding: 0 var(--spacing-scale-default);
}
.br-carousel[data-stage=in] .carousel-stage {
  height: var(--carousel-full-size);
  left: 0;
  width: var(--carousel-full-size);
}
.br-carousel .carousel-button,
.br-carousel .carousel-stage,
.br-carousel[data-stage=out] .carousel-button,
.br-carousel[data-stage=out] .carousel-stage {
  height: calc(var(--carousel-full-size) - var(--carousel-button-fix-height));
}
.br-carousel .carousel-stage,
.br-carousel[data-stage=out] .carousel-stage {
  left: 50px;
  width: calc(var(--carousel-full-size) - var(--carousel-button-fix-width));
}
.br-carousel[data-stage=hibh] .carousel-button {
  height: var(--carousel-full-size);
}
.br-carousel[data-stage=hibh] .carousel-stage {
  height: var(--carousel-full-size);
  left: 50px;
  width: calc(var(--carousel-full-size) - var(--carousel-button-fix-width));
}
.br-carousel[data-stage=hibw] .carousel-button {
  height: calc(var(--carousel-full-size) - var(--carousel-button-fix-height));
}
.br-carousel[data-stage=hibw] .carousel-button .carousel-btn-next,
.br-carousel[data-stage=hibw] .carousel-button .carousel-btn-prev {
  border-radius: 0;
  height: var(--carousel-full-size);
  margin: 0;
  padding: 0 var(--spacing-scale-default);
}
.br-carousel[data-stage=hibw] .carousel-stage {
  height: calc(var(--carousel-full-size) - var(--carousel-button-fix-height));
  left: 0;
  width: var(--carousel-full-size);
}
@media (max-width:991px) {
  .br-carousel {
    max-width: var(--carousel-full-size);
    width: var(--carousel-full-size);
  }
  .br-carousel .carousel-button {
    height: calc(var(--carousel-full-size) - var(--carousel-button-fix-height));
  }
  .br-carousel .carousel-button .carousel-btn-next,
  .br-carousel .carousel-button .carousel-btn-prev {
    border-radius: 0;
    display: none;
    height: var(--carousel-full-size);
    margin: 0;
    padding: 0 var(--spacing-scale-default);
  }
  .br-carousel[data-mobile-nav] .carousel-button .carousel-btn-next,
  .br-carousel[data-mobile-nav] .carousel-button .carousel-btn-prev {
    display: flex;
  }
  .br-carousel .carousel-stage {
    height: calc(var(--carousel-full-size) - var(--carousel-button-fix-height));
    left: 0;
    width: var(--carousel-full-size);
  }
  .br-carousel .carousel-step .br-step[data-type=simple] .step-progress,
  .br-carousel .carousel-step .br-step[data-type=text] .step-progress {
    padding-top: 0 !important;
  }
}
.br-carousel.dark-mode,
.br-carousel.dark-mode .br-step,
.br-carousel.inverted,
.br-carousel.inverted .br-step {
  --color:var(--color-dark);
  --color-rgb:var(--color-dark-rgb);
  --text-color:var(--color-dark);
  --interactive:var(--interactive-dark);
  --interactive-rgb:var(--interactive-dark-rgb);
  --visited:var(--visited-dark);
  --hover:var(--hover-dark);
  --pressed:var(--pressed-dark);
  --focus-color:var(--focus-color-dark);
  --focus:var(--focus-color-dark);
}
.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=success],
.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=success] .step-info,
.br-carousel.inverted .br-step .step-progress-btn[data-alert=success],
.br-carousel.inverted .br-step .step-progress-btn[data-alert=success] .step-info {
  color: var(--success-alternative);
}
.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=success] .step-alert:after,
.br-carousel.inverted .br-step .step-progress-btn[data-alert=success] .step-alert:after {
  content: var(--step-alert-success-icon);
}
.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=info],
.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=info] .step-info,
.br-carousel.inverted .br-step .step-progress-btn[data-alert=info],
.br-carousel.inverted .br-step .step-progress-btn[data-alert=info] .step-info {
  color: var(--info-alternative);
}
.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=info] .step-alert:after,
.br-carousel.inverted .br-step .step-progress-btn[data-alert=info] .step-alert:after {
  content: var(--step-alert-info-icon);
}
.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=warning] .step-alert:after,
.br-carousel.inverted .br-step .step-progress-btn[data-alert=warning] .step-alert:after {
  content: var(--step-alert-warning-icon);
}
.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=danger],
.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=danger] .step-info,
.br-carousel.inverted .br-step .step-progress-btn[data-alert=danger],
.br-carousel.inverted .br-step .step-progress-btn[data-alert=danger] .step-info {
  color: var(--danger-alternative);
}
.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=danger] .step-alert:after,
.br-carousel.inverted .br-step .step-progress-btn[data-alert=danger] .step-alert:after {
  content: var(--step-alert-danger-icon);
}
.br-carousel.dark-mode .br-step .step-progress-btn.active,
.br-carousel.dark-mode .br-step .step-progress-btn[active],
.br-carousel.inverted .br-step .step-progress-btn.active,
.br-carousel.inverted .br-step .step-progress-btn[active] {
  color: var(--color-dark);
}
.br-carousel.dark-mode .br-step .step-progress-btn.active:before,
.br-carousel.dark-mode .br-step .step-progress-btn[active]:before,
.br-carousel.inverted .br-step .step-progress-btn.active:before,
.br-carousel.inverted .br-step .step-progress-btn[active]:before {
  background-color: var(--background-light);
  border-color: var(--background-light);
  color: var(--active);
}
.br-carousel.dark-mode .br-step .step-progress-btn.active .step-icon,
.br-carousel.dark-mode .br-step .step-progress-btn[active] .step-icon,
.br-carousel.inverted .br-step .step-progress-btn.active .step-icon,
.br-carousel.inverted .br-step .step-progress-btn[active] .step-icon {
  color: var(--active);
}
.br-carousel.dark-mode .br-step[data-type=void] .step-progress-btn.active .step-alert,
.br-carousel.dark-mode .br-step[data-type=void] .step-progress-btn[active] .step-alert,
.br-carousel.inverted .br-step[data-type=void] .step-progress-btn.active .step-alert,
.br-carousel.inverted .br-step[data-type=void] .step-progress-btn[active] .step-alert {
  border-color: var(--color-dark);
}
.br-carousel.dark-mode .br-step[data-type=text] .step-progress-btn:before,
.br-carousel.inverted .br-step[data-type=text] .step-progress-btn:before {
  background-color: transparent;
  color: var(--color);
}
.br-carousel .carousel-page[active]:focus,
.br-carousel .carousel-page[active]:focus-visible,
.br-carousel .carousel-page[active]:focus-within {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}
.br-checkbox {
  --checkbox-padding:var(--spacing-scale-base);
  --checkbox-size:24px;
  display: flex;
  position: relative;
}
.br-checkbox + .br-checkbox {
  margin-top: var(--spacing-scale-base);
}
.br-checkbox input {
  margin: 0;
  opacity: 0;
  position: absolute;
}
.br-checkbox input + label {
  cursor: pointer;
  display: inline-block;
  margin-bottom: 0;
  min-height: var(--checkbox-size);
  min-width: var(--checkbox-size);
  padding-left: calc(var(--spacing-scale-base) + var(--checkbox-size));
  position: relative;
}
.br-checkbox input + label:before {
  background: var(--background-light);
  border: 1px solid var(--border-color);
  border-radius: 4px;
  content: "";
  height: var(--checkbox-size);
  left: 0;
  position: absolute;
  width: var(--checkbox-size);
}
.br-checkbox input + label:empty {
  padding: 0;
}
.br-checkbox label {
  font-weight: var(--font-weight-medium);
}
.br-checkbox.hidden-label label {
  padding-left: calc(var(--checkbox-size) + var(--surface-width-md)*2);
  text-indent: -10000px;
  white-space: nowrap;
  width: 0;
}
.br-checkbox input:checked + label:after,
.br-checkbox input:indeterminate + label:after {
  border: solid var(--selected);
  border-width: 0 3px 3px 0;
  content: "";
  height: var(--icon-size-sm);
  left: 8px;
  position: absolute;
  top: 4px;
  transform: rotate(45deg);
  width: 8px;
}
.br-checkbox input:indeterminate + label:before,
.br-checkbox input[indeterminate] + label:before {
  --interactive-rgb:var(--color-rgb);
  background: var(--selected);
  border-color: var(--selected);
}
.br-checkbox input:indeterminate:hover:not(:disabled) + label:before,
.br-checkbox input[indeterminate]:hover:not(:disabled) + label:before {
  --interactive-rgb:var(--color-dark-rgb);
}
.br-checkbox input:indeterminate + label:after,
.br-checkbox input:indeterminate:checked + label:after,
.br-checkbox input[indeterminate] + label:after,
.br-checkbox input[indeterminate]:checked + label:after {
  border-color: var(--background-light);
  border-width: 0 0 3px;
  top: 2px;
  transform: none;
}
.br-checkbox.invalid input + label:before,
.br-checkbox.is-invalid input + label:before,
.br-checkbox[invalid] input + label:before {
  --border-color:var(--danger);
}
.br-checkbox.invalid input.focus-visible + label:before,
.br-checkbox.invalid input.focus-visible:checked + label:before,
.br-checkbox.invalid input:focus-visible + label:before,
.br-checkbox.invalid input:focus-visible:checked + label:before,
.br-checkbox.is-invalid input.focus-visible + label:before,
.br-checkbox.is-invalid input.focus-visible:checked + label:before,
.br-checkbox.is-invalid input:focus-visible + label:before,
.br-checkbox.is-invalid input:focus-visible:checked + label:before,
.br-checkbox[invalid] input.focus-visible + label:before,
.br-checkbox[invalid] input.focus-visible:checked + label:before,
.br-checkbox[invalid] input:focus-visible + label:before,
.br-checkbox[invalid] input:focus-visible:checked + label:before {
  --border-color:var(--focus-color);
}
.br-checkbox.invalid input:checked + label:before,
.br-checkbox.is-invalid input:checked + label:before,
.br-checkbox[invalid] input:checked + label:before {
  --border-color:var(--danger);
}
.br-checkbox.is-valid input + label:before,
.br-checkbox.valid input + label:before,
.br-checkbox[valid] input + label:before {
  --border-color:var(--success);
}
.br-checkbox.is-valid input.focus-visible + label:before,
.br-checkbox.is-valid input.focus-visible:checked + label:before,
.br-checkbox.is-valid input:focus-visible + label:before,
.br-checkbox.is-valid input:focus-visible:checked + label:before,
.br-checkbox.valid input.focus-visible + label:before,
.br-checkbox.valid input.focus-visible:checked + label:before,
.br-checkbox.valid input:focus-visible + label:before,
.br-checkbox.valid input:focus-visible:checked + label:before,
.br-checkbox[valid] input.focus-visible + label:before,
.br-checkbox[valid] input.focus-visible:checked + label:before,
.br-checkbox[valid] input:focus-visible + label:before,
.br-checkbox[valid] input:focus-visible:checked + label:before {
  --border-color:var(--focus-color);
}
.br-checkbox.is-valid input:checked + label:before,
.br-checkbox.valid input:checked + label:before,
.br-checkbox[valid] input:checked + label:before {
  --border-color:var(--success);
}
.br-checkbox.is-small input + label,
.br-checkbox.small input + label,
.br-checkbox[small] input + label {
  line-height: var(--spacing-scale-2xh);
  min-height: var(--spacing-scale-2xh);
}
.br-checkbox.is-small input + label:before,
.br-checkbox.small input + label:before,
.br-checkbox[small] input + label:before {
  height: var(--spacing-scale-2xh);
  width: var(--spacing-scale-2xh);
}
.br-checkbox.is-small input:checked + label:after,
.br-checkbox.small input:checked + label:after,
.br-checkbox[small] input:checked + label:after {
  border-width: 0 2px 2px 0;
  height: var(--icon-size-sm);
  left: 7px;
  top: 4px;
  width: 6px;
}
.br-checkbox.is-small input:indeterminate + label:after,
.br-checkbox.is-small input[indeterminate] + label:after,
.br-checkbox.small input:indeterminate + label:after,
.br-checkbox.small input[indeterminate] + label:after,
.br-checkbox[small] input:indeterminate + label:after,
.br-checkbox[small] input[indeterminate] + label:after {
  border-color: var(--background-light);
  border-width: 0 0 3px;
  left: 7px;
  top: 1px;
  transform: none;
  width: 6px;
}
.br-checkbox input:invalid + label:before {
  --border-color:var(--danger);
}
.br-checkbox input.focus-visible + label:before,
.br-checkbox input.focus-visible:checked + label:before,
.br-checkbox input:focus-visible + label:before,
.br-checkbox input:focus-visible:checked + label:before {
  border-color: var(--focus) !important;
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
  outline: none;
}
.br-checkbox input:hover:not(:disabled) + label:before {
  --interactive-rgb:var(--interactive-light-rgb);
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-checkbox:not(.disabled) input:disabled + label {
  cursor: not-allowed;
  opacity: var(--disabled);
}
.br-checkbox:not(.disabled) input:disabled + label * {
  pointer-events: none;
}
.br-checkbox.dark-mode,
.br-checkbox.dark-mode label,
.br-checkbox.inverted,
.br-checkbox.inverted label {
  color: var(--color-dark);
}
.br-radio {
  --radio-size:24px;
  --radio-bullet-size:16px;
  --radio-bullet-position:calc((var(--radio-size) - var(--radio-bullet-size))*0.5);
  display: block;
}
.br-radio + .br-radio {
  margin-top: var(--spacing-scale-base);
}
.br-radio input {
  opacity: 0;
  position: absolute;
}
.br-radio input + label {
  cursor: pointer;
  display: inline-block;
  margin-bottom: 0;
  min-height: var(--radio-size);
  min-width: var(--radio-size);
  padding-left: calc(var(--spacing-scale-base) + var(--radio-size));
  position: relative;
}
.br-radio input + label:before {
  background: var(--background);
  border: 1px solid var(--border-color);
  border-radius: 50%;
  content: "";
  height: var(--radio-size);
  left: 0;
  position: absolute;
  top: -1px;
  width: var(--radio-size);
}
.br-radio input + label:empty {
  padding: 0;
}
.br-radio input + label:empty:before {
  top: 0;
}
.br-radio label {
  font-weight: var(--font-weight-medium);
}
.br-radio input:checked + label:after {
  background: var(--selected);
  border: 7px solid var(--selected);
  border-radius: 50%;
  content: "";
  height: var(--radio-bullet-size);
  left: var(--radio-bullet-position);
  position: absolute;
  right: 0;
  top: calc(var(--radio-bullet-position) - 1px);
  width: var(--radio-bullet-size);
}
.br-radio input:checked + label:empty:after {
  top: var(--radio-bullet-position);
}
.br-radio.is-valid input + label:before,
.br-radio.valid input + label:before,
.br-radio[valid] input + label:before {
  border-color: var(--success);
}
.br-radio.invalid input + label:before,
.br-radio.is-invalid input + label:before,
.br-radio[invalid] input + label:before {
  border-color: var(--danger);
}
.br-radio.is-small input + label,
.br-radio.small input + label,
.br-radio[small] input + label {
  line-height: var(--spacing-scale-2xh);
  min-height: var(--spacing-scale-2xh);
}
.br-radio.is-small input + label:before,
.br-radio.small input + label:before,
.br-radio[small] input + label:before {
  height: var(--spacing-scale-2xh);
  width: var(--spacing-scale-2xh);
}
.br-radio.is-small input:checked + label:after,
.br-radio.small input:checked + label:after,
.br-radio[small] input:checked + label:after {
  border-width: 4px;
  height: 10px;
  width: 10px;
}
.br-radio input:invalid + label:before {
  border-color: var(--danger);
}
.br-radio input.focus-visible + label:before,
.br-radio input.focus-visible:checked + label:before,
.br-radio input:focus-visible + label:before,
.br-radio input:focus-visible:checked + label:before {
  border-color: var(--focus) !important;
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
  outline: none;
}
.br-radio input:hover:not(:disabled) + label:before {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-radio.dark-mode,
.br-radio.dark-mode label,
.br-radio.inverted,
.br-radio.inverted label {
  color: var(--color-dark);
}
.br-cookiebar {
  --cookiebar-shadow:var(--surface-shadow-lg-up);
  --cookiebar-layer:var(--z-index-layer-4);
  bottom: 0;
  box-shadow: var(--cookiebar-shadow);
  color: var(--color-secondary-08);
  cursor: default;
  font-family: inherit;
  font-size: var(--font-size-scale-up-01);
  left: 0;
  outline: none;
  position: fixed;
  right: 0;
  top: 0;
  z-index: var(--cookiebar-layer);
}
@media (min-width:576px) {
  .br-cookiebar .actions .br-button.secondary {
    margin-right: var(--spacing-scale-5x);
  }
}
@media (max-width:575px) {
  .br-cookiebar {
    font-size: var(--font-size-scale-down-01);
  }
  .br-cookiebar .actions .br-button.primary {
    margin-bottom: var(--spacing-scale-2xh);
  }
  .br-cookiebar .actions .br-button.secondary {
    margin-bottom: var(--spacing-scale-2xh);
    margin-right: 0;
  }
  .br-cookiebar .br-modal-header.entry-content .br-modal-title {
    margin-bottom: 0;
  }
  .br-cookiebar .br-modal-header.entry-content .br-modal-title p {
    font-size: var(--font-size-scale-up-02);
  }
  .br-cookiebar .br-modal-header.entry-content .last-update,
  .br-cookiebar .br-switch .switch-data:before,
  .br-cookiebar .br-switch label,
  .br-cookiebar .group-description,
  .br-cookiebar .group-name,
  .br-cookiebar .group-size {
    font-size: var(--font-size-scale-down-01);
  }
}
.br-cookiebar.default {
  top: unset;
}
.br-cookiebar.default .entry-content {
  display: none;
}
.br-cookiebar.default .info-text {
  display: block;
}
.br-cookiebar.default .complementary-content,
.br-cookiebar.default .main-content {
  display: none;
}
.br-cookiebar.default .br-modal > .br-card {
  --card-shadow:var(--surface-offset-none);
}
.br-cookiebar.default .br-modal .wrapper {
  overflow-y: unset;
}
.br-cookiebar.default .actions {
  border-top: 0;
}
.br-cookiebar.default .container-fluid.p-2xh {
  padding-bottom: var(--spacing-scale-3x) !important;
}
.br-cookiebar .row {
  float: none;
  width: auto;
}
.br-cookiebar .entry-text {
  margin-bottom: 0;
}
.br-cookiebar .wrapper {
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
  padding-top: 6px !important;
}
.br-cookiebar .info-text {
  display: none;
  line-height: var(--font-line-height-medium);
}
.br-cookiebar .br-modal-header .br-modal-title {
  font-size: var(--font-size-scale-up-06);
  margin-bottom: 0;
  margin-right: 0;
  max-height: unset;
  width: auto;
}
.br-cookiebar .br-modal-header .close {
  margin-top: var(--spacing-scale-base);
  opacity: 1;
}
.br-cookiebar .br-modal-header .close:hover:after {
  background: currentColor;
  bottom: 0;
  content: "";
  left: 0;
  opacity: var(--hover);
  position: absolute;
  right: 0;
  top: 0;
}
.br-cookiebar .br-modal-header .last-update {
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-semi-bold);
}
.br-cookiebar .br-modal-header .last-update span {
  display: inline-block;
  margin-left: var(--spacing-scale-half);
}
.br-cookiebar .br-modal-body {
  flex: 1;
  margin: 0;
  overflow: unset;
}
.br-cookiebar .br-modal-body:focus {
  outline: none;
}
.br-cookiebar .br-modal-body .br-list .br-list {
  max-height: 0;
  overflow: hidden;
  transition: all .4s ease-in-out;
}
.br-cookiebar .br-modal-body .br-list .br-item.open .br-list,
.br-cookiebar .br-modal-body .br-list .br-item.open + .br-list {
  max-height: 200em;
}
.br-cookiebar .br-modal-body .br-list .header {
  display: block;
}
.br-cookiebar .br-modal-body .br-list .header .row div:nth-child(2) {
  flex: 0 0 185px;
}
.br-cookiebar .br-modal-footer.actions {
  padding-top: var(--spacing-scale-2xh);
}
.br-cookiebar .cookies-checked,
.br-cookiebar .group-name,
.br-cookiebar .group-size {
  color: var(--color-primary-default);
  cursor: pointer;
}
.br-cookiebar .group-info .row div:nth-child(2) {
  flex: 0 0 225px;
}
.br-cookiebar .group-info .fa {
  font-weight: 900;
}
.br-cookiebar .group-info .group-size {
  display: inline-block;
}
.br-cookiebar .group-info.selected {
  --color:var(--color-light);
  --color-rgb:var(--color-light-rgb);
  --text-color:var(--color-light);
  --interactive:var(--interactive-light);
  --interactive-rgb:var(--interactive-light-rgb);
  --visited:var(--visited-light);
  --hover:var(--hover-light);
  --pressed:var(--pressed-light);
  --focus-color:var(--focus-color-light);
  --focus:var(--focus-color-light);
  background-color: var(--background);
}
.br-cookiebar .group-info .br-button {
  color: var(--color-primary-default);
}
.br-cookiebar .cookie-info .br-switch,
.br-cookiebar .group-info .br-switch {
  margin-bottom: var(--spacing-scale-2x);
  margin-top: var(--spacing-scale-2x);
  padding: var(--spacing-scale-half);
  width: 120px;
}
.br-cookiebar .cookie-info .fixed-width,
.br-cookiebar .group-info .fixed-width {
  padding-left: var(--spacing-scale-base);
  width: 100px;
}
.br-cookiebar .always-active {
  color: var(--color-highlight);
  font-weight: var(--font-weight-semi-bold);
}
.br-cookiebar .cookie-info .br-card {
  margin-bottom: var(--card-margin);
}
.br-cookiebar .cookie-info .cookie-term,
.br-cookiebar .notes p:first-child {
  font-weight: var(--font-weight-semi-bold);
}
.br-cookiebar .actions {
  border-top: 1px solid var(--color-secondary-05);
  padding-left: var(--spacing-scale-3x);
  padding-right: var(--spacing-scale-2xh);
  padding-top: var(--spacing-scale-3x);
}
.br-cookiebar .complementary-content {
  padding: var(--spacing-scale-base) 0;
}
.br-cookiebar [class^=container] {
  --grid-margin:0;
}
.br-cookiebar .br-checkbox:not(.hidden-label) {
  --item-padding-y:1px;
}
.br-cookiebar .br-modal {
  --modal-size:var(--modal-auto);
}
.flatpickr-calendar {
  --flatpicker-padding:var(--spacing-scale-2x);
  --datetimepicker-day-size:24px;
  --datetimepicker-arrows:32px;
  box-shadow: var(--surface-shadow-md);
}
.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowTop:before {
  border-color: transparent;
}
.flatpickr-calendar.open {
  z-index: var(--z-index-layer-2);
}
.flatpickr-calendar .flatpickr-months {
  align-items: center;
  display: flex;
  padding: var(--flatpicker-padding) var(--flatpicker-padding) 0;
}
.flatpickr-calendar .flatpickr-months .flatpickr-next-month,
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month {
  height: auto;
  padding: 0;
  position: static;
}
.flatpickr-calendar .flatpickr-months .flatpickr-next-month.flatpickr-disabled,
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-disabled {
  cursor: not-allowed;
  opacity: var(--disabled);
}
.flatpickr-calendar .flatpickr-months .flatpickr-next-month.flatpickr-disabled *,
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-disabled * {
  pointer-events: none;
}
.flatpickr-calendar .flatpickr-months .flatpickr-next-month.flatpickr-disabled,
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-disabled {
  display: block;
}
.flatpickr-calendar .flatpickr-months .flatpickr-month {
  flex: 1;
  height: auto;
  overflow: visible;
}
.flatpickr-calendar .flatpickr-months .flatpickr-current-month {
  display: flex;
  height: auto;
  padding: 0 var(--flatpicker-padding);
  position: static;
  width: 100%;
}
.flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months {
  border-radius: var(--surface-rounder-sm);
  color: var(--interactive);
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-semi-bold);
  margin: 0;
  padding: 0;
}
.flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  color: var(--color);
}
.flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months:hover {
  background: transparent;
}
.flatpickr-calendar .flatpickr-months .numInputWrapper {
  flex: 1;
  margin-left: var(--flatpicker-padding);
  width: auto;
}
.flatpickr-calendar .flatpickr-months .numInputWrapper input.cur-year {
  border: var(--surface-width-sm) solid var(--border-color);
  border-radius: var(--surface-rounder-sm);
  color: var(--color);
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-semi-bold);
  padding: 0 var(--spacing-scale-base);
}
.flatpickr-calendar .flatpickr-months .numInputWrapper span.arrowDown,
.flatpickr-calendar .flatpickr-months .numInputWrapper span.arrowUp {
  display: none;
}
.flatpickr-calendar .flatpickr-weekdaycontainer {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  padding: 0 var(--flatpicker-padding);
}
.flatpickr-calendar span.flatpickr-weekday {
  color: var(--color);
  font-size: var(--font-size);
  font-weight: var(--font-weight-medium);
}
.flatpickr-calendar .dayContainer {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  padding: 0 var(--flatpicker-padding) var(--flatpicker-padding);
}
.flatpickr-calendar .flatpickr-day {
  color: var(--interactive);
  font-weight: var(--font-weight-semi-bold);
  height: var(--datetimepicker-day-size);
  line-height: var(--font-line-height-medium);
  margin: calc(var(--flatpicker-padding)*.25) auto;
  max-width: var(--datetimepicker-day-size);
  width: var(--datetimepicker-day-size);
}
.flatpickr-calendar .flatpickr-day:focus {
  outline: none;
}
.flatpickr-calendar .flatpickr-day.focus-visible,
.flatpickr-calendar .flatpickr-day:focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}
.flatpickr-calendar .flatpickr-day.focus-visible {
  --focus-offset:0;
  background: transparent;
  border-color: transparent;
}
.flatpickr-calendar .flatpickr-day:hover {
  background: var(--hover-effect);
}
.flatpickr-calendar .flatpickr-day.nextMonthDay,
.flatpickr-calendar .flatpickr-day.prevMonthDay {
  font-weight: var(--font-weight-medium);
  opacity: .6;
}
.flatpickr-calendar .flatpickr-day.today {
  background: var(--orange-vivid-5);
  border-color: transparent;
  color: var(--red-warm-vivid-50);
}
.flatpickr-calendar .flatpickr-day.flatpickr-disabled {
  cursor: not-allowed;
  opacity: var(--disabled);
}
.flatpickr-calendar .flatpickr-day.flatpickr-disabled * {
  pointer-events: none;
}
.flatpickr-calendar .flatpickr-day.flatpickr-disabled {
  color: var(--color);
}
.flatpickr-calendar .flatpickr-day.flatpickr-disabled:hover {
  background: transparent;
}
.flatpickr-calendar .flatpickr-day.inRange {
  --interactive-rgb:var(--blue-warm-vivid-50-rgb);
  --hover:var(--hover-dark);
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
  border-color: transparent;
  box-shadow: none;
  color: var(--color-dark);
  opacity: 1;
}
.flatpickr-calendar .flatpickr-day.endRange,
.flatpickr-calendar .flatpickr-day.selected,
.flatpickr-calendar .flatpickr-day.startRange {
  background: var(--selected);
  border-color: transparent;
  color: var(--color-dark);
  opacity: 1;
}
.flatpickr-calendar .flatpickr-time {
  display: flex;
  justify-content: center;
  margin: 0 var(--flatpicker-padding);
  max-height: none;
}
.flatpickr-calendar .flatpickr-time input {
  --input-background:var(--bg-color);
  --input-border-color:var(--color-secondary-06);
  --input-border-width:1px;
  --input-border-style:solid;
  --input-padding:0 var(--spacing-scale-half);
  --input-radius:var(--surface-rounder-sm);
  background: var(--input-background);
  border: var(--input-border-width) var(--input-border-style) var(--input-border-color);
  border-radius: var(--input-radius);
  color: var(--text-color);
  display: block;
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-medium);
  height: var(--input-size);
  padding: var(--input-padding);
  width: 100%;
}
.flatpickr-calendar .flatpickr-time input:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.flatpickr-calendar .flatpickr-time input.focus-visible,
.flatpickr-calendar .flatpickr-time input:focus,
.flatpickr-calendar .flatpickr-time input:focus-visible {
  border-color: var(--focus) !important;
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
  outline: none;
}
.flatpickr-calendar .flatpickr-time input.has-icon {
  padding-right: var(--spacing-scale-5x);
}
.flatpickr-calendar .flatpickr-time input[type=password]::-ms-clear,
.flatpickr-calendar .flatpickr-time input[type=password]::-ms-reveal {
  display: none;
}
.flatpickr-calendar .flatpickr-time input {
  margin: calc(var(--flatpicker-padding)*.25) 0;
}
.flatpickr-calendar .flatpickr-time .numInputWrapper {
  align-items: center;
  display: flex;
  flex: 0 1 90px;
  flex-flow: column;
  height: auto;
  padding: calc(var(--flatpicker-padding)*.5) var(--flatpicker-padding);
}
.flatpickr-calendar .flatpickr-time .numInputWrapper:hover {
  background: transparent;
}
.flatpickr-calendar .flatpickr-time .numInputWrapper span:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.flatpickr-calendar .flatpickr-time .numInputWrapper span {
  align-items: center;
  border: 0;
  border-radius: 50px;
  color: var(--interactive);
  display: flex;
  height: var(--datetimepicker-arrows);
  justify-content: center;
  opacity: 1;
  padding: 0;
  position: static;
  width: var(--datetimepicker-arrows);
}
.flatpickr-calendar .flatpickr-time .numInputWrapper span:after {
  border: none;
  position: static;
}
.flatpickr-calendar .flatpickr-time .numInputWrapper span.arrowUp {
  order: -1;
}
.flatpickr-calendar .flatpickr-time .numInputWrapper span.arrowUp:after {
  transform: rotate(225deg) translate(-1px, -1px);
}
.flatpickr-calendar.hasTime .flatpickr-time {
  border-color: var(--border-color);
  height: auto;
}
.flatpickr-calendar.hasTime.noCalendar .flatpickr-time {
  border-color: transparent;
}
.br-datetimepicker.dark-mode .br-input,
.br-datetimepicker.dark-mode .br-input label,
.br-datetimepicker.inverted .br-input,
.br-datetimepicker.inverted .br-input label {
  --color:var(--color-dark);
  --focus-color:var(--focus-color-dark);
}
.br-datetimepicker input[disabled] {
  cursor: not-allowed;
}
.br-divider,
hr {
  --divider-size:var(--surface-width-sm);
  border-color: var(--border-color);
  border-style: solid;
  border-width: 0;
  border-top-width: var(--divider-size);
  display: block;
}
.br-divider.content,
hr.content {
  align-items: center;
  border: 0;
  display: flex;
  justify-content: center;
}
.br-divider.content:after,
.br-divider.content:before,
hr.content:after,
hr.content:before {
  border-color: var(--border-color);
  border-style: solid;
  border-width: 0;
  border-top-width: var(--divider-size);
  content: "";
  flex: 1;
}
.br-divider.content:after,
hr.content:after {
  margin-left: var(--spacing-scale-base);
}
.br-divider.content:before,
hr.content:before {
  margin-right: var(--spacing-scale-base);
}
.br-divider.vertical,
hr.vertical {
  align-self: stretch;
  border-right-width: var(--divider-size);
  border-top-width: 0;
}
.br-divider.vertical.content,
hr.vertical.content {
  flex-direction: column;
}
.br-divider.vertical.content:after,
.br-divider.vertical.content:before,
hr.vertical.content:after,
hr.vertical.content:before {
  border-right-width: var(--divider-size);
  border-top-width: 0;
  margin: 0;
}
.br-divider.dark-mode,
.br-divider.inverted,
hr.dark-mode,
hr.inverted {
  --border-color:var(--pure-0);
}
.br-divider.dashed,
hr.dashed {
  border-style: dashed;
}
.br-divider.sm,
hr.sm {
  --divider-size:var(--surface-width-sm);
}
.br-divider.md,
hr.md {
  --divider-size:var(--surface-width-md);
}
.br-divider.lg,
hr.lg {
  --divider-size:var(--surface-width-lg);
}
hr {
  --divider-padding:var(--spacing-scale-2x);
  margin: var(--divider-padding) 0;
}
.br-footer {
  --footer-logo-height:48px;
  --footer-logo-width:180px;
  --footer-padding:var(--spacing-scale-6x) 0 0;
  --footer-padding-bottom:0 0 var(--spacing-scale-6x);
  --footer-assigns-height:46px;
  --footer-assigns-width:180px;
  background: var(--background);
  border-top: 1px solid var(--border-color);
  color: var(--color);
  display: block;
  padding: var(--footer-padding);
}
.br-footer.no-divider {
  border-top: none;
  padding-top: 0;
}
.br-footer {
  --background:var(--background-dark);
}
.br-footer,
.br-footer .br-item {
  --color:var(--color-dark);
  --color-rgb:var(--color-dark-rgb);
  --text-color:var(--color-dark);
  --interactive:var(--interactive-dark);
  --interactive-rgb:var(--interactive-dark-rgb);
  --visited:var(--visited-dark);
  --hover:var(--hover-dark);
  --pressed:var(--pressed-dark);
  --focus-color:var(--focus-color-dark);
  --focus:var(--focus-color-dark);
}
.br-footer.inverted,
.br-footer[inverted] {
  --background:var(--background-light);
}
.br-footer.inverted,
.br-footer.inverted .br-item,
.br-footer[inverted],
.br-footer[inverted] .br-item {
  --color:var(--color-light);
  --color-rgb:var(--color-light-rgb);
  --text-color:var(--color-light);
  --interactive:var(--interactive-light);
  --interactive-rgb:var(--interactive-light-rgb);
  --visited:var(--visited-light);
  --hover:var(--hover-light);
  --pressed:var(--pressed-light);
  --focus-color:var(--focus-color-light);
  --focus:var(--focus-color-light);
}
.br-footer .logo {
  padding: var(--footer-padding-bottom);
}
.br-footer .logo img {
  max-height: var(--footer-logo-height);
  max-width: var(--footer-logo-width);
}
.br-footer .br-list.horizontal {
  display: flex;
  flex-wrap: wrap;
  padding: var(--footer-padding-bottom);
}
.br-footer .br-list.horizontal .header {
  width: 100%;
}
.br-footer .br-list.horizontal .col,
.br-footer .br-list.horizontal [class*=col-] {
  flex-grow: 0;
  padding: 0;
}
@media (max-width:991px) {
  .br-footer .br-list.horizontal .col,
  .br-footer .br-list.horizontal [class*=col-] {
    flex-basis: 100% !important;
    max-width: 100%;
  }
}
.br-footer .social-network {
  border: 0;
}
.br-footer .social-network .social-network-title {
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-extra-bold);
  margin-bottom: var(--spacing-scale-3x);
  text-transform: uppercase;
}
.br-footer .social-network a:not(:last-of-type) {
  margin-right: var(--spacing-scale-2x);
}
.br-footer .social-network a:hover {
  background-image: none;
}
.br-footer .social-network img {
  max-height: var(--footer-assigns-height);
  max-width: var(--footer-assigns-height);
}
.br-footer .assigns img {
  max-height: var(--footer-assigns-height);
  max-width: var(--footer-assigns-width);
}
.br-footer .info {
  text-align: center;
}
.br-footer .br-divider {
  margin-top: 0 !important;
}
.br-footer .d-none.d-sm-block > .row.align-items-end.justify-content-between.py-5 {
  padding: var(--footer-padding-bottom) !important;
}
.br-footer .br-list {
  --background:var(--background-dark);
}
.br-footer .br-list.horizontal .br-item,
.br-footer .br-list.horizontal .br-list .br-item {
  min-height: 4em;
}
.br-footer .br-list.horizontal .br-item .content,
.br-footer .br-list.horizontal .br-list .br-item .content {
  height: auto;
  line-height: 16px;
  padding: 0 var(--spacing-scale-2x);
}
@media (min-width:992px) {
  .br-footer .br-item.horizontal .br- {
    background-image: none;
    max-height: 200em !important;
  }
}
.br-footer .br-item.horizontal .br-item {
  min-height: 4em;
}
.br-footer .br-item.horizontal .br-item .content {
  height: auto;
  line-height: 16px;
  padding: 0 var(--spacing-scale-2x);
}
.br-footer .br-item.horizontal .col .br-item.header.active,
.br-footer .br-item.horizontal [class*=col-] .br-item.header.active {
  border-bottom: 1px solid var(--border-color);
}
.br-footer .br-item.horizontal .col .br-item.header.active + .br-list,
.br-footer .br-item.horizontal [class*=col-] .br-item.header.active + .br-list {
  border-bottom: 1px solid var(--border-color);
}
.br-footer .br-item {
  align-items: center;
  display: flex;
}
.br-footer .br-item .content {
  flex: 1;
}
.br-footer .br-item:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-footer .br-item.active {
  background: transparent;
}
@media (min-width:992px) {
  .br-footer .br-item .support:last-child {
    display: none;
    pointer-events: none;
  }
  .br-footer .br-item .content {
    flex: 1;
  }
}
.br-footer.inverted .br-list,
.br-footer[inverted] .br-list {
  --background:var(--background-light);
}
.br-header {
  --header-padding:var(--header-padding-medium);
  --header-padding-small:var(--spacing-scale-base);
  --header-padding-medium:var(--spacing-scale-2x);
  --header-padding-large:var(--spacing-scale-3x);
  --header-logo-size:var(--header-logo-medium);
  --header-logo-small:16px;
  --header-logo-medium:24px;
  --header-logo-large:40px;
  --header-title-size:var(--font-size-scale-base);
  --header-subtitle-size:var(--font-size-scale-down-01);
  --header-logo-desktop-width:120px;
  --header-logo-desktop-height:48px;
  --header-logo-compact:60px;
  --header-logo-compact-height:32px;
  --header-logo-mobile-width:80px;
  --header-logo-mobile-height:40px;
  background: var(--background);
  box-shadow: var(--surface-shadow-sm);
  padding: var(--header-padding) 0;
  position: relative;
}
.br-header,
.br-header .header-bottom,
.br-header .header-top {
  display: flex;
}
.br-header .header-top {
  justify-content: flex-end;
}
.br-header .header-bottom {
  justify-content: space-between;
  margin-top: var(--header-padding-small);
}
@media (min-width:576px) {
  .br-header {
    --header-padding:var(--header-padding-medium);
  }
}
.br-header.small {
  --header-padding:var(--header-padding-small);
}
.br-header.medium {
  --header-padding:var(--header-padding-medium);
}
.br-header.large {
  --header-padding:var(--header-padding-large);
}
.br-header .header-logo {
  align-items: center;
  display: flex;
  flex: 1;
  float: left;
  gap: var(--spacing-scale-2x);
}
.br-header .header-logo img,
.br-header .header-logo svg {
  max-height: var(--header-logo-size);
}
.br-header .header-logo .br-divider {
  display: none;
}
.br-header .header-logo .header-sign {
  color: var(--color);
  display: none;
  font-weight: 500;
  overflow: hidden;
}
.br-header[data-no-logo] .header-logo img,
.br-header[data-no-sign] .header-logo .header-sign {
  display: none;
}
@media (min-width:576px) {
  .br-header .header-logo {
    --header-logo-size:var(--header-logo-large);
    margin: 0;
  }
  .br-header .header-logo .br-divider,
  .br-header .header-logo .header-sign {
    display: block;
  }
}
.br-header .header-actions {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.br-header .header-actions .dropdown.show .br-list {
  display: block;
  z-index: var(--z-index-layer-1);
}
.br-header .header-actions .dropdown.show .br-button.active .fa,
.br-header .header-actions .dropdown.show .br-button.active .fab,
.br-header .header-actions .dropdown.show .br-button.active .fad,
.br-header .header-actions .dropdown.show .br-button.active .fal,
.br-header .header-actions .dropdown.show .br-button.active .far,
.br-header .header-actions .dropdown.show .br-button.active .fas,
.br-header .header-actions .dropdown.show .br-button.active .svg-inline--fa {
  transform: rotate(180deg);
}
.br-header .header-actions .dropdown.show .br-notification {
  display: block;
  right: -16px;
  width: 100vw;
  z-index: var(--z-index-layer-1);
}
.br-header .header-actions .dropdown.show .br-notification div.close {
  display: none;
}
.br-header .header-actions .dropdown:not(.show) .br-notification {
  display: none;
}
@media (max-width:1279px) {
  .br-header .header-actions .dropdown:not(.show) .br-list {
    display: none;
  }
}
.br-header .header-actions .header-functions .br-list,
.br-header .header-actions .header-links .br-list {
  background: var(--background);
  left: -4em;
}
.br-header .header-actions .header-functions .br-item,
.br-header .header-actions .header-links .br-item {
  white-space: nowrap;
}
.br-header .header-actions .header-functions ul,
.br-header .header-actions .header-links ul {
  display: none;
}
.br-header .header-actions .header-functions .br-list .br-button {
  --button-size:auto;
  --button-font-size:var(--font-size-scale-base);
  --button-font-weight:var(--item-font-weight);
  border-radius: 0;
  color: var(--color);
  font-size: var(--font-size-scale-base);
  font-weight: var(--item-font-weight);
  justify-content: flex-start;
  padding: var(--item-padding);
  width: 100%;
}
.br-header .header-actions .header-functions .br-list .br-button .text {
  margin-left: var(--spacing-scale-2x);
}
.br-header .header-actions .header-functions .br-item {
  padding: 0;
}
.br-header .header-actions .header-functions ul {
  display: none;
}
.br-header .header-actions .header-login {
  margin-left: var(--spacing-scale-base);
}
.br-header .header-actions .sign-in {
  --button-padding:0 var(--spacing-scale-2x);
}
.br-header .header-actions .avatar {
  align-items: center;
  display: flex;
}
.br-header .header-actions .avatar .br-list {
  min-width: 200px;
  right: 0;
  top: 100%;
}
.br-header[data-no-functions] .header-actions .header-functions,
.br-header[data-no-links] .header-actions .header-links,
.br-header[data-no-login] .header-actions .header-login {
  display: none;
}
@media (min-width:576px) {
  .br-header .header-actions .header-functions .br-list,
  .br-header .header-actions .header-links .br-list {
    background: var(--background);
    left: auto;
    right: 0;
  }
  .br-header .header-actions .header-functions .br-notification,
  .br-header .header-actions .header-links .br-notification {
    width: 100vw;
  }
}
@media (min-width:1280px) {
  .br-header .header-actions .header-functions [data-toggle=dropdown],
  .br-header .header-actions .header-links [data-toggle=dropdown] {
    display: none;
  }
  .br-header .header-actions .header-functions .br-list,
  .br-header .header-actions .header-links .br-list {
    box-shadow: none;
    display: flex;
    margin-right: var(--spacing-scale-2x);
    position: static;
  }
  .br-header .header-actions .header-functions .br-list .header,
  .br-header .header-actions .header-links .br-list .header {
    display: none;
  }
  .br-header .header-actions .header-functions .br-item,
  .br-header .header-actions .header-links .br-item {
    --focus-offset:var(--spacing-scale-half);
    --interactive-rgb:var(--interactive-light-rgb);
    color: var(--interactive-light);
    padding: 0;
  }
  .br-header .header-actions .header-functions .br-item:not(:last-child),
  .br-header .header-actions .header-links .br-item:not(:last-child) {
    border-bottom: 0;
    margin-right: var(--spacing-scale-3x);
  }
  .br-header .header-actions .header-functions .br-notification,
  .br-header .header-actions .header-links .br-notification {
    width: 50vw;
  }
  .br-header .header-actions .header-functions .br-list {
    margin-right: 0;
  }
  .br-header .header-actions .header-functions .br-list .br-button {
    --button-size:var(--button-small);
    border-radius: 50%;
    color: var(--interactive);
    justify-content: center;
    padding: 0;
    width: var(--button-size);
  }
  .br-header .header-actions .header-functions .br-list .br-button .text {
    display: none;
  }
  .br-header .header-actions .header-functions .br-item {
    margin-right: var(--spacing-scale-base);
  }
  .br-header .header-actions .header-functions .br-item:not(:last-child) {
    margin-right: var(--spacing-scale-base);
  }
  .br-header .header-actions .header-search-trigger {
    display: none;
  }
}
.br-header .header-menu {
  align-items: center;
  display: flex;
  flex: 1;
}
.br-header .header-menu .header-menu-trigger + .header-info {
  margin-left: var(--spacing-scale-2x);
}
.br-header .header-menu .header-title {
  color: var(--color);
  font-size: var(--header-title-size);
}
.br-header .header-menu .header-subtitle {
  color: var(--color);
  display: none;
  font-size: var(--header-subtitle-size);
  font-weight: 500;
  margin-top: var(--spacing-scale-half);
}
.br-header[data-no-subtitle] .header-menu .header-subtitle {
  display: none;
}
@media (min-width:576px) {
  .br-header .header-menu {
    --header-title-size:var(--font-size-scale-up-02);
    align-items: flex-start;
  }
  .br-header .header-menu .header-menu-trigger {
    margin-top: 3px;
  }
  .br-header .header-menu .header-info {
    padding-top: var(--spacing-scale-half);
  }
  .br-header .header-menu .header-subtitle {
    display: block;
  }
}
@media (min-width:1280px) {
  .br-header .header-menu {
    --header-title-size:var(--font-size-scale-up-03);
    --header-subtitle-size:var(--font-size-scale-base);
  }
  .br-header .header-menu .header-info {
    padding-top: 0;
  }
}
.br-header .header-search,
.br-header.compact .header-search {
  align-items: center;
  background: var(--background);
  bottom: 0;
  display: none;
  left: 0;
  padding: 0 var(--spacing-scale-2x);
  position: absolute;
  right: 0;
  top: 0;
}
.br-header .header-search .br-input,
.br-header.compact .header-search .br-input {
  align-items: center;
  display: flex;
  flex: 1;
}
.br-header .header-search .br-input label,
.br-header.compact .header-search .br-input label {
  display: none;
}
.br-header .header-search .br-input input,
.br-header.compact .header-search .br-input input {
  border-color: transparent;
}
.br-header .header-search .br-input input:not(:focus),
.br-header.compact .header-search .br-input input:not(:focus) {
  background: var(--gray-2);
}
.br-header .header-search .br-input .br-button,
.br-header .header-search .br-input .icon,
.br-header.compact .header-search .br-input .br-button,
.br-header.compact .header-search .br-input .icon {
  --focus-offset:0;
  bottom: auto;
  right: 4px;
  top: auto;
}
.br-header .header-search .search-close,
.br-header.compact .header-search .search-close {
  --focus-offset:calc(var(--spacing-scale-half)*-1);
  display: none;
}
.br-header .header-search.active,
.br-header.compact .header-search.active {
  display: flex;
}
.br-header .header-search.active .search-close,
.br-header.compact .header-search.active .search-close {
  display: inline-flex;
}
.br-header[data-no-search] .header-search {
  display: none;
}
@media (min-width:1280px) {
  .br-header .header-search {
    display: flex;
    padding: 0;
    position: static;
  }
  .br-header .header-search.active .search-close {
    display: none;
  }
  .br-header .br-input {
    min-width: 385px;
  }
}
.br-header .br-input.has-icon .br-button.circle {
  margin-top: 0;
  position: absolute;
  right: 4px;
}
.br-header.compact {
  --header-logo-size:var(--header-logo-small);
  --header-padding:var(--header-padding-small);
}
.br-header.compact .header-actions .header-search-trigger {
  display: block;
}
@media (min-width:576px) {
  .br-header.compact .container-lg {
    position: relative;
  }
  .br-header.compact .header-top {
    display: block;
  }
  .br-header.compact .header-logo {
    --header-logo-size:var(--header-logo-small);
    float: left;
  }
  .br-header.compact .header-logo .br-divider,
  .br-header.compact .header-sign {
    display: none;
  }
  .br-header.compact .header-actions {
    float: right;
    margin-top: var(--spacing-scale-2x);
    position: relative;
  }
  .br-header.compact .header-bottom {
    clear: left;
  }
  .br-header.compact .header-menu {
    --header-title-size:var(--font-size-scale-up-01);
  }
  .br-header.compact .header-menu .header-menu-trigger {
    margin-top: 0;
  }
}
@media (min-width:1280px) {
  .br-header.compact .header-menu {
    --header-title-size:var(--font-size-scale-up-02);
  }
}
.br-header[data-sticky] {
  position: sticky;
  top: 0;
  z-index: var(--z-index-layer-2);
}
.br-header[data-sticky],
.br-header[data-sticky] .header-actions,
.br-header[data-sticky] .header-logo img,
.br-header[data-sticky] .header-menu-trigger,
.br-header[data-sticky] .header-title {
  transition: all .15s ease;
}
.br-header[data-sticky] .header-logo img {
  margin-right: var(--spacing-scale-base);
}
.br-input {
  --input-button-margin:var(--spacing-scale-half);
  --input-padding:0 var(--spacing-scale-2x);
  --input-padding-button:var(--spacing-scale-5x);
  --input-padding-icon:var(--spacing-scale-5x);
  --input-size:var(--input-medium);
  --input-small:32px;
  --input-medium:40px;
  --input-large:48px;
  --input-highlight:56px;
  --color:var(--color-light);
  --color-rgb:var(--color-light-rgb);
  --text-color:var(--color-light);
  --interactive:var(--interactive-light);
  --interactive-rgb:var(--interactive-light-rgb);
  --visited:var(--visited-light);
  --hover:var(--hover-light);
  --pressed:var(--pressed-light);
  --focus-color:var(--focus-color-light);
  --focus:var(--focus-color-light);
  color: var(--color);
  position: relative;
}
.br-input input {
  background-color: var(--background-light);
  border-color: var(--border-color-alternative);
  border-radius: var(--surface-rounder-sm);
  border-style: var(--border-style);
  border-width: var(--border-width);
  color: var(--color-light);
  display: block;
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-medium);
  height: var(--input-size);
  margin-top: var(--spacing-scale-half);
  padding-bottom: 0;
  padding-left: var(--spacing-scale-2x);
  padding-right: var(--spacing-scale-2x);
  padding-top: 0;
  width: 100%;
}
.br-input input::-ms-clear,
.br-input input::-ms-reveal,
.br-input input::-webkit-calendar-picker-indicator {
  display: none;
}
.br-input input[type=search]::-webkit-search-cancel-button,
.br-input input[type=search]::-webkit-search-decoration,
.br-input input[type=search]::-webkit-search-results-button,
.br-input input[type=search]::-webkit-search-results-decoration {
  appearance: none;
}
.br-input.input-inline {
  display: flex;
}
.br-input.input-inline .input-label {
  margin-right: var(--spacing-scale-baseh);
  margin-top: calc(var(--input-size)*.5 - var(--spacing-scale-half));
}
.br-input.input-inline .input-content {
  flex: 1;
}
.br-input .input-group {
  position: relative;
}
.br-input .input-icon {
  align-items: center;
  color: var(--border-color-alternative);
  display: flex;
  height: var(--input-size);
  margin-left: var(--spacing-scale-baseh);
  position: absolute;
}
.br-input .input-icon + input {
  padding-left: var(--input-padding-icon);
}
.br-input .br-button {
  --button-size:var(--button-small);
  --color:var(--color-light);
  --color-rgb:var(--color-light-rgb);
  --text-color:var(--color-light);
  --interactive:var(--interactive-light);
  --interactive-rgb:var(--interactive-light-rgb);
  --visited:var(--visited-light);
  --hover:var(--hover-light);
  --pressed:var(--pressed-light);
  --focus-color:var(--focus-color-light);
  --focus:var(--focus-color-light);
  border-radius: 50%;
  float: right;
  margin-right: var(--input-button-margin);
  margin-top: calc((var(--input-size) + var(--spacing-scale-half))*-1);
  padding: 0;
  position: relative;
  transform: translateY(calc((var(--input-size) - var(--button-size))*.5));
  width: var(--button-size);
}
.br-input.input-button input {
  padding-right: var(--input-padding-button);
}
.br-input.has-icon input {
  padding-right: var(--input-padding-icon);
}
.br-input.has-icon .br-button.circle {
  float: right;
  margin-right: var(--spacing-scale-half);
  margin-top: calc((var(--button-size) + var(--spacing-scale-half) + var(--spacing-scale-half))*-1);
  transform: translateY(0);
}
.br-input.has-icon.small .br-button.circle {
  margin-top: calc((var(--button-size) + var(--spacing-scale-base))*-1);
}
.br-input.has-icon.large .br-button.circle {
  margin-top: calc(var(--button-size)*-1);
}
.br-input.input-highlight {
  --input-button-margin:var(--spacing-scale-2x);
  --input-padding:0 var(--spacing-scale-3x);
  --input-padding-button:var(--spacing-scale-7x);
  --input-padding-icon:var(--spacing-scale-7x);
  --input-size:var(--input-highlight);
}
.br-input.input-highlight input {
  background-color: var(--gray-2);
  border-color: transparent;
  padding-left: var(--spacing-scale-3x);
  padding-right: var(--spacing-scale-3x);
}
.br-input.input-highlight .input-icon {
  margin-left: var(--spacing-scale-3x);
}
.br-input.input-highlight .input-icon + input {
  padding-left: var(--spacing-scale-7x);
}
.br-input .br-list {
  box-shadow: var(--surface-shadow-md);
  max-height: 530px;
  overflow: auto;
  position: absolute;
  width: 100%;
  z-index: var(--z-index-layer-2);
}
.br-input .br-list::-webkit-scrollbar {
  height: var(--spacing-scale-base);
  width: var(--spacing-scale-base);
}
.br-input .br-list::-webkit-scrollbar-track {
  background: var(--gray-10);
}
.br-input .br-list::-webkit-scrollbar-thumb {
  background: var(--gray-30);
}
.br-input .br-list:hover::-webkit-scrollbar-thumb {
  background: var(--gray-40);
}
.br-input .br-list .br-item {
  --item-padding-y:var(--spacing-scale-2x);
}
.br-input .br-list .br-item:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.br-input .br-list .br-item:not(:first-child) {
  border-top: var(--surface-width-sm) solid var(--border-color);
}
.br-input.success input,
.br-input[data-success] input {
  border-color: var(--success);
  border-width: 2px;
}
.br-input.danger input,
.br-input[data-danger] input {
  border-color: var(--danger);
  border-width: 2px;
}
.br-input.warning input,
.br-input[data-warning] input {
  border-color: var(--warning);
  border-width: 2px;
}
.br-input.info input,
.br-input[data-info] input {
  border-color: var(--info);
  border-width: 2px;
}
.br-input input:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.br-input input.focus-visible,
.br-input input:focus,
.br-input input:focus-visible {
  border-color: var(--focus) !important;
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
  outline: none;
}
.br-input .feedback {
  margin-bottom: var(--spacing-scale-half);
}
.br-input.small,
.br-input[data-small] {
  --input-size:var(--input-small);
}
.br-input.medium,
.br-input[data-medium] {
  --input-size:var(--input-medium);
}
.br-input.large,
.br-input[data-large] {
  --input-size:var(--input-large);
}
.br-input.dark-mode,
.br-input.dark-mode label,
.br-input.inverted,
.br-input.inverted label {
  --color:var(--color-dark);
  --focus-color:var(--focus-color-dark);
}
.br-item {
  --item-padding-x:var(--spacing-scale-2x);
  --item-padding-y:var(--spacing-scale-base);
  --item-padding:var(--item-padding-y) var(--item-padding-x);
  --focus-offset:calc(var(--focus-width)*-1);
  background: var(--background);
  border: 0;
  color: var(--color);
  display: block;
  font-weight: var(--font-weight);
  padding: var(--item-padding);
  text-align: left;
  width: 100%;
}
.br-item .row {
  margin-left: calc(var(--spacing-scale-base)*-1);
  margin-right: calc(var(--spacing-scale-base)*-1);
}
.br-item .row .col,
.br-item .row [class*=col-] {
  padding-left: var(--spacing-scale-base);
  padding-right: var(--spacing-scale-base);
}
.br-item:after {
  clear: both;
  content: "";
  display: block;
}
.br-item[data-toggle] {
  cursor: pointer;
}
.br-item[data-toggle=selection]:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.br-item > .br-checkbox:not(.hidden-label),
.br-item > .br-radio:not(.hidden-label) {
  margin: calc(var(--item-padding-y)*-1) calc(var(--item-padding-x)*-1);
}
.br-item > .br-checkbox:not(.hidden-label) input + label,
.br-item > .br-radio:not(.hidden-label) input + label {
  padding-bottom: var(--item-padding-y);
  padding-top: var(--item-padding-y);
  top: 1px;
  width: 100%;
}
.br-item > .br-checkbox:not(.hidden-label) input + label:before,
.br-item > .br-radio:not(.hidden-label) input + label:before {
  left: var(--item-padding-x);
  top: calc(var(--item-padding-y) - 1px);
}
.br-item > .br-checkbox:not(.hidden-label) input + label:empty,
.br-item > .br-radio:not(.hidden-label) input + label:empty {
  left: 0;
  top: 1px;
}
.br-item > .br-checkbox:not(.hidden-label) input:hover:not(:disabled) + label:before,
.br-item > .br-radio:not(.hidden-label) input:hover:not(:disabled) + label:before {
  background-image: none;
}
.br-item > .br-checkbox input:not(:indeterminate) + label {
  min-height: calc(var(--checkbox-size) + var(--item-padding-y)*2);
}
.br-item > .br-checkbox input:not(:indeterminate) + label:not(:empty) {
  padding-left: calc(var(--checkbox-padding) + var(--checkbox-size) + var(--item-padding-x));
}
.br-item > .br-checkbox input:not(:indeterminate) + label:after {
  left: calc(var(--item-padding-x) + 8px);
  top: calc(var(--item-padding-y) + 4px);
}
.br-item > .br-checkbox input:not(:indeterminate) + label:empty {
  min-height: var(--checkbox-size);
}
.br-item > .br-checkbox input:not(:indeterminate) + label:empty:after {
  left: 8px;
  top: 4px;
}
.br-item .br-radio input + label {
  min-height: calc(var(--radio-size) + var(--item-padding-y)*2);
  padding-left: calc(var(--spacing-scale-base) + var(--radio-size) + var(--item-padding-x));
}
.br-item .br-radio input + label:after {
  left: calc(var(--item-padding-x) + var(--radio-bullet-position));
  top: calc(var(--item-padding-y) + var(--radio-bullet-position) - 1px);
}
.br-item .br-radio input + label:empty {
  min-height: var(--radio-size);
}
.br-item .br-radio input + label:empty:after {
  left: var(--radio-bullet-position);
  top: var(--radio-bullet-position);
}
.br-item.highlight,
.br-item.primary-darken-01,
.br-item.primary-darken-02,
.br-item.primary-default,
.br-item.primary-lighten-01,
.br-item.primary-lighten-02,
.br-item.secondary-06,
.br-item.secondary-07,
.br-item.secondary-08,
.br-item.secondary-09,
.br-item.selected,
.br-item.support-01,
.br-item.support-03,
.br-item.support-04,
.br-item.support-07,
.br-item.support-08 {
  --color:var(--color-dark);
  --color-rgb:var(--color-dark-rgb);
  --text-color:var(--color-dark);
  --interactive:var(--interactive-dark);
  --interactive-rgb:var(--interactive-dark-rgb);
  --visited:var(--visited-dark);
  --hover:var(--hover-dark);
  --pressed:var(--pressed-dark);
  --focus-color:var(--focus-color-dark);
  --focus:var(--focus-color-dark);
}
.br-item.selected {
  background-color: var(--selected);
}
.br-item.active {
  background-color: var(--active);
  color: var(--color);
}
.br-item.active,
.br-item.dark-mode,
.br-item.inverted {
  --color:var(--color-dark);
  --color-rgb:var(--color-dark-rgb);
  --text-color:var(--color-dark);
  --interactive:var(--interactive-dark);
  --interactive-rgb:var(--interactive-dark-rgb);
  --visited:var(--visited-dark);
  --hover:var(--hover-dark);
  --pressed:var(--pressed-dark);
  --focus-color:var(--focus-color-dark);
  --focus:var(--focus-color-dark);
}
.br-item.dark-mode.active,
.br-item.inverted.active {
  --color:var(--color-light);
  --color-rgb:var(--color-light-rgb);
  --text-color:var(--color-light);
  --interactive:var(--interactive-light);
  --interactive-rgb:var(--active-rgb);
  --visited:var(--visited-light);
  --hover:var(--hover-light);
  --pressed:var(--pressed-light);
  --focus-color:var(--focus-color-light);
  --focus:var(--focus-color-light);
  background-color: var(--background-light);
  color: var(--active);
}
.br-item[data-toggle]:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.br-item[data-toggle] .content i {
  color: var(--interactive);
}
.br-item .content {
  align-items: center;
  display: flex;
}
.br-item [class*=fa-] {
  height: 16px;
  width: 14px !important;
}
.br-item .toogle-icon-interactive,
a.br-item {
  color: var(--interactive);
}
a.br-item:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
a.br-item:not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
}
button.br-item {
  background-color: transparent;
  color: var(--color);
}
button.br-item:focus {
  outline: none;
}
button.br-item.focus-visible,
button.br-item:focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}
button.br-item:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
button.br-item:not(:disabled):active {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--pressed)), rgba(var(--color-rgb), var(--pressed)));
}
.br-list.horizontal {
  display: flex;
  flex-wrap: wrap;
}
.br-list.horizontal > .header {
  flex-grow: 1;
  width: 100%;
}
.br-list.horizontal > .header + .br-divider {
  border-top: 1px solid var(--border-color);
  width: 100%;
}
.br-list.horizontal > .br-item + .br-divider,
.br-list.horizontal > .group + .br-divider {
  border-width: 0 1px 0 0;
  width: 1px;
}
.br-list.horizontal > .br-item,
.br-list.horizontal > .group {
  flex: 1;
  height: auto;
  min-height: 56px;
  width: auto;
}
.br-list.horizontal > .br-item.one-line > .content,
.br-list.horizontal > .group.one-line > .content {
  height: 56px;
}
.br-list.horizontal > .br-item.two-lines > .content,
.br-list.horizontal > .group.two-lines > .content {
  height: 72px;
}
.br-list.horizontal > .br-item.three-lines > .content,
.br-list.horizontal > .group.three-lines > .content {
  height: 6em;
}
.br-list.horizontal.toggle > .br-item,
.br-list.horizontal[data-toggle] > .br-item {
  display: block;
}
.br-list {
  background-color: var(--background);
}
.br-list .br-item {
  text-align: left;
  width: 100%;
}
.br-list .br-item .fa,
.br-list .br-item .fab,
.br-list .br-item .fad,
.br-list .br-item .fal,
.br-list .br-item .far,
.br-list .br-item .fas,
.br-list .br-item .svg-inline--fa {
  text-align: center;
}
.br-list .br-item > .content {
  align-items: var(--spacing-vertical-top);
  display: flex;
}
.br-list .br-item > .content > .content {
  flex: 1;
}
.br-list .br-item .content:hover button.br-button {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-list .br-item[data-toggle] {
  cursor: pointer;
}
.br-list .br-item[data-toggle] ~ .br-list .br-item {
  padding: var(--spacing-scale-base) var(--spacing-scale-3x);
}
.br-list .br-list {
  overflow: hidden;
  transition: all .4s ease-in-out;
}
.br-list .header {
  align-items: var(--spacing-vertical-center);
  display: flex;
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-bold);
  justify-content: space-between;
  padding: var(--spacing-scale-base) var(--spacing-scale-2x);
}
.br-list[data-one-line] .br-item,
.br-list[data-one-line] .br-list .br-item {
  height: 2em;
}
.br-list[data-one-line] .br-item .content,
.br-list[data-one-line] .br-list .br-item .content {
  height: auto;
  overflow: hidden;
  padding: 0 var(--spacing-scale-2x);
  text-overflow: unset;
  white-space: normal;
}
.br-list[data-two-lines] .br-item,
.br-list[data-two-lines] .br-list .br-item {
  height: 4em;
}
.br-list[data-two-lines] .br-item .content,
.br-list[data-two-lines] .br-list .br-item .content {
  height: auto;
  overflow: hidden;
  padding: 0 var(--spacing-scale-2x);
  text-overflow: unset;
  white-space: normal;
}
.br-list[data-three-lines] .br-item,
.br-list[data-three-lines] .br-list .br-item {
  height: 6em;
}
.br-list[data-three-lines] .br-item .content,
.br-list[data-three-lines] .br-list .br-item .content {
  height: auto;
  overflow: hidden;
  padding: 0 var(--spacing-scale-2x);
  text-overflow: unset;
  white-space: normal;
}
.br-menu {
  --menu-zindex:var(--z-index-layer-3);
  --menu-background-submenu:var(--gray-2);
  --menu-logo:40px;
  --menu-item-ng:var(--menu-item-medium);
  --menu-item-padding:var(--menu-item-medium);
  --menu-item-small:var(--spacing-scale-base);
  --menu-item-medium:var(--spacing-scale-2x);
  --menu-item-large:var(--spacing-scale-3x);
}
.br-menu .menu-container {
  display: none;
}
.br-menu .menu-scrim {
  background: var(--surface-overlay-scrim);
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
.br-menu .menu-panel {
  --focus-offset:calc(var(--spacing-scale-half)*-1);
  background: var(--background);
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.br-menu.active .menu-container {
  bottom: 0;
  display: flex;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: var(--menu-zindex);
}
.br-menu.active .menu-panel {
  flex: 1;
  overflow: auto;
  position: relative;
  z-index: calc(var(--menu-zindex) + 1);
}
.br-menu.active .menu-scrim {
  position: absolute;
}
.br-menu .menu-header {
  align-items: center;
  border-bottom: 1px solid var(--border-color);
  display: flex;
  padding: var(--spacing-scale-base) var(--spacing-scale-base);
}
.br-menu .menu-header .menu-title {
  align-items: center;
  display: flex;
  flex: 1;
  margin-left: var(--spacing-scale-base);
}
.br-menu .menu-header .menu-title img {
  max-height: var(--menu-logo);
}
.br-menu .menu-header .menu-title img + * {
  margin-left: var(--spacing-scale-base);
}
.br-menu .menu-body li,
.br-menu .menu-body ul {
  margin: 0;
  padding: 0;
}
.br-menu .menu-body ul {
  list-style: none;
}
.br-menu .menu-body > .divider {
  border-bottom: 1px solid var(--border-color);
}
.br-menu .menu-body .menu-folder > ul > li:last-child > .menu-item {
  border-bottom: 1px solid var(--border-color);
}
.br-menu .menu-body .menu-folder > .menu-item + ul {
  background: var(--menu-background-submenu);
}
.br-menu .menu-body .menu-folder > .menu-item + ul .menu-item {
  padding-left: var(--spacing-scale-5x);
}
.br-menu .menu-body .drop-menu > .menu-item {
  border-bottom: 1px solid var(--border-color);
}
.br-menu .menu-body .drop-menu.active > .menu-item {
  border-bottom: 0;
}
.br-menu .menu-body .drop-menu > ul {
  background: var(--menu-background-submenu);
  display: none;
}
.br-menu .menu-body .drop-menu.active > .menu-item:not(:hover) {
  background-color: var(--background);
}
.br-menu .menu-body .drop-menu.active > .menu-item .support .fa,
.br-menu .menu-body .drop-menu.active > .menu-item .support .fab,
.br-menu .menu-body .drop-menu.active > .menu-item .support .fad,
.br-menu .menu-body .drop-menu.active > .menu-item .support .fal,
.br-menu .menu-body .drop-menu.active > .menu-item .support .far,
.br-menu .menu-body .drop-menu.active > .menu-item .support .fas,
.br-menu .menu-body .drop-menu.active > .menu-item .support .svg-inline--fa {
  transform: rotate(180deg);
}
.br-menu .menu-body .drop-menu.active > ul {
  display: block;
}
.br-menu .menu-footer > :not(:last-child) {
  border-bottom: 1px solid var(--border-color);
}
.br-menu .menu-footer .menu-logos {
  column-gap: var(--spacing-scale-2x);
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: var(--spacing-scale-base) var(--spacing-scale-5x);
  row-gap: var(--spacing-scale-2x);
}
.br-menu .menu-footer .menu-links {
  --focus-offset:var(--spacing-scale-half);
  padding: var(--spacing-scale-2x) var(--spacing-scale-5x);
}
.br-menu .menu-footer .menu-links a {
  display: block;
}
.br-menu .menu-footer .menu-links a:not(:last-child) {
  margin-bottom: var(--spacing-scale-2x);
}
.br-menu .menu-footer .menu-links a:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-menu .menu-footer .menu-social,
.br-menu .menu-footer .social-network {
  padding: var(--spacing-scale-base) var(--spacing-scale-5x);
}
.br-menu .menu-footer .menu-social .social-network-title,
.br-menu .menu-footer .social-network .social-network-title {
  font-weight: var(--font-weight-semi-bold);
  margin-bottom: var(--spacing-scale-half);
}
.br-menu .menu-footer .menu-social .sharegroup,
.br-menu .menu-footer .social-network .sharegroup {
  display: flex;
}
.br-menu .menu-footer .menu-info {
  padding: var(--spacing-scale-2x);
}
.br-menu .menu-item {
  --focus-offset:calc(var(--spacing-scale-half)*-1);
  background: transparent;
  display: flex;
  padding: var(--menu-item-padding) var(--spacing-scale-2x);
}
.br-menu .menu-item .icon {
  margin-right: var(--spacing-scale-2x);
}
.br-menu .menu-item .content {
  flex: 1;
}
.br-menu a.menu-item {
  color: var(--interactive);
}
.br-menu .side-menu > ul {
  background: var(--menu-background-submenu);
  display: none;
}
.br-menu .side-menu.active > .menu-item {
  --interactive:var(--active);
  --interactive-rgb:var(--active-rgb);
  background-color: var(--background);
  flex-direction: row-reverse;
  font-weight: var(--font-weight-semi-bold);
}
.br-menu .side-menu.active > .menu-item .icon {
  margin-right: 0;
}
.br-menu .side-menu.active > .menu-item .support {
  margin-right: var(--spacing-scale-2x);
}
.br-menu .side-menu.active > .menu-item .support .fa,
.br-menu .side-menu.active > .menu-item .support .fab,
.br-menu .side-menu.active > .menu-item .support .fad,
.br-menu .side-menu.active > .menu-item .support .fal,
.br-menu .side-menu.active > .menu-item .support .far,
.br-menu .side-menu.active > .menu-item .support .fas,
.br-menu .side-menu.active > .menu-item .support .svg-inline--fa {
  transform: rotate(180deg);
}
.br-menu .side-menu.active > ul {
  display: block;
}
.br-menu .side-menu.active .menu-item {
  padding-left: var(--spacing-scale-2x) !important;
}
.br-menu.small .menu-item {
  --menu-item-padding:var(--menu-item-small);
}
.br-menu.medium .menu-item {
  --menu-item-padding:var(--menu-item-medium);
}
.br-menu.large .menu-item {
  --menu-item-padding:var(--menu-item-large);
}
.br-menu.push .menu-scrim,
.br-menu.push .menu-trigger {
  display: none;
}
@media (min-width:576px) {
  .br-menu.push {
    --menu-zindex:var(--z-index-layer-0);
  }
  .br-menu.push .menu-footer,
  .br-menu.push .menu-header {
    display: none;
  }
  .br-menu.push .menu-header[data-visible=true] {
    display: flex;
  }
  .br-menu.push .menu-footer[data-visible=true] {
    display: block;
  }
  .br-menu.push .menu-panel {
    height: auto;
  }
  .br-menu.push .menu-scrim {
    display: none;
  }
  .br-menu.push.active .menu-container {
    position: static;
  }
}
.br-menu.contextual {
  --menu-zindex:calc(var(--z-index-layer-3) - 10);
  overflow: auto;
}
.br-menu.contextual .menu-body .menu-folder > .menu-item + ul .menu-item {
  padding-left: var(--spacing-scale-2x);
}
.br-menu.contextual .menu-body .menu-folder > ul > li:last-child > .menu-item {
  border-bottom: 0;
}
.br-menu.contextual .menu-trigger {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  z-index: calc(var(--menu-zindex) - 1);
}
.br-menu.contextual .menu-trigger .br-button {
  --button-radius:0;
}
.br-menu.contextual .menu-container {
  display: none;
  flex-direction: column-reverse;
  position: static;
}
.br-menu.contextual .menu-panel {
  height: auto;
}
.br-menu.contextual.active {
  bottom: 0;
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: flex-end;
  left: 0;
  position: fixed;
  right: 0;
  z-index: var(--menu-zindex);
}
.br-menu.contextual.active .menu-trigger {
  position: relative;
  z-index: calc(var(--menu-zindex) + 1);
}
.br-menu.contextual.active .menu-trigger .fa,
.br-menu.contextual.active .menu-trigger .fab,
.br-menu.contextual.active .menu-trigger .fad,
.br-menu.contextual.active .menu-trigger .fal,
.br-menu.contextual.active .menu-trigger .far,
.br-menu.contextual.active .menu-trigger .fas,
.br-menu.contextual.active .menu-trigger .svg-inline--fa {
  transform: rotate(180deg);
}
.br-menu.contextual.active .menu-container {
  display: flex;
  overflow: auto;
}
@media (min-width:992px) {
  .br-menu.contextual .menu-trigger {
    display: none;
    position: absolute;
  }
  .br-menu.contextual .menu-container {
    display: block;
  }
  .br-menu.contextual.active {
    height: 100%;
    position: absolute;
  }
}
.br-menu .menu-item[hidden] {
  display: none;
}
.br-menu .menu-item:disabled {
  cursor: not-allowed;
  opacity: var(--disabled);
}
.br-menu .menu-item:disabled * {
  pointer-events: none;
}
.br-menu a.menu-item:not(:disabled).active {
  --interactive:var(--color-dark);
  --interactive-rgb:var(--color-dark-rgb);
  background-color: var(--active);
}
.br-menu a.menu-item:not(:disabled).active:focus {
  outline-color: var(--focus-color-dark);
}
.br-menu a.menu-item:not(:disabled):not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-loading,
.loading {
  --loading-size:var(--loading-indetermined-diameter-sm);
  --loading-diameter:84px;
  --loading-stroke:5px;
  --loading-indetermined-color:var(--interactive);
  --loading-indetermined-diameter-md:44px;
  --loading-indetermined-diameter-sm:24px;
  position: relative;
  z-index: var(--z-index-layer-4);
}
.br-loading[data-progress]:not(:empty),
.loading[data-progress]:not(:empty) {
  background-color: var(--border-color);
  border-radius: 50%;
}
.br-loading[data-progress]:not(:empty):before,
.loading[data-progress]:not(:empty):before {
  content: none;
}
.br-loading[data-progress]:after,
.loading[data-progress]:after {
  --loading-size:calc(var(--loading-diameter) - var(--loading-stroke)*2);
  background: var(--background);
  border-radius: 50%;
  color: var(--interactive);
  content: attr(data-progress) "%";
  font-size: var(--font-size-scale-up-02);
  font-weight: var(--font-weight-semi-bold);
  height: var(--loading-size);
  line-height: var(--loading-size);
  margin: var(--loading-stroke);
  position: absolute;
  text-align: center;
  width: var(--loading-size);
}
.br-loading[data-progress] .br-loading-fill,
.br-loading[data-progress] .br-loading-mask,
.br-loading[data-progress].loading-fill,
.br-loading[data-progress].loading-mask,
.loading[data-progress] .br-loading-fill,
.loading[data-progress] .br-loading-mask,
.loading[data-progress].loading-fill,
.loading[data-progress].loading-mask {
  clip: rect(0, var(--loading-diameter), var(--loading-diameter), calc(var(--loading-diameter)*.5));
  backface-visibility: hidden;
  border-radius: 50%;
  height: var(--loading-diameter);
  overflow: hidden;
  position: absolute;
  width: var(--loading-diameter);
}
.br-loading[data-progress] .br-loading-fill,
.br-loading[data-progress].loading-fill,
.loading[data-progress] .br-loading-fill,
.loading[data-progress].loading-fill {
  clip: rect(0, calc(var(--loading-diameter)*.5), var(--loading-diameter), 0);
  background: var(--interactive);
}
.br-loading:before,
.loading:before {
  animation: spinAround 1.3s linear infinite;
  border: 2px solid var(--loading-indetermined-color);
  border-radius: 50%;
  border-right: 2px solid transparent;
  content: "";
  display: block;
  height: var(--loading-size);
  left: calc(50% - var(--loading-size)*.5);
  position: absolute;
  top: calc(50% - var(--loading-size)*.5);
  width: var(--loading-size);
}
.br-loading:not(.br-button),
.loading:not(.br-button) {
  height: var(--loading-size);
  width: var(--loading-size);
}
.br-loading:not(.br-button).medium,
.loading:not(.br-button).medium {
  --loading-size:var(--loading-indetermined-diameter-md);
}
.br-loading:not(.br-button).medium:before,
.loading:not(.br-button).medium:before {
  border-width: 4px;
}
.br-loading:not(.br-button)[data-progress],
.loading:not(.br-button)[data-progress] {
  --loading-size:var(--loading-diameter);
}
.br-loading:not(.br-button)[data-progress]:before,
.loading:not(.br-button)[data-progress]:before {
  border-width: var(--loading-stroke);
}
.br-loading[data-progress="1"] .br-loading-fill,
.br-loading[data-progress="1"] .br-loading-mask.full,
.loading[data-progress="1"] .br-loading-fill,
.loading[data-progress="1"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(1.8deg);
}
.br-loading[data-progress="2"] .br-loading-fill,
.br-loading[data-progress="2"] .br-loading-mask.full,
.loading[data-progress="2"] .br-loading-fill,
.loading[data-progress="2"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(3.6deg);
}
.br-loading[data-progress="3"] .br-loading-fill,
.br-loading[data-progress="3"] .br-loading-mask.full,
.loading[data-progress="3"] .br-loading-fill,
.loading[data-progress="3"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(5.4deg);
}
.br-loading[data-progress="4"] .br-loading-fill,
.br-loading[data-progress="4"] .br-loading-mask.full,
.loading[data-progress="4"] .br-loading-fill,
.loading[data-progress="4"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(7.2deg);
}
.br-loading[data-progress="5"] .br-loading-fill,
.br-loading[data-progress="5"] .br-loading-mask.full,
.loading[data-progress="5"] .br-loading-fill,
.loading[data-progress="5"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(9deg);
}
.br-loading[data-progress="6"] .br-loading-fill,
.br-loading[data-progress="6"] .br-loading-mask.full,
.loading[data-progress="6"] .br-loading-fill,
.loading[data-progress="6"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(10.8deg);
}
.br-loading[data-progress="7"] .br-loading-fill,
.br-loading[data-progress="7"] .br-loading-mask.full,
.loading[data-progress="7"] .br-loading-fill,
.loading[data-progress="7"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(12.6deg);
}
.br-loading[data-progress="8"] .br-loading-fill,
.br-loading[data-progress="8"] .br-loading-mask.full,
.loading[data-progress="8"] .br-loading-fill,
.loading[data-progress="8"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(14.4deg);
}
.br-loading[data-progress="9"] .br-loading-fill,
.br-loading[data-progress="9"] .br-loading-mask.full,
.loading[data-progress="9"] .br-loading-fill,
.loading[data-progress="9"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(16.2deg);
}
.br-loading[data-progress="10"] .br-loading-fill,
.br-loading[data-progress="10"] .br-loading-mask.full,
.loading[data-progress="10"] .br-loading-fill,
.loading[data-progress="10"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(18deg);
}
.br-loading[data-progress="11"] .br-loading-fill,
.br-loading[data-progress="11"] .br-loading-mask.full,
.loading[data-progress="11"] .br-loading-fill,
.loading[data-progress="11"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(19.8deg);
}
.br-loading[data-progress="12"] .br-loading-fill,
.br-loading[data-progress="12"] .br-loading-mask.full,
.loading[data-progress="12"] .br-loading-fill,
.loading[data-progress="12"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(21.6deg);
}
.br-loading[data-progress="13"] .br-loading-fill,
.br-loading[data-progress="13"] .br-loading-mask.full,
.loading[data-progress="13"] .br-loading-fill,
.loading[data-progress="13"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(23.4deg);
}
.br-loading[data-progress="14"] .br-loading-fill,
.br-loading[data-progress="14"] .br-loading-mask.full,
.loading[data-progress="14"] .br-loading-fill,
.loading[data-progress="14"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(25.2deg);
}
.br-loading[data-progress="15"] .br-loading-fill,
.br-loading[data-progress="15"] .br-loading-mask.full,
.loading[data-progress="15"] .br-loading-fill,
.loading[data-progress="15"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(27deg);
}
.br-loading[data-progress="16"] .br-loading-fill,
.br-loading[data-progress="16"] .br-loading-mask.full,
.loading[data-progress="16"] .br-loading-fill,
.loading[data-progress="16"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(28.8deg);
}
.br-loading[data-progress="17"] .br-loading-fill,
.br-loading[data-progress="17"] .br-loading-mask.full,
.loading[data-progress="17"] .br-loading-fill,
.loading[data-progress="17"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(30.6deg);
}
.br-loading[data-progress="18"] .br-loading-fill,
.br-loading[data-progress="18"] .br-loading-mask.full,
.loading[data-progress="18"] .br-loading-fill,
.loading[data-progress="18"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(32.4deg);
}
.br-loading[data-progress="19"] .br-loading-fill,
.br-loading[data-progress="19"] .br-loading-mask.full,
.loading[data-progress="19"] .br-loading-fill,
.loading[data-progress="19"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(34.2deg);
}
.br-loading[data-progress="20"] .br-loading-fill,
.br-loading[data-progress="20"] .br-loading-mask.full,
.loading[data-progress="20"] .br-loading-fill,
.loading[data-progress="20"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(36deg);
}
.br-loading[data-progress="21"] .br-loading-fill,
.br-loading[data-progress="21"] .br-loading-mask.full,
.loading[data-progress="21"] .br-loading-fill,
.loading[data-progress="21"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(37.8deg);
}
.br-loading[data-progress="22"] .br-loading-fill,
.br-loading[data-progress="22"] .br-loading-mask.full,
.loading[data-progress="22"] .br-loading-fill,
.loading[data-progress="22"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(39.6deg);
}
.br-loading[data-progress="23"] .br-loading-fill,
.br-loading[data-progress="23"] .br-loading-mask.full,
.loading[data-progress="23"] .br-loading-fill,
.loading[data-progress="23"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(41.4deg);
}
.br-loading[data-progress="24"] .br-loading-fill,
.br-loading[data-progress="24"] .br-loading-mask.full,
.loading[data-progress="24"] .br-loading-fill,
.loading[data-progress="24"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(43.2deg);
}
.br-loading[data-progress="25"] .br-loading-fill,
.br-loading[data-progress="25"] .br-loading-mask.full,
.loading[data-progress="25"] .br-loading-fill,
.loading[data-progress="25"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(45deg);
}
.br-loading[data-progress="26"] .br-loading-fill,
.br-loading[data-progress="26"] .br-loading-mask.full,
.loading[data-progress="26"] .br-loading-fill,
.loading[data-progress="26"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(46.8deg);
}
.br-loading[data-progress="27"] .br-loading-fill,
.br-loading[data-progress="27"] .br-loading-mask.full,
.loading[data-progress="27"] .br-loading-fill,
.loading[data-progress="27"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(48.6deg);
}
.br-loading[data-progress="28"] .br-loading-fill,
.br-loading[data-progress="28"] .br-loading-mask.full,
.loading[data-progress="28"] .br-loading-fill,
.loading[data-progress="28"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(50.4deg);
}
.br-loading[data-progress="29"] .br-loading-fill,
.br-loading[data-progress="29"] .br-loading-mask.full,
.loading[data-progress="29"] .br-loading-fill,
.loading[data-progress="29"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(52.2deg);
}
.br-loading[data-progress="30"] .br-loading-fill,
.br-loading[data-progress="30"] .br-loading-mask.full,
.loading[data-progress="30"] .br-loading-fill,
.loading[data-progress="30"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(54deg);
}
.br-loading[data-progress="31"] .br-loading-fill,
.br-loading[data-progress="31"] .br-loading-mask.full,
.loading[data-progress="31"] .br-loading-fill,
.loading[data-progress="31"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(55.8deg);
}
.br-loading[data-progress="32"] .br-loading-fill,
.br-loading[data-progress="32"] .br-loading-mask.full,
.loading[data-progress="32"] .br-loading-fill,
.loading[data-progress="32"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(57.6deg);
}
.br-loading[data-progress="33"] .br-loading-fill,
.br-loading[data-progress="33"] .br-loading-mask.full,
.loading[data-progress="33"] .br-loading-fill,
.loading[data-progress="33"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(59.4deg);
}
.br-loading[data-progress="34"] .br-loading-fill,
.br-loading[data-progress="34"] .br-loading-mask.full,
.loading[data-progress="34"] .br-loading-fill,
.loading[data-progress="34"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(61.2deg);
}
.br-loading[data-progress="35"] .br-loading-fill,
.br-loading[data-progress="35"] .br-loading-mask.full,
.loading[data-progress="35"] .br-loading-fill,
.loading[data-progress="35"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(63deg);
}
.br-loading[data-progress="36"] .br-loading-fill,
.br-loading[data-progress="36"] .br-loading-mask.full,
.loading[data-progress="36"] .br-loading-fill,
.loading[data-progress="36"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(64.8deg);
}
.br-loading[data-progress="37"] .br-loading-fill,
.br-loading[data-progress="37"] .br-loading-mask.full,
.loading[data-progress="37"] .br-loading-fill,
.loading[data-progress="37"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(66.6deg);
}
.br-loading[data-progress="38"] .br-loading-fill,
.br-loading[data-progress="38"] .br-loading-mask.full,
.loading[data-progress="38"] .br-loading-fill,
.loading[data-progress="38"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(68.4deg);
}
.br-loading[data-progress="39"] .br-loading-fill,
.br-loading[data-progress="39"] .br-loading-mask.full,
.loading[data-progress="39"] .br-loading-fill,
.loading[data-progress="39"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(70.2deg);
}
.br-loading[data-progress="40"] .br-loading-fill,
.br-loading[data-progress="40"] .br-loading-mask.full,
.loading[data-progress="40"] .br-loading-fill,
.loading[data-progress="40"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(72deg);
}
.br-loading[data-progress="41"] .br-loading-fill,
.br-loading[data-progress="41"] .br-loading-mask.full,
.loading[data-progress="41"] .br-loading-fill,
.loading[data-progress="41"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(73.8deg);
}
.br-loading[data-progress="42"] .br-loading-fill,
.br-loading[data-progress="42"] .br-loading-mask.full,
.loading[data-progress="42"] .br-loading-fill,
.loading[data-progress="42"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(75.6deg);
}
.br-loading[data-progress="43"] .br-loading-fill,
.br-loading[data-progress="43"] .br-loading-mask.full,
.loading[data-progress="43"] .br-loading-fill,
.loading[data-progress="43"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(77.4deg);
}
.br-loading[data-progress="44"] .br-loading-fill,
.br-loading[data-progress="44"] .br-loading-mask.full,
.loading[data-progress="44"] .br-loading-fill,
.loading[data-progress="44"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(79.2deg);
}
.br-loading[data-progress="45"] .br-loading-fill,
.br-loading[data-progress="45"] .br-loading-mask.full,
.loading[data-progress="45"] .br-loading-fill,
.loading[data-progress="45"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(81deg);
}
.br-loading[data-progress="46"] .br-loading-fill,
.br-loading[data-progress="46"] .br-loading-mask.full,
.loading[data-progress="46"] .br-loading-fill,
.loading[data-progress="46"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(82.8deg);
}
.br-loading[data-progress="47"] .br-loading-fill,
.br-loading[data-progress="47"] .br-loading-mask.full,
.loading[data-progress="47"] .br-loading-fill,
.loading[data-progress="47"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(84.6deg);
}
.br-loading[data-progress="48"] .br-loading-fill,
.br-loading[data-progress="48"] .br-loading-mask.full,
.loading[data-progress="48"] .br-loading-fill,
.loading[data-progress="48"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(86.4deg);
}
.br-loading[data-progress="49"] .br-loading-fill,
.br-loading[data-progress="49"] .br-loading-mask.full,
.loading[data-progress="49"] .br-loading-fill,
.loading[data-progress="49"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(88.2deg);
}
.br-loading[data-progress="50"] .br-loading-fill,
.br-loading[data-progress="50"] .br-loading-mask.full,
.loading[data-progress="50"] .br-loading-fill,
.loading[data-progress="50"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(90deg);
}
.br-loading[data-progress="51"] .br-loading-fill,
.br-loading[data-progress="51"] .br-loading-mask.full,
.loading[data-progress="51"] .br-loading-fill,
.loading[data-progress="51"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(91.8deg);
}
.br-loading[data-progress="52"] .br-loading-fill,
.br-loading[data-progress="52"] .br-loading-mask.full,
.loading[data-progress="52"] .br-loading-fill,
.loading[data-progress="52"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(93.6deg);
}
.br-loading[data-progress="53"] .br-loading-fill,
.br-loading[data-progress="53"] .br-loading-mask.full,
.loading[data-progress="53"] .br-loading-fill,
.loading[data-progress="53"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(95.4deg);
}
.br-loading[data-progress="54"] .br-loading-fill,
.br-loading[data-progress="54"] .br-loading-mask.full,
.loading[data-progress="54"] .br-loading-fill,
.loading[data-progress="54"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(97.2deg);
}
.br-loading[data-progress="55"] .br-loading-fill,
.br-loading[data-progress="55"] .br-loading-mask.full,
.loading[data-progress="55"] .br-loading-fill,
.loading[data-progress="55"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(99deg);
}
.br-loading[data-progress="56"] .br-loading-fill,
.br-loading[data-progress="56"] .br-loading-mask.full,
.loading[data-progress="56"] .br-loading-fill,
.loading[data-progress="56"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(100.8deg);
}
.br-loading[data-progress="57"] .br-loading-fill,
.br-loading[data-progress="57"] .br-loading-mask.full,
.loading[data-progress="57"] .br-loading-fill,
.loading[data-progress="57"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(102.6deg);
}
.br-loading[data-progress="58"] .br-loading-fill,
.br-loading[data-progress="58"] .br-loading-mask.full,
.loading[data-progress="58"] .br-loading-fill,
.loading[data-progress="58"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(104.4deg);
}
.br-loading[data-progress="59"] .br-loading-fill,
.br-loading[data-progress="59"] .br-loading-mask.full,
.loading[data-progress="59"] .br-loading-fill,
.loading[data-progress="59"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(106.2deg);
}
.br-loading[data-progress="60"] .br-loading-fill,
.br-loading[data-progress="60"] .br-loading-mask.full,
.loading[data-progress="60"] .br-loading-fill,
.loading[data-progress="60"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(108deg);
}
.br-loading[data-progress="61"] .br-loading-fill,
.br-loading[data-progress="61"] .br-loading-mask.full,
.loading[data-progress="61"] .br-loading-fill,
.loading[data-progress="61"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(109.8deg);
}
.br-loading[data-progress="62"] .br-loading-fill,
.br-loading[data-progress="62"] .br-loading-mask.full,
.loading[data-progress="62"] .br-loading-fill,
.loading[data-progress="62"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(.31turn);
}
.br-loading[data-progress="63"] .br-loading-fill,
.br-loading[data-progress="63"] .br-loading-mask.full,
.loading[data-progress="63"] .br-loading-fill,
.loading[data-progress="63"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(113.4deg);
}
.br-loading[data-progress="64"] .br-loading-fill,
.br-loading[data-progress="64"] .br-loading-mask.full,
.loading[data-progress="64"] .br-loading-fill,
.loading[data-progress="64"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(.32turn);
}
.br-loading[data-progress="65"] .br-loading-fill,
.br-loading[data-progress="65"] .br-loading-mask.full,
.loading[data-progress="65"] .br-loading-fill,
.loading[data-progress="65"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(117deg);
}
.br-loading[data-progress="66"] .br-loading-fill,
.br-loading[data-progress="66"] .br-loading-mask.full,
.loading[data-progress="66"] .br-loading-fill,
.loading[data-progress="66"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(.33turn);
}
.br-loading[data-progress="67"] .br-loading-fill,
.br-loading[data-progress="67"] .br-loading-mask.full,
.loading[data-progress="67"] .br-loading-fill,
.loading[data-progress="67"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(120.6deg);
}
.br-loading[data-progress="68"] .br-loading-fill,
.br-loading[data-progress="68"] .br-loading-mask.full,
.loading[data-progress="68"] .br-loading-fill,
.loading[data-progress="68"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(.34turn);
}
.br-loading[data-progress="69"] .br-loading-fill,
.br-loading[data-progress="69"] .br-loading-mask.full,
.loading[data-progress="69"] .br-loading-fill,
.loading[data-progress="69"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(124.2deg);
}
.br-loading[data-progress="70"] .br-loading-fill,
.br-loading[data-progress="70"] .br-loading-mask.full,
.loading[data-progress="70"] .br-loading-fill,
.loading[data-progress="70"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(126deg);
}
.br-loading[data-progress="71"] .br-loading-fill,
.br-loading[data-progress="71"] .br-loading-mask.full,
.loading[data-progress="71"] .br-loading-fill,
.loading[data-progress="71"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(127.8deg);
}
.br-loading[data-progress="72"] .br-loading-fill,
.br-loading[data-progress="72"] .br-loading-mask.full,
.loading[data-progress="72"] .br-loading-fill,
.loading[data-progress="72"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(.36turn);
}
.br-loading[data-progress="73"] .br-loading-fill,
.br-loading[data-progress="73"] .br-loading-mask.full,
.loading[data-progress="73"] .br-loading-fill,
.loading[data-progress="73"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(131.4deg);
}
.br-loading[data-progress="74"] .br-loading-fill,
.br-loading[data-progress="74"] .br-loading-mask.full,
.loading[data-progress="74"] .br-loading-fill,
.loading[data-progress="74"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(.37turn);
}
.br-loading[data-progress="75"] .br-loading-fill,
.br-loading[data-progress="75"] .br-loading-mask.full,
.loading[data-progress="75"] .br-loading-fill,
.loading[data-progress="75"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(135deg);
}
.br-loading[data-progress="76"] .br-loading-fill,
.br-loading[data-progress="76"] .br-loading-mask.full,
.loading[data-progress="76"] .br-loading-fill,
.loading[data-progress="76"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(.38turn);
}
.br-loading[data-progress="77"] .br-loading-fill,
.br-loading[data-progress="77"] .br-loading-mask.full,
.loading[data-progress="77"] .br-loading-fill,
.loading[data-progress="77"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(138.6deg);
}
.br-loading[data-progress="78"] .br-loading-fill,
.br-loading[data-progress="78"] .br-loading-mask.full,
.loading[data-progress="78"] .br-loading-fill,
.loading[data-progress="78"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(.39turn);
}
.br-loading[data-progress="79"] .br-loading-fill,
.br-loading[data-progress="79"] .br-loading-mask.full,
.loading[data-progress="79"] .br-loading-fill,
.loading[data-progress="79"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(142.2deg);
}
.br-loading[data-progress="80"] .br-loading-fill,
.br-loading[data-progress="80"] .br-loading-mask.full,
.loading[data-progress="80"] .br-loading-fill,
.loading[data-progress="80"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(144deg);
}
.br-loading[data-progress="81"] .br-loading-fill,
.br-loading[data-progress="81"] .br-loading-mask.full,
.loading[data-progress="81"] .br-loading-fill,
.loading[data-progress="81"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(145.8deg);
}
.br-loading[data-progress="82"] .br-loading-fill,
.br-loading[data-progress="82"] .br-loading-mask.full,
.loading[data-progress="82"] .br-loading-fill,
.loading[data-progress="82"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(.41turn);
}
.br-loading[data-progress="83"] .br-loading-fill,
.br-loading[data-progress="83"] .br-loading-mask.full,
.loading[data-progress="83"] .br-loading-fill,
.loading[data-progress="83"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(149.4deg);
}
.br-loading[data-progress="84"] .br-loading-fill,
.br-loading[data-progress="84"] .br-loading-mask.full,
.loading[data-progress="84"] .br-loading-fill,
.loading[data-progress="84"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(.42turn);
}
.br-loading[data-progress="85"] .br-loading-fill,
.br-loading[data-progress="85"] .br-loading-mask.full,
.loading[data-progress="85"] .br-loading-fill,
.loading[data-progress="85"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(153deg);
}
.br-loading[data-progress="86"] .br-loading-fill,
.br-loading[data-progress="86"] .br-loading-mask.full,
.loading[data-progress="86"] .br-loading-fill,
.loading[data-progress="86"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(154.8deg);
}
.br-loading[data-progress="87"] .br-loading-fill,
.br-loading[data-progress="87"] .br-loading-mask.full,
.loading[data-progress="87"] .br-loading-fill,
.loading[data-progress="87"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(156.6deg);
}
.br-loading[data-progress="88"] .br-loading-fill,
.br-loading[data-progress="88"] .br-loading-mask.full,
.loading[data-progress="88"] .br-loading-fill,
.loading[data-progress="88"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(.44turn);
}
.br-loading[data-progress="89"] .br-loading-fill,
.br-loading[data-progress="89"] .br-loading-mask.full,
.loading[data-progress="89"] .br-loading-fill,
.loading[data-progress="89"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(160.2deg);
}
.br-loading[data-progress="90"] .br-loading-fill,
.br-loading[data-progress="90"] .br-loading-mask.full,
.loading[data-progress="90"] .br-loading-fill,
.loading[data-progress="90"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(162deg);
}
.br-loading[data-progress="91"] .br-loading-fill,
.br-loading[data-progress="91"] .br-loading-mask.full,
.loading[data-progress="91"] .br-loading-fill,
.loading[data-progress="91"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(163.8deg);
}
.br-loading[data-progress="92"] .br-loading-fill,
.br-loading[data-progress="92"] .br-loading-mask.full,
.loading[data-progress="92"] .br-loading-fill,
.loading[data-progress="92"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(165.6deg);
}
.br-loading[data-progress="93"] .br-loading-fill,
.br-loading[data-progress="93"] .br-loading-mask.full,
.loading[data-progress="93"] .br-loading-fill,
.loading[data-progress="93"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(167.4deg);
}
.br-loading[data-progress="94"] .br-loading-fill,
.br-loading[data-progress="94"] .br-loading-mask.full,
.loading[data-progress="94"] .br-loading-fill,
.loading[data-progress="94"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(.47turn);
}
.br-loading[data-progress="95"] .br-loading-fill,
.br-loading[data-progress="95"] .br-loading-mask.full,
.loading[data-progress="95"] .br-loading-fill,
.loading[data-progress="95"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(171deg);
}
.br-loading[data-progress="96"] .br-loading-fill,
.br-loading[data-progress="96"] .br-loading-mask.full,
.loading[data-progress="96"] .br-loading-fill,
.loading[data-progress="96"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(172.8deg);
}
.br-loading[data-progress="97"] .br-loading-fill,
.br-loading[data-progress="97"] .br-loading-mask.full,
.loading[data-progress="97"] .br-loading-fill,
.loading[data-progress="97"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(174.6deg);
}
.br-loading[data-progress="98"] .br-loading-fill,
.br-loading[data-progress="98"] .br-loading-mask.full,
.loading[data-progress="98"] .br-loading-fill,
.loading[data-progress="98"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(.49turn);
}
.br-loading[data-progress="99"] .br-loading-fill,
.br-loading[data-progress="99"] .br-loading-mask.full,
.loading[data-progress="99"] .br-loading-fill,
.loading[data-progress="99"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(178.2deg);
}
.br-loading[data-progress="100"] .br-loading-fill,
.br-loading[data-progress="100"] .br-loading-mask.full,
.loading[data-progress="100"] .br-loading-fill,
.loading[data-progress="100"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(180deg);
}
@keyframes spinAround {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
@keyframes fill {
  0% {
    transform: rotate(0deg);
  }
}
.br-modal-body.loading {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-scale-base);
  justify-content: center;
  min-height: 160px;
  text-align: center;
  width: 100%;
}
.br-modal-body.loading:before {
  display: block;
}
.br-magic-button {
  --magic-size:var(--magic-medium);
  --magic-small:var(--spacing-scale-4xh);
  --magic-medium:var(--spacing-scale-5xh);
  --magic-large:var(--spacing-scale-6xh);
  --magic-support-size:var(--magic-support-medium);
  --magic-support-small:var(--spacing-scale-7x);
  --magic-support-medium:var(--spacing-scale-8x);
  --magic-support-large:var(--spacing-scale-9x);
  --magic-z-index:var(--z-index-layer-1);
  align-items: center;
  background-color: var(--gray-5);
  border-radius: 100em;
  box-shadow: var(--surface-shadow-md);
  display: inline-flex;
  height: var(--magic-support-size);
  padding: calc((var(--magic-support-size) - var(--magic-size))*.5);
}
.br-magic-button.small {
  --magic-size:var(--magic-small);
  --magic-support-size:var(--magic-support-small);
}
.br-magic-button.medium {
  --magic-size:var(--magic-medium);
  --magic-support-size:var(--magic-support-medium);
}
.br-magic-button.large {
  --magic-size:var(--magic-large);
  --magic-support-size:var(--magic-support-large);
}
.br-magic-button .fa,
.br-magic-button .fab,
.br-magic-button .fad,
.br-magic-button .fal,
.br-magic-button .far,
.br-magic-button .fas,
.br-magic-button .svg-inline--fa {
  --icon-size:var(--icon-size-lg);
}
.br-magic-button .br-button {
  --focus-offset:calc((var(--magic-support-size) - var(--magic-size))*0.5 + 4px);
  --button-size:var(--magic-size);
  background-color: var(--interactive-alternative);
  color: var(--color-dark);
  font-size: var(--font-size-scale-up-02);
  font-weight: var(--font-weight-semi-bold);
}
.br-magic-button .br-button:not(:disabled):not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-dark-rgb), var(--hover)), rgba(var(--color-dark-rgb), var(--hover)));
}
.br-magic-button .br-button:not(:disabled):not(:disabled):active {
  background-image: linear-gradient(rgba(var(--color-dark-rgb), var(--pressed)), rgba(var(--color-dark-rgb), var(--pressed)));
}
.br-message {
  --message-background:var(--background);
  --message-color-icon:var(--color);
  --feedback-background:var(--background);
  --message-text:var(--color);
  background: var(--message-background);
  display: flex;
  margin-bottom: var(--spacing-scale-2x);
}
.br-message .content {
  color: var(--message-text);
  flex: 1;
  font-size: var(--font-size-scale-up-01);
  padding: var(--spacing-scale-3x) var(--spacing-scale-base) var(--spacing-scale-3x) var(--spacing-scale-2x);
}
.br-message .content .message-title {
  font-weight: var(--font-weight-semi-bold);
}
.br-message .content .message-body {
  font-weight: var(--font-weigth-regular);
}
.br-message .content a {
  font-weight: var(--font-weight-bold);
  text-decoration: underline;
}
.br-message .content :last-child {
  margin-bottom: 0;
}
.br-message .icon {
  align-items: center;
  color: var(--message-color-icon);
  display: flex;
  justify-content: center;
  margin: var(--spacing-vertical-center) var(--spacing-scale-2x);
  padding-left: var(--spacing-scale-2x);
  padding-right: var(--spacing-scale-2x);
}
.br-message .icon + .content {
  padding-left: 0;
}
.br-message .close {
  margin-right: var(--spacing-scale-base);
  margin-top: var(--spacing-scale-base);
}
.br-message.is-success,
.br-message.success,
.br-message[success] {
  --message-background:var(--success-alternative);
  --feedback-background:var(--success);
  --message-color-icon:var(--success);
}
.br-message.is-success .close .br-button,
.br-message.success .close .br-button,
.br-message[success] .close .br-button {
  --interactive:var(--message-color-icon);
  --interactive-rgb:var(--success-rgb);
}
.br-message.danger,
.br-message.is-danger,
.br-message[danger] {
  --message-background:var(--danger-alternative);
  --feedback-background:var(--danger);
  --message-color-icon:var(--danger);
}
.br-message.danger .close .br-button,
.br-message.is-danger .close .br-button,
.br-message[danger] .close .br-button {
  --interactive:var(--message-color-icon);
  --interactive-rgb:var(--danger-rgb);
}
.br-message.info,
.br-message.is-info,
.br-message[info] {
  --message-background:var(--info-alternative);
  --feedback-background:var(--info);
  --message-color-icon:var(--info);
}
.br-message.info .close .br-button,
.br-message.is-info .close .br-button,
.br-message[info] .close .br-button {
  --interactive:var(--message-color-icon);
  --interactive-rgb:var(--info-rgb);
}
.br-message.is-warning,
.br-message.warning,
.br-message[warning] {
  --message-background:var(--warning-alternative);
  --feedback-background:var(--warning);
}
.br-message.is-warning .close .br-button,
.br-message.warning .close .br-button,
.br-message[warning] .close .br-button {
  --interactive:var(--color);
  --interactive-rgb:var(--color-rgb);
}
.feedback {
  --message-background:var(--background);
  --message-color-icon:var(--color);
  --feedback-background:var(--background);
  --message-text:var(--color);
  align-items: center;
  background: var(--feedback-background);
  color: var(--message-text);
  display: inline-flex;
  font-style: italic;
  font-weight: var(--font-weight-medium);
  margin-bottom: 0;
  padding: var(--spacing-scale-half);
}
.feedback .fa,
.feedback .fab,
.feedback .fad,
.feedback .fal,
.feedback .far,
.feedback .fas,
.feedback .svg-inline--fa {
  margin-right: var(--spacing-scale-half);
}
.feedback:not(.is-warning):not(.warning):not([warning]) {
  --message-text:var(--pure-0);
}
.feedback.is-warning,
.feedback.warning,
.feedback[warning] {
  --color:var(--color-light);
  --color-rgb:var(--color-light-rgb);
  --text-color:var(--color-light);
  --interactive:var(--interactive-light);
  --interactive-rgb:var(--interactive-light-rgb);
  --visited:var(--visited-light);
  --hover:var(--hover-light);
  --pressed:var(--pressed-light);
  --focus-color:var(--focus-color-light);
  --focus:var(--focus-color-light);
}
.feedback.is-success,
.feedback.success,
.feedback[success] {
  --message-background:var(--success-alternative);
  --feedback-background:var(--success);
  --message-color-icon:var(--success);
}
.feedback.is-success .close .br-button,
.feedback.success .close .br-button,
.feedback[success] .close .br-button {
  --interactive:var(--message-color-icon);
  --interactive-rgb:var(--success-rgb);
}
.feedback.danger,
.feedback.is-danger,
.feedback[danger] {
  --message-background:var(--danger-alternative);
  --feedback-background:var(--danger);
  --message-color-icon:var(--danger);
}
.feedback.danger .close .br-button,
.feedback.is-danger .close .br-button,
.feedback[danger] .close .br-button {
  --interactive:var(--message-color-icon);
  --interactive-rgb:var(--danger-rgb);
}
.feedback.info,
.feedback.is-info,
.feedback[info] {
  --message-background:var(--info-alternative);
  --feedback-background:var(--info);
  --message-color-icon:var(--info);
}
.feedback.info .close .br-button,
.feedback.is-info .close .br-button,
.feedback[info] .close .br-button {
  --interactive:var(--message-color-icon);
  --interactive-rgb:var(--info-rgb);
}
.feedback.is-warning,
.feedback.warning,
.feedback[warning] {
  --message-background:var(--warning-alternative);
  --feedback-background:var(--warning);
}
.feedback.is-warning .close .br-button,
.feedback.warning .close .br-button,
.feedback[warning] .close .br-button {
  --interactive:var(--color);
  --interactive-rgb:var(--color-rgb);
}
.br-modal {
  --modal-size:var(--modal-medium);
  --modal-xsmall:220px;
  --modal-small:300px;
  --modal-medium:500px;
  --modal-large:640px;
  --modal-auto:auto;
  background: var(--background);
  box-shadow: var(--surface-shadow-sm);
  display: flex;
  flex-direction: column;
  max-width: var(--modal-size);
  z-index: var(--z-index-layer-4);
}
.br-modal-header {
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-bold);
  padding: var(--spacing-scale-2x) var(--spacing-scale-2x) 0;
  position: relative;
}
.br-modal-header .close {
  position: absolute;
  right: var(--spacing-scale-base);
  top: var(--spacing-scale-base);
}
.br-modal .modal-title {
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-bold);
  margin-right: 40px;
  max-height: calc(var(--font-size-scale-up-01)*3);
  overflow: hidden;
  text-overflow: ellipsis;
}
.br-modal-body {
  flex: 1;
  margin: var(--spacing-scale-3x) 0 var(--spacing-scale-2x);
  overflow: auto;
  padding: 0 var(--spacing-scale-2x);
  width: auto;
}
.br-modal-body::-webkit-scrollbar {
  height: var(--spacing-scale-base);
  width: var(--spacing-scale-base);
}
.br-modal-body::-webkit-scrollbar-track {
  background: var(--gray-10);
}
.br-modal-body::-webkit-scrollbar-thumb {
  background: var(--gray-30);
}
.br-modal-body:hover::-webkit-scrollbar-thumb {
  background: var(--gray-40);
}
.br-modal-body > :last-child {
  margin-bottom: 0;
}
.br-modal-footer {
  display: flex;
  flex-wrap: wrap;
  padding: var(--spacing-scale-2x);
}
.br-modal.is-xsmall,
.br-modal.xsmall {
  --modal-size:var(--modal-xsmall);
}
.br-modal.is-small,
.br-modal.small {
  --modal-size:var(--modal-small);
}
.br-modal.is-medium,
.br-modal.medium {
  --modal-size:var(--modal-medium);
}
.br-modal.is-large,
.br-modal.large {
  --modal-size:var(--modal-large);
}
.br-modal.auto,
.br-modal.is-auto {
  --modal-size:var(--modal-auto);
}
.br-modal .loading.medium {
  min-height: calc(var(--loading-indetermined-diameter-md) + var(--spacing-scale-2x)*2);
}
.br-modal .terms {
  border: 0;
  box-shadow: var(--surface-shadow-sm-inset), var(--surface-shadow-sm-inset-up);
  font-size: var(--font-size-scale-base);
  height: 216px;
  margin-bottom: var(--spacing-scale-2x);
  margin-left: calc(var(--spacing-scale-2x)*-1);
  margin-right: calc(var(--spacing-scale-2x)*-1);
  overflow: auto;
  padding: var(--spacing-scale-2x);
  resize: none;
  width: auto;
}
.br-modal .terms::-webkit-scrollbar {
  height: var(--spacing-scale-base);
  width: var(--spacing-scale-base);
}
.br-modal .terms::-webkit-scrollbar-track {
  background: var(--gray-10);
}
.br-modal .terms::-webkit-scrollbar-thumb {
  background: var(--gray-30);
}
.br-modal .terms:hover::-webkit-scrollbar-thumb {
  background: var(--gray-40);
}
.br-modal .terms:active {
  outline: none;
}
.br-modal .terms:hover::-webkit-scrollbar-thumb {
  background: var(--color-secondary-07);
}
@media (max-width:991px) {
  .br-modal .terms {
    margin-left: unset !important;
    margin-right: unset !important;
  }
  .br-modal-header .close {
    top: 0;
  }
}
.br-notification {
  --notification-padding:var(--spacing-scale-2x) var(--spacing-scale-4x);
  --notification-width:50vw;
  --notification-height:calc(100vh - 86px);
  background: var(--background);
  box-shadow: var(--surface-shadow-md);
  max-height: var(--notification-height);
  max-width: var(--notification-width);
  overflow: auto;
  z-index: 1;
}
@media (max-width:576px) {
  .br-notification {
    --item-padding-x:var(--spacing-scale-2x);
    --item-padding-y:var(--spacing-scale-base);
    --item-padding:var(--item-padding-y) var(--item-padding-x);
    --notification-padding:var(--item-padding);
    --notification-width:100vw;
    min-height: var(--notification-height);
    overflow: hidden;
  }
  .br-notification .br-tab {
    --tab-size:var(--tab-small);
  }
  .br-notification .br-tab .tab-content {
    --notification-height:calc(100vh - 86px);
    height: var(--notification-height);
    overflow-x: auto;
  }
  .br-notification .status {
    left: var(--spacing-scale-half) !important;
    top: var(--spacing-scale-2x) !important;
  }
  .br-notification.close {
    display: none;
  }
}
@media (max-width:992px) {
  .br-notification.close {
    display: none;
  }
}
@media (min-width:992px) {
  .br-notification div.close {
    display: none;
  }
}
.br-notification .notification-header {
  border-bottom: 1px solid var(--border-color);
  padding: var(--notification-padding);
}
.br-notification .notification-header :last-child {
  margin-bottom: 0;
}
.br-notification .notification-body .br-tab .tab-item {
  padding: 0;
}
.br-notification .notification-body .br-tab .tab-content {
  overflow-y: auto;
}
.br-notification .notification-body .br-tab .tab-content .br-item {
  --interactive-rgb:var(--rgb-secondary-08);
  --item-color:var(--text-color);
  padding: var(--notification-padding);
  position: relative;
  white-space: normal;
}
.br-notification .notification-body .br-tab .tab-content .br-item .status {
  left: var(--spacing-scale-base);
  position: absolute;
  top: var(--spacing-scale-3x);
}
.br-notification .notification-body .br-tab .tab-content .br-item span {
  display: block;
}
.br-pagination {
  --pagination-margin:var(--spacing-scale-base);
  --pagination-select-width:88px;
  --pagination-size:var(--pagination-medium);
  --pagination-small:24px;
  --pagination-medium:32px;
  --pagination-large:40px;
  color: var(--color);
  display: flex;
  flex-wrap: wrap;
  font-weight: var(--font-weight);
  justify-content: center;
}
.br-pagination ul {
  align-items: center;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.br-pagination li {
  padding: 0;
}
.br-pagination.dark-mode .br-select .br-item label,
.br-pagination.dark-mode .page {
  color: var(--color-dark);
}
.br-pagination .page:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-pagination .page {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 100em;
  color: var(--interactive);
  display: inline-flex;
  justify-content: center;
  margin: 0 calc(var(--pagination-margin)*.5);
  min-height: var(--pagination-size);
  min-width: var(--pagination-size);
  padding: 0 var(--spacing-scale-base);
  white-space: nowrap;
}
.br-pagination .page.active {
  background: var(--active);
  color: var(--color-dark);
  font-weight: var(--font-weight-semi-bold);
}
.br-pagination .pagination-ellipsis {
  margin: 0 calc(var(--pagination-margin)*.5);
  position: relative;
}
.br-pagination .pagination-ellipsis .br-button {
  --button-size:var(--pagination-size);
}
.br-pagination .pagination-ellipsis .br-list::-webkit-scrollbar {
  height: var(--spacing-scale-base);
  width: var(--spacing-scale-base);
}
.br-pagination .pagination-ellipsis .br-list::-webkit-scrollbar-track {
  background: var(--gray-10);
}
.br-pagination .pagination-ellipsis .br-list::-webkit-scrollbar-thumb {
  background: var(--gray-30);
}
.br-pagination .pagination-ellipsis .br-list:hover::-webkit-scrollbar-thumb {
  background: var(--gray-40);
}
.br-pagination .pagination-ellipsis .br-list {
  max-height: 220px;
  min-width: 4em;
  overflow-y: auto;
  z-index: var(--z-index-layer-1);
}
.br-pagination.small {
  --pagination-size:var(--pagination-small);
}
.br-pagination.medium {
  --pagination-size:var(--pagination-medium);
}
.br-pagination.large {
  --pagination-size:var(--pagination-large);
}
.br-pagination .pagination-go-to-page,
.br-pagination .pagination-go-to-page .br-input,
.br-pagination .pagination-information,
.br-pagination .pagination-per-page,
.br-pagination .pagination-per-page .br-input {
  align-items: center;
  display: flex;
}
.br-pagination .pagination-go-to-page .br-input label,
.br-pagination .pagination-per-page .br-input label {
  font-weight: var(--font-weight-regular);
  margin-bottom: 0;
  margin-right: var(--spacing-scale-base);
  padding-bottom: 0;
}
.br-pagination .pagination-go-to-page .br-input input,
.br-pagination .pagination-per-page .br-input input {
  --input-size:var(--pagination-medium);
  padding-left: var(--spacing-scale-base);
  padding-right: calc(var(--spacing-scale-baseh) + 32px);
  text-align: right;
  width: var(--pagination-select-width);
}
.br-pagination .pagination-go-to-page .br-input input:not(:focus),
.br-pagination .pagination-per-page .br-input input:not(:focus) {
  border-color: transparent;
}
.br-pagination .pagination-go-to-page .br-list,
.br-pagination .pagination-per-page .br-list {
  min-width: 5em;
  right: 0;
  width: auto;
}
.br-pagination .pagination-arrows {
  align-items: center;
  display: flex;
}
.br-pagination .br-select .br-input .br-button {
  bottom: auto;
  margin-top: 0;
  position: absolute;
  right: var(--spacing-scale-half);
  top: auto;
  transform: none;
}
.br-pagination .br-divider {
  border-right-width: var(--divider-size);
  border-top: 0;
}
.br-pagination.dark-mode,
.br-pagination.inverted {
  --color:var(--color-dark);
  --color-rgb:var(--color-dark-rgb);
  --text-color:var(--color-dark);
  --interactive:var(--interactive-dark);
  --interactive-rgb:var(--interactive-dark-rgb);
  --visited:var(--visited-dark);
  --hover:var(--hover-dark);
  --pressed:var(--pressed-dark);
  --focus-color:var(--focus-color-dark);
  --focus:var(--focus-color-dark);
}
.br-pagination.dark-mode.dark-mode .br-input,
.br-pagination.dark-mode.dark-mode .br-input label,
.br-pagination.dark-mode.inverted .br-input,
.br-pagination.dark-mode.inverted .br-input label,
.br-pagination.inverted.dark-mode .br-input,
.br-pagination.inverted.dark-mode .br-input label,
.br-pagination.inverted.inverted .br-input,
.br-pagination.inverted.inverted .br-input label {
  --color:var(--color-dark);
  --focus-color:var(--focus-color-dark);
}
.br-pagination.dark-mode .page.active,
.br-pagination.inverted .page.active {
  --interactive-rgb:var(--active-rgb);
  background-color: var(--background-light);
  color: var(--active);
}
.br-pagination .input-group .input-icon {
  display: none;
}
.br-scrim.foco {
  background: var(--surface-overlay-scrim);
  bottom: 0;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 999;
}
.br-scrim.foco .br-modal {
  left: 50%;
  max-height: 90%;
  overflow: auto;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
}
.br-scrim.foco.active {
  display: block;
}
.br-scrim.inibicao {
  position: relative;
}
.br-scrim.inibicao:before {
  background: var(--surface-overlay-scrim);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.br-scrim.legibilidade {
  position: relative;
}
.br-scrim.legibilidade .scrim-text {
  background: var(--surface-overlay-text);
  bottom: 0;
  left: 0;
  padding: var(--spacing-scale-3x) var(--spacing-scale-baseh);
  position: absolute;
  width: 100%;
}
.br-scrim-util.foco {
  background: var(--surface-overlay-scrim);
  bottom: 0;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 999;
}
.br-scrim-util.foco .br-modal {
  left: 50%;
  max-height: 90%;
  overflow: auto;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
}
.br-scrim-util.foco.active {
  display: block;
}
.br-scrim-util.inibicao {
  position: relative;
}
.br-scrim-util.inibicao:before {
  background: var(--surface-overlay-scrim);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.br-scrim-util.legibilidade {
  position: relative;
}
.br-scrim-util.legibilidade .scrim-text {
  background: var(--surface-overlay-text);
  bottom: 0;
  left: 0;
  padding: var(--spacing-scale-3x) var(--spacing-scale-baseh);
  position: absolute;
  width: 100%;
}
.br-select {
  --select-divider:1px solid var(--color-secondary-04);
  --select-shadow:var(--surface-shadow-md);
}
.br-select .br-input input {
  padding-right: 29px;
  text-overflow: ellipsis;
}
.br-select .br-input input:after {
  bottom: 0;
  padding: 0 5px;
  position: absolute;
  right: 0;
}
.br-select {
  max-width: 400px;
  min-width: 100px;
  position: relative;
}
.br-select .br-list {
  background: var(--bg-color);
  box-shadow: var(--select-shadow);
  display: none;
  margin-top: -2px;
  max-height: 404px;
  overflow: auto;
  position: absolute;
  resize: none;
  width: 100%;
  z-index: 1;
}
.br-select .br-list::-webkit-scrollbar {
  height: var(--spacing-scale-base);
  width: var(--spacing-scale-base);
}
.br-select .br-list::-webkit-scrollbar-track {
  background: var(--gray-10);
}
.br-select .br-list::-webkit-scrollbar-thumb {
  background: var(--gray-30);
}
.br-select .br-list:hover::-webkit-scrollbar-thumb {
  background: var(--gray-40);
}
.br-select .br-list:active,
.br-select .br-list:focus {
  color: var(--color-secondary-09);
  outline: none;
}
.br-select .br-list:hover::-webkit-scrollbar-thumb {
  background: var(--color-secondary-07);
}
.br-select .br-list[expanded] {
  display: block;
}
.br-select .br-item {
  --color:var(--color-light);
  --color-rgb:var(--color-light-rgb);
  --text-color:var(--color-light);
  --interactive:var(--interactive-light);
  --interactive-rgb:var(--interactive-light-rgb);
  --visited:var(--visited-light);
  --hover:var(--hover-light);
  --pressed:var(--pressed-light);
  --focus-color:var(--focus-color-light);
  --focus:var(--focus-color-light);
  --item-padding-y:var(--spacing-scale-2x);
}
.br-select .br-item .content {
  padding: 0;
}
.br-select .br-item .br-checkbox,
.br-select .br-item .br-radio {
  --item-padding-x:var(--spacing-scale-2x);
  --item-padding-y:var(--spacing-scale-2x);
}
.br-select .br-item .br-checkbox input:hover:not(:disabled) + label:before,
.br-select .br-item .br-radio input:hover:not(:disabled) + label:before {
  background-image: none;
}
.br-select .br-item .br-checkbox input + label,
.br-select .br-item .br-radio input + label {
  padding-left: calc(var(--checkbox-padding) + var(--checkbox-size) + var(--item-padding-x));
}
.br-select .br-item .br-radio input + label {
  color: var(--text-color);
  display: block;
  height: auto;
  min-height: 0;
  padding: var(--item-padding);
}
.br-select .br-item .br-radio input + label:after,
.br-select .br-item .br-radio input + label:before {
  content: none;
}
.br-select .br-item:not(:last-child) {
  border-bottom: var(--select-divider);
}
.br-select .br-item:not([disabled]) {
  --focus-offset:calc(var(--spacing-scale-half)*-1);
}
.br-select .br-item:not([disabled]):focus {
  outline: none;
}
.br-select .br-item:not([disabled]).focus-visible,
.br-select .br-item:not([disabled]):focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}
.br-select .br-item:not([disabled]):not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.br-select .br-item.selected,
.br-select .br-item[selected] {
  --color:var(--color-dark);
  --color-rgb:var(--color-dark-rgb);
  --text-color:var(--color-dark);
  --interactive:var(--interactive-dark);
  --interactive-rgb:var(--interactive-dark-rgb);
  --visited:var(--visited-dark);
  --hover:var(--hover-dark);
  --pressed:var(--pressed-dark);
  --focus-color:var(--focus-color-dark);
  --focus:var(--focus-color-dark);
}
.br-select .br-item.selected:focus,
.br-select .br-item[selected]:focus {
  outline: none;
}
.br-select .br-item.selected.focus-visible,
.br-select .br-item.selected:focus-visible,
.br-select .br-item[selected].focus-visible,
.br-select .br-item[selected]:focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}
.br-select .br-item.selected:not(:disabled):hover,
.br-select .br-item[selected]:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.br-select .br-item.disabled {
  line-height: calc(var(--font-line-height-high)*2);
  padding-left: calc(var(--item-padding) + var(--spacing-scale-base));
}
.br-select .br-item.highlighted,
.br-select .br-item[highlighted] {
  background-color: var(--gray-2);
  padding-bottom: var(--spacing-scale-base);
  padding-top: var(--spacing-scale-base);
}
.br-select .br-item.highlighted .br-checkbox label,
.br-select .br-item.highlighted .br-radio label,
.br-select .br-item[highlighted] .br-checkbox label,
.br-select .br-item[highlighted] .br-radio label {
  font-weight: var(--font-weight-semi-bold);
}
.br-select .br-item.highlighted .br-checkbox:hover,
.br-select .br-item.highlighted .br-radio:hover,
.br-select .br-item[highlighted] .br-checkbox:hover,
.br-select .br-item[highlighted] .br-radio:hover {
  background: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-select .br-item.highlighted .br-checkbox:hover label,
.br-select .br-item.highlighted .br-radio:hover label,
.br-select .br-item[highlighted] .br-checkbox:hover label,
.br-select .br-item[highlighted] .br-radio:hover label {
  color: var(--text-color);
}
.br-select .br-item.highlighted.selected,
.br-select .br-item.highlighted[selected],
.br-select .br-item[highlighted].selected,
.br-select .br-item[highlighted][selected] {
  background-color: var(--selected);
}
.br-select.dark-mode .br-input,
.br-select.dark-mode .br-input label,
.br-select.inverted .br-input,
.br-select.inverted .br-input label {
  --color:var(--color-dark);
  --focus-color:var(--focus-color-dark);
}
.br-button.sign-in,
.br-sign-in {
  --button-radius:100em;
  --button-xsmall:24px;
  --button-small:32px;
  --button-medium:40px;
  --button-large:48px;
  --button-size:var(--button-medium);
  align-items: center;
  background-color: transparent;
  border: 0;
  border-radius: var(--button-radius);
  color: var(--interactive);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-semi-bold);
  height: var(--button-size);
  justify-content: center;
  overflow: hidden;
  padding: 0 var(--spacing-scale-3x);
  position: relative;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
}
.br-button.sign-in.block,
.br-sign-in.block {
  width: 100%;
}
@media (min-width:576px) {
  .br-button.sign-in.block-sm,
  .br-sign-in.block-sm {
    width: 100%;
  }
  .br-button.sign-in.auto-sm,
  .br-sign-in.auto-sm {
    width: auto;
  }
}
@media (min-width:992px) {
  .br-button.sign-in.block-md,
  .br-sign-in.block-md {
    width: 100%;
  }
  .br-button.sign-in.auto-md,
  .br-sign-in.auto-md {
    width: auto;
  }
}
@media (min-width:1280px) {
  .br-button.sign-in.block-lg,
  .br-sign-in.block-lg {
    width: 100%;
  }
  .br-button.sign-in.auto-lg,
  .br-sign-in.auto-lg {
    width: auto;
  }
}
@media (min-width:1600px) {
  .br-button.sign-in.block-xl,
  .br-sign-in.block-xl {
    width: 100%;
  }
  .br-button.sign-in.auto-xl,
  .br-sign-in.auto-xl {
    width: auto;
  }
}
.br-button.sign-in.circle,
.br-button.sign-in.is-circle,
.br-button.sign-in[circle],
.br-sign-in.circle,
.br-sign-in.is-circle,
.br-sign-in[circle] {
  border-radius: 50%;
  padding: 0;
  width: var(--button-size);
}
.br-button.sign-in.is-xsmall,
.br-button.sign-in.xsmall,
.br-button.sign-in[xsmall],
.br-sign-in.is-xsmall,
.br-sign-in.xsmall,
.br-sign-in[xsmall] {
  --button-size:var(--button-xsmall);
}
.br-button.sign-in.is-small,
.br-button.sign-in.small,
.br-button.sign-in[small],
.br-sign-in.is-small,
.br-sign-in.small,
.br-sign-in[small] {
  --button-size:var(--button-small);
}
.br-button.sign-in.is-medium,
.br-button.sign-in.medium,
.br-button.sign-in[medium],
.br-sign-in.is-medium,
.br-sign-in.medium,
.br-sign-in[medium] {
  --button-size:var(--button-medium);
}
.br-button.sign-in.is-large,
.br-button.sign-in.large,
.br-button.sign-in[large],
.br-sign-in.is-large,
.br-sign-in.large,
.br-sign-in[large] {
  --button-size:var(--button-large);
}
.br-button.sign-in.is-primary,
.br-button.sign-in.primary,
.br-button.sign-in[primary],
.br-sign-in.is-primary,
.br-sign-in.primary,
.br-sign-in[primary] {
  --interactive-rgb:var(--color-dark-rgb);
  background-color: var(--interactive-light);
  color: var(--color-dark);
}
.br-button.sign-in.is-secondary,
.br-button.sign-in.secondary,
.br-button.sign-in[secondary],
.br-sign-in.is-secondary,
.br-sign-in.secondary,
.br-sign-in[secondary] {
  background-color: var(--background-light);
  border: 1px solid var(--interactive);
}
.br-button.sign-in.danger,
.br-button.sign-in.is-danger,
.br-button.sign-in[danger],
.br-sign-in.danger,
.br-sign-in.is-danger,
.br-sign-in[danger] {
  --interactive-rgb:var(--color-dark-rgb);
  background-color: var(--danger);
  color: var(--color-dark);
}
.br-button.sign-in.is-success,
.br-button.sign-in.success,
.br-button.sign-in[success],
.br-sign-in.is-success,
.br-sign-in.success,
.br-sign-in[success] {
  --interactive-rgb:var(--color-dark-rgb);
  background-color: var(--success);
  color: var(--color-dark);
}
.br-button.sign-in.is-warning,
.br-button.sign-in.warning,
.br-button.sign-in[warning],
.br-sign-in.is-warning,
.br-sign-in.warning,
.br-sign-in[warning] {
  --interactive-rgb:var(--color-light-rgb);
  background-color: var(--warning);
  color: var(--color-light);
}
.br-button.sign-in.info,
.br-button.sign-in.is-info,
.br-button.sign-in[info],
.br-sign-in.info,
.br-sign-in.is-info,
.br-sign-in[info] {
  --interactive-rgb:var(--color-dark-rgb);
  background-color: var(--info);
  color: var(--color-dark);
}
.br-button.sign-in:disabled,
.br-sign-in:disabled {
  cursor: not-allowed;
}
.br-button.sign-in:not(:disabled),
.br-sign-in:not(:disabled) {
  --focus-offset:var(--spacing-scale-half);
}
.br-button.sign-in:not(:disabled):focus,
.br-sign-in:not(:disabled):focus {
  outline: none;
}
.br-button.sign-in:not(:disabled).focus-visible,
.br-button.sign-in:not(:disabled):focus-visible,
.br-sign-in:not(:disabled).focus-visible,
.br-sign-in:not(:disabled):focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}
.br-button.sign-in:not(:disabled):not(:disabled):hover,
.br-sign-in:not(:disabled):not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-button.sign-in:not(:disabled):not(:disabled):active,
.br-sign-in:not(:disabled):not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
}
.br-button.sign-in.active,
.br-button.sign-in.is-active,
.br-button.sign-in[active],
.br-sign-in.active,
.br-sign-in.is-active,
.br-sign-in[active] {
  --hover:var(--hover-dark);
  background-color: var(--active);
  color: var(--color-dark);
}
.br-button.sign-in.loading,
.br-sign-in.loading {
  color: transparent !important;
  cursor: progress;
}
.br-button.sign-in.loading:not(:disabled):hover,
.br-sign-in.loading:not(:disabled):hover {
  background-image: none;
}
.br-button.sign-in.loading:before,
.br-sign-in.loading:before {
  border-color: var(--interactive) var(--interactive) transparent;
  border-style: solid;
}
.br-button.sign-in.loading.danger:before,
.br-button.sign-in.loading.info:before,
.br-button.sign-in.loading.primary:before,
.br-button.sign-in.loading.success:before,
.br-sign-in.loading.danger:before,
.br-sign-in.loading.info:before,
.br-sign-in.loading.primary:before,
.br-sign-in.loading.success:before {
  border-color: var(--background) var(--background) transparent;
}
.br-button.sign-in.dark-mode,
.br-button.sign-in.inverted,
.br-button.sign-in.is-inverted,
.br-button.sign-in[inverted],
.br-sign-in.dark-mode,
.br-sign-in.inverted,
.br-sign-in.is-inverted,
.br-sign-in[inverted] {
  --color:var(--color-dark);
  --color-rgb:var(--color-dark-rgb);
  --text-color:var(--color-dark);
  --interactive:var(--interactive-dark);
  --interactive-rgb:var(--interactive-dark-rgb);
  --visited:var(--visited-dark);
  --hover:var(--hover-dark);
  --pressed:var(--pressed-dark);
  --focus-color:var(--focus-color-dark);
  --focus:var(--focus-color-dark);
  color: var(--interactive-dark);
}
.br-button.sign-in.dark-mode.is-primary,
.br-button.sign-in.dark-mode.primary,
.br-button.sign-in.dark-mode[primary],
.br-button.sign-in.inverted.is-primary,
.br-button.sign-in.inverted.primary,
.br-button.sign-in.inverted[primary],
.br-button.sign-in.is-inverted.is-primary,
.br-button.sign-in.is-inverted.primary,
.br-button.sign-in.is-inverted[primary],
.br-button.sign-in[inverted].is-primary,
.br-button.sign-in[inverted].primary,
.br-button.sign-in[inverted][primary],
.br-sign-in.dark-mode.is-primary,
.br-sign-in.dark-mode.primary,
.br-sign-in.dark-mode[primary],
.br-sign-in.inverted.is-primary,
.br-sign-in.inverted.primary,
.br-sign-in.inverted[primary],
.br-sign-in.is-inverted.is-primary,
.br-sign-in.is-inverted.primary,
.br-sign-in.is-inverted[primary],
.br-sign-in[inverted].is-primary,
.br-sign-in[inverted].primary,
.br-sign-in[inverted][primary] {
  --interactive-rgb:var(--background-dark-rgb);
  background-color: var(--interactive-dark);
  color: var(--background-dark);
}
.br-button.sign-in.dark-mode.is-secondary,
.br-button.sign-in.dark-mode.secondary,
.br-button.sign-in.dark-mode[secondary],
.br-button.sign-in.inverted.is-secondary,
.br-button.sign-in.inverted.secondary,
.br-button.sign-in.inverted[secondary],
.br-button.sign-in.is-inverted.is-secondary,
.br-button.sign-in.is-inverted.secondary,
.br-button.sign-in.is-inverted[secondary],
.br-button.sign-in[inverted].is-secondary,
.br-button.sign-in[inverted].secondary,
.br-button.sign-in[inverted][secondary],
.br-sign-in.dark-mode.is-secondary,
.br-sign-in.dark-mode.secondary,
.br-sign-in.dark-mode[secondary],
.br-sign-in.inverted.is-secondary,
.br-sign-in.inverted.secondary,
.br-sign-in.inverted[secondary],
.br-sign-in.is-inverted.is-secondary,
.br-sign-in.is-inverted.secondary,
.br-sign-in.is-inverted[secondary],
.br-sign-in[inverted].is-secondary,
.br-sign-in[inverted].secondary,
.br-sign-in[inverted][secondary] {
  background-color: var(--background-dark);
}
.br-button.sign-in.dark-mode.active,
.br-button.sign-in.inverted.active,
.br-button.sign-in.is-inverted.active,
.br-button.sign-in[inverted].active,
.br-sign-in.dark-mode.active,
.br-sign-in.inverted.active,
.br-sign-in.is-inverted.active,
.br-sign-in[inverted].active {
  --hover:var(--hover-light);
  --interactive-rgb:var(--active-rgb);
  background-color: var(--background-light);
  color: var(--active);
}
.br-button.sign-in,
.br-sign-in {
  --background:var(--gray-2);
  --sign-in-img:20px;
  background-color: var(--background);
  padding: 0 var(--spacing-scale-2x);
}
.br-button.sign-in img,
.br-sign-in img {
  max-height: var(--sign-in-img);
}
.br-button.sign-in.dark-mode,
.br-button.sign-in.inverted,
.br-button.sign-in.is-inverted,
.br-button.sign-in[inverted],
.br-sign-in.dark-mode,
.br-sign-in.inverted,
.br-sign-in.is-inverted,
.br-sign-in[inverted] {
  --background:var(--background-dark);
}
.br-skiplink {
  --skiplink-layer:var(--z-index-layer-4);
  --skiplink-margin:var(--spacing-scale-2x);
  --skiplink-min-width:300px;
  --skiplink-shadow:var(--surface-shadow-lg);
  --skiplink-duration:150ms;
  --skiplink-timing-function:ease-out;
  display: inline-flex;
  flex-direction: column;
  left: var(--skiplink-margin);
  position: fixed;
  top: 0;
  z-index: var(--skiplink-layer);
}
.br-skiplink a {
  align-items: center;
  background-color: var(--background);
  box-shadow: var(--skiplink-shadow);
  display: inline-flex;
  min-width: var(--skiplink-min-width);
  position: absolute;
  top: -100vh;
  transition: top var(--skiplink-duration) var(--skiplink-timing-function);
  white-space: nowrap;
  width: auto;
}
.br-skiplink a:focus,
.br-skiplink a:focus-visible {
  top: 0;
}
.br-skiplink .br-tag {
  background: var(--interactive);
}
.br-skiplink.full {
  box-shadow: var(--skiplink-shadow);
  flex-direction: row;
  top: -100vh;
  transition: top var(--skiplink-duration) var(--skiplink-timing-function);
}
.br-skiplink.full a {
  box-shadow: none;
  min-width: 0;
  position: relative;
  top: 0;
}
.br-skiplink.full:focus-within {
  top: 0;
}
.br-step {
  --step-empty:16px;
  --step-empty-border:4px;
  --step-line:1px;
  --step-size:var(--step-medium);
  --step-small:32px;
  --step-medium:40px;
  --step-large:48px;
  --step-simple-size:var(--step-simple-medium);
  --step-simple-medium:8px;
  --step-simple-large:12px;
  --step-alert-success-icon:"\f00c";
  --step-alert-warning-icon:"\f071";
  --step-alert-info-icon:"\f12a";
  --step-alert-danger-icon:"\f00d";
  display: flex;
  padding: var(--spacing-scale-base);
}
.br-step .step-progress {
  display: flex;
  flex-grow: 1;
}
.br-step.vertical,
.br-step.vertical .step-progress {
  flex-direction: column;
}
.br-step .step-progress-btn {
  align-items: center;
  background-color: transparent;
  border: 0;
  display: flex;
  flex-grow: 1;
  justify-content: center;
  min-height: var(--step-size);
  padding: 0;
  position: relative;
}
.br-step[data-label=left] .step-progress-btn {
  justify-content: end;
}
.br-step.vertical .step-progress-btn,
.br-step[data-label=right] .step-progress-btn {
  justify-content: start;
}
.br-step.vertical[data-label=left] .step-progress-btn {
  justify-content: end;
}
.br-step.vertical[data-label=right] .step-progress-btn {
  justify-content: start;
}
.br-step .step-progress-btn:before {
  background-color: var(--background);
  border: var(--step-line) solid var(--interactive);
  border-radius: 50%;
  content: attr(step-num);
  font-size: var(--font-size-scale-up-03);
  font-weight: var(--font-weight-medium);
  left: 0;
  margin: auto;
  right: 0;
  z-index: 2;
}
.br-step .step-icon,
.br-step .step-progress-btn:before {
  align-items: center;
  color: var(--interactive);
  display: inline-flex;
  height: var(--step-size);
  justify-content: center;
  position: absolute;
  width: var(--step-size);
}
.br-step .step-icon {
  z-index: 4;
}
.br-step .step-alert {
  align-items: center;
  border-radius: 50%;
  color: var(--color-dark);
  display: flex;
  height: var(--font-size-scale-up-04);
  justify-content: center;
  position: absolute;
  width: var(--font-size-scale-up-04);
  z-index: 4;
}
.br-step .step-alert:after {
  display: flex;
  font-family: Font Awesome\ 5 Free;
  font-size: var(--font-size-scale-up-01);
  font-weight: 900;
}
.br-step[data-label=bottom] .step-icon,
.br-step[data-label=bottom] .step-progress-btn:before {
  top: 0;
}
.br-step[data-label=bottom] .step-alert {
  transform: translate(calc(var(--step-size)*.5), calc(var(--step-size)*-.75));
}
.br-step[data-label=top] .step-icon,
.br-step[data-label=top] .step-progress-btn:before {
  bottom: 0;
}
.br-step[data-label=top] .step-alert {
  transform: translate(calc(var(--step-size)*.5), calc(var(--step-size)*.25));
}
.br-step[data-label=left] .step-progress-btn:before {
  left: auto;
  right: 0;
}
.br-step[data-label=left] .step-alert {
  transform: translate(calc(var(--step-size)*.4), calc(var(--step-size)*-.25));
}
.br-step[data-label=right] .step-progress-btn:before {
  left: 0;
  right: auto;
}
.br-step[data-label=right] .step-alert {
  transform: translate(calc(var(--step-size)*.65), calc(var(--step-size)*-.25));
}
.br-step.vertical .step-progress-btn:before {
  bottom: 0;
  left: auto;
  right: auto;
  top: 0;
}
.br-step.vertical[data-label=left] .step-progress-btn:before {
  right: 0;
}
.br-step.vertical[data-label=right] .step-progress-btn:before {
  left: 0;
}
.br-step .step-progress-btn:after {
  background-color: var(--interactive);
  content: "";
  display: block;
  height: var(--step-line);
  left: 0;
  position: absolute;
  right: 0;
  z-index: 1;
}
.br-step .step-progress-btn:first-child:after {
  left: 50%;
}
.br-step .step-progress-btn:last-child:after {
  right: 50%;
}
.br-step[data-label=bottom] .step-progress-btn:after {
  top: calc(var(--step-size)*.5);
}
.br-step[data-label=top] .step-progress-btn:after {
  bottom: calc(var(--step-size)*.5);
}
.br-step[data-label=left] .step-progress-btn:after {
  left: 0;
}
.br-step[data-label=left] .step-progress-btn:first-child:after {
  left: 100%;
}
.br-step[data-label=left] .step-progress-btn:last-child:after {
  right: 0;
}
.br-step[data-label=right] .step-progress-btn:after {
  right: 0;
}
.br-step[data-label=right] .step-progress-btn:first-child:after {
  left: 0;
}
.br-step[data-label=right] .step-progress-btn:last-child:after {
  right: 100%;
}
.br-step.vertical .step-progress-btn:after {
  bottom: 0;
  height: auto;
  left: auto;
  right: auto;
  top: 0;
  width: var(--step-line);
}
.br-step.vertical .step-progress-btn:first-child:after {
  left: auto;
  top: 50%;
}
.br-step.vertical .step-progress-btn:last-child:after {
  bottom: 50%;
  right: auto;
}
.br-step.vertical[data-label=left] .step-progress-btn:after {
  right: calc(var(--step-size)*.5);
}
.br-step.vertical[data-label=right] .step-progress-btn:after {
  left: calc(var(--step-size)*.5);
}
.br-step .step-info {
  color: var(--interactive);
  display: inline-block;
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-medium);
}
.br-step[data-label=bottom] .step-info {
  margin-top: var(--step-size);
  padding-top: var(--spacing-scale-2x);
}
.br-step[data-label=top] .step-info {
  margin-bottom: var(--step-size);
  padding-bottom: var(--spacing-scale-2x);
}
.br-step[data-label=left] .step-info {
  display: none;
}
@media (min-width:576px) {
  .br-step[data-label=left] .step-info {
    background-color: var(--background);
    display: inline-block;
    margin-right: var(--step-size);
    padding: var(--spacing-scale-2x);
    position: relative;
    z-index: 3;
  }
}
.br-step[data-label=right] .step-info {
  display: none;
}
@media (min-width:576px) {
  .br-step[data-label=right] .step-info {
    background-color: var(--background);
    display: inline-block;
    margin-left: var(--step-size);
    padding: var(--spacing-scale-2x);
    position: relative;
    z-index: 3;
  }
}
.br-step.vertical[data-label=left] .step-info {
  display: inline-block;
  margin-left: 0;
  margin-right: var(--step-size);
  padding: var(--spacing-scale-2x);
}
.br-step.vertical[data-label=right] .step-info {
  display: inline-block;
  margin-left: var(--step-size);
  margin-right: 0;
  padding: var(--spacing-scale-2x);
}
.br-step[data-type=void] .step-progress-btn:before {
  content: "";
  height: var(--step-empty);
  width: var(--step-empty);
}
.br-step[data-type=void] .step-info {
  height: 0;
  overflow: hidden;
  position: absolute;
  width: 0;
}
.br-step[data-type=simple],
.br-step[data-type=simple] .step-progress {
  align-items: center;
  display: flex;
  justify-content: center;
}
.br-step[data-type=simple] .step-progress-btn {
  flex-grow: 0;
  width: 24px;
}
.br-step[data-type=simple] .step-progress-btn:before {
  background-color: var(--gray-20);
  border-color: var(--gray-20);
  content: "";
  height: var(--step-simple-size);
  width: var(--step-simple-size);
}
.br-step[data-type=simple] .step-progress-btn:after {
  content: none;
}
.br-step[data-type=simple] .step-info {
  height: 0;
  overflow: hidden;
  position: absolute;
  width: 0;
}
.br-step[data-type=text],
.br-step[data-type=text] .step-progress {
  align-items: center;
  display: flex;
  justify-content: center;
}
.br-step[data-type=text] .step-progress-btn {
  height: 0;
  min-height: var(--font-size-scale-base);
  overflow: hidden;
  position: absolute;
  width: 0;
}
.br-step[data-type=text] .step-progress-btn:before {
  background-color: transparent;
  border: 0;
  color: var(--color);
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-regular);
  width: auto;
}
.br-step[data-type=text] .step-progress-btn:after {
  content: none;
}
.br-step[data-type=text] .step-info {
  height: 0;
  overflow: hidden;
  position: absolute;
  width: 0;
}
.br-step[data-scroll],
.br-step[scroll] {
  overflow-x: auto;
  overflow-y: hidden;
}
.br-step[data-scroll]::-webkit-scrollbar,
.br-step[scroll]::-webkit-scrollbar {
  height: var(--spacing-scale-base);
  width: var(--spacing-scale-base);
}
.br-step[data-scroll]::-webkit-scrollbar-track,
.br-step[scroll]::-webkit-scrollbar-track {
  background: var(--gray-10);
}
.br-step[data-scroll]::-webkit-scrollbar-thumb,
.br-step[scroll]::-webkit-scrollbar-thumb {
  background: var(--gray-30);
}
.br-step[data-scroll]:hover::-webkit-scrollbar-thumb,
.br-step[scroll]:hover::-webkit-scrollbar-thumb {
  background: var(--gray-40);
}
.br-step[data-scroll] .step-progress-btn,
.br-step[scroll] .step-progress-btn {
  min-width: 200px;
}
.br-step[data-scroll].vertical,
.br-step[scroll].vertical {
  overflow-x: hidden;
  overflow-y: auto;
}
.br-step[data-scroll].vertical .step-progress-btn,
.br-step[scroll].vertical .step-progress-btn {
  min-height: 100px;
  min-width: auto;
}
.br-step .step-progress-btn[data-alert=success],
.br-step .step-progress-btn[data-alert=success] .step-info {
  color: var(--success);
}
.br-step .step-progress-btn[data-alert=success] .step-alert {
  background-color: var(--success);
}
.br-step .step-progress-btn[data-alert=success] .step-alert:after {
  content: var(--step-alert-success-icon);
}
.br-step .step-progress-btn[data-alert=info],
.br-step .step-progress-btn[data-alert=info] .step-info {
  color: var(--info);
}
.br-step .step-progress-btn[data-alert=info] .step-alert {
  background-color: var(--info);
}
.br-step .step-progress-btn[data-alert=info] .step-alert:after {
  content: var(--step-alert-info-icon);
}
.br-step .step-progress-btn[data-alert=warning] {
  color: var(--color-light);
}
.br-step .step-progress-btn[data-alert=warning] .step-info {
  color: var(--color);
}
.br-step .step-progress-btn[data-alert=warning] .step-alert {
  background-color: var(--warning);
}
.br-step .step-progress-btn[data-alert=warning] .step-alert:after {
  color: var(--color-light);
  content: var(--step-alert-warning-icon);
}
.br-step .step-progress-btn[data-alert=danger],
.br-step .step-progress-btn[data-alert=danger] .step-info {
  color: var(--danger);
}
.br-step .step-progress-btn[data-alert=danger] .step-alert {
  background-color: var(--danger);
}
.br-step .step-progress-btn[data-alert=danger] .step-alert:after {
  content: var(--step-alert-danger-icon);
}
.br-step .step-progress-btn.active:before,
.br-step .step-progress-btn[active]:before {
  background-color: var(--active);
  border-color: var(--active);
  color: var(--background);
}
.br-step .step-progress-btn.active .step-icon,
.br-step .step-progress-btn[active] .step-icon {
  color: var(--background);
}
.br-step .step-progress-btn:focus {
  outline: none;
}
.br-step .step-progress-btn.focus-visible:before,
.br-step .step-progress-btn:focus-visible:before {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
  z-index: 4;
}
.br-step .step-progress-btn:hover:not(:disabled):before {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-step .step-progress-btn:disabled {
  opacity: 1;
}
.br-step .step-progress-btn:disabled:before {
  border-color: rgba(var(--interactive-rgb), var(--disabled));
}
.br-step .step-progress-btn:disabled .step-icon {
  color: rgba(var(--interactive-rgb), var(--disabled));
}
.br-step[data-type=void] .step-progress-btn.active .step-alert,
.br-step[data-type=void] .step-progress-btn[active] .step-alert {
  border: var(--step-empty-border) solid var(--active);
  height: calc(var(--font-size-scale-up-04) + var(--step-empty-border));
  width: calc(var(--font-size-scale-up-04) + var(--step-empty-border));
}
.br-step[data-type=void] .step-progress-btn[data-alert].focus-visible:before,
.br-step[data-type=void] .step-progress-btn[data-alert]:focus-visible:before {
  outline: none;
}
.br-step[data-type=void] .step-progress-btn[data-alert].focus-visible .step-alert,
.br-step[data-type=void] .step-progress-btn[data-alert]:focus-visible .step-alert {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
  z-index: 4;
}
.br-step[data-type=text] .step-progress-btn {
  cursor: default;
}
.br-step[data-type=text] .step-progress-btn.active,
.br-step[data-type=text] .step-progress-btn[active] {
  height: auto;
  position: static;
  width: auto;
}
.br-step[data-type=text] .step-progress-btn.active:before,
.br-step[data-type=text] .step-progress-btn[active]:before {
  background-color: transparent;
  border: 0;
  color: var(--color);
  position: static;
}
.br-step[data-type=text] .step-progress-btn.focus-visible:before,
.br-step[data-type=text] .step-progress-btn:focus-visible:before,
.br-step[data-type=text] .step-progress-btn:focus:before {
  outline: none;
}
.br-step[data-type=text] .step-progress-btn:hover:before {
  background-image: none;
}
.br-step.dark-mode,
.br-step.inverted {
  --color:var(--color-dark);
  --color-rgb:var(--color-dark-rgb);
  --text-color:var(--color-dark);
  --interactive:var(--interactive-dark);
  --interactive-rgb:var(--interactive-dark-rgb);
  --visited:var(--visited-dark);
  --hover:var(--hover-dark);
  --pressed:var(--pressed-dark);
  --focus-color:var(--focus-color-dark);
  --focus:var(--focus-color-dark);
}
.br-step.dark-mode .step-progress-btn[data-alert=success],
.br-step.dark-mode .step-progress-btn[data-alert=success] .step-info,
.br-step.inverted .step-progress-btn[data-alert=success],
.br-step.inverted .step-progress-btn[data-alert=success] .step-info {
  color: var(--success-alternative);
}
.br-step.dark-mode .step-progress-btn[data-alert=success] .step-alert:after,
.br-step.inverted .step-progress-btn[data-alert=success] .step-alert:after {
  content: var(--step-alert-success-icon);
}
.br-step.dark-mode .step-progress-btn[data-alert=info],
.br-step.dark-mode .step-progress-btn[data-alert=info] .step-info,
.br-step.inverted .step-progress-btn[data-alert=info],
.br-step.inverted .step-progress-btn[data-alert=info] .step-info {
  color: var(--info-alternative);
}
.br-step.dark-mode .step-progress-btn[data-alert=info] .step-alert:after,
.br-step.inverted .step-progress-btn[data-alert=info] .step-alert:after {
  content: var(--step-alert-info-icon);
}
.br-step.dark-mode .step-progress-btn[data-alert=warning] .step-alert:after,
.br-step.inverted .step-progress-btn[data-alert=warning] .step-alert:after {
  content: var(--step-alert-warning-icon);
}
.br-step.dark-mode .step-progress-btn[data-alert=danger],
.br-step.dark-mode .step-progress-btn[data-alert=danger] .step-info,
.br-step.inverted .step-progress-btn[data-alert=danger],
.br-step.inverted .step-progress-btn[data-alert=danger] .step-info {
  color: var(--danger-alternative);
}
.br-step.dark-mode .step-progress-btn[data-alert=danger] .step-alert:after,
.br-step.inverted .step-progress-btn[data-alert=danger] .step-alert:after {
  content: var(--step-alert-danger-icon);
}
.br-step.dark-mode .step-progress-btn.active,
.br-step.dark-mode .step-progress-btn[active],
.br-step.inverted .step-progress-btn.active,
.br-step.inverted .step-progress-btn[active] {
  color: var(--color-dark);
}
.br-step.dark-mode .step-progress-btn.active:before,
.br-step.dark-mode .step-progress-btn[active]:before,
.br-step.inverted .step-progress-btn.active:before,
.br-step.inverted .step-progress-btn[active]:before {
  background-color: var(--background-light);
  border-color: var(--background-light);
  color: var(--active);
}
.br-step.dark-mode .step-progress-btn.active .step-icon,
.br-step.dark-mode .step-progress-btn[active] .step-icon,
.br-step.inverted .step-progress-btn.active .step-icon,
.br-step.inverted .step-progress-btn[active] .step-icon {
  color: var(--active);
}
.br-step.dark-mode[data-type=void] .step-progress-btn.active .step-alert,
.br-step.dark-mode[data-type=void] .step-progress-btn[active] .step-alert,
.br-step.inverted[data-type=void] .step-progress-btn.active .step-alert,
.br-step.inverted[data-type=void] .step-progress-btn[active] .step-alert {
  border-color: var(--color-dark);
}
.br-step.dark-mode[data-type=text] .step-progress-btn:before,
.br-step.inverted[data-type=text] .step-progress-btn:before {
  background-color: transparent;
  color: var(--color);
}
.br-switch {
  --switch-height:var(--switch-height-medium);
  --switch-width:var(--switch-width-medium);
  --switch-toggle-size:var(--switch-toggle-medium);
  --switch-icon-size:var(--switch-icon-medium);
  --switch-height-small:24px;
  --switch-height-medium:30px;
  --switch-height-large:36px;
  --switch-width-small:40px;
  --switch-width-medium:52px;
  --switch-width-large:64px;
  --switch-toggle-small:16px;
  --switch-toggle-medium:22px;
  --switch-toggle-large:28px;
  --switch-icon-small:var(--icon-size-xs);
  --switch-icon-medium:var(--icon-size-sm);
  --switch-icon-large:var(--icon-size-base);
  display: inline-flex;
  min-height: var(--switch-height);
}
.br-switch input {
  opacity: 0;
  position: absolute;
}
.br-switch input + label {
  align-items: center;
  color: var(--color);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--font-size-scale-base);
  margin-bottom: 0;
  position: relative;
}
.br-switch input + label:before {
  background: var(--background-light);
  border: 1px solid var(--border-color);
  border-radius: 100em;
  content: "";
  height: var(--switch-height);
  position: absolute;
  width: var(--switch-width);
}
.br-switch input + label:after {
  background-color: var(--off);
  border-radius: 50%;
  content: "";
  height: var(--switch-toggle-size);
  position: absolute;
  transition: all .3s ease-in-out;
  width: var(--switch-toggle-size);
}
.br-switch input:checked + label:after {
  background-color: var(--on);
}
.br-switch input + label {
  padding-right: calc(var(--spacing-scale-2x) + var(--switch-width));
}
.br-switch input + label:empty {
  padding-right: var(--switch-width);
}
.br-switch input + label:before {
  right: 0;
}
.br-switch input + label:after {
  right: calc(4px + var(--switch-toggle-size));
}
.br-switch input:checked + label:after {
  right: 4px;
}
.br-switch.right input + label {
  padding-left: calc(var(--spacing-scale-2x) + var(--switch-width));
  padding-right: 0;
}
.br-switch.right input + label:before {
  left: 0;
}
.br-switch.right input + label:after {
  left: 4px;
}
.br-switch.right input:checked + label:after {
  left: calc(var(--switch-width) - var(--switch-toggle-size) - 4px);
}
.br-switch.top {
  min-height: calc(var(--switch-height)*2);
}
.br-switch.top input + label {
  align-items: flex-start;
  padding-right: 0;
}
.br-switch.top input + label:before {
  bottom: 0;
  left: 0;
}
.br-switch.top input + label:after {
  bottom: 4px;
  left: 4px;
}
.br-switch.top input:checked + label:after {
  left: calc(var(--switch-width) - var(--switch-toggle-size) - 4px);
}
.br-switch.small {
  --switch-height:var(--switch-height-small);
  --switch-width:var(--switch-width-small);
  --switch-toggle-size:var(--switch-toggle-small);
  --switch-icon-size:var(--switch-icon-small);
}
.br-switch.medium {
  --switch-height:var(--switch-height-medium);
  --switch-width:var(--switch-width-medium);
  --switch-toggle-size:var(--switch-toggle-medium);
  --switch-icon-size:var(--switch-icon-medium);
}
.br-switch.large {
  --switch-height:var(--switch-height-large);
  --switch-width:var(--switch-width-large);
  --switch-toggle-size:var(--switch-toggle-large);
  --switch-icon-size:var(--switch-icon-large);
}
.br-switch input ~ .switch-data {
  align-self: center;
  color: var(--color);
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-regular);
  margin-left: 8px;
}
.br-switch input ~ .switch-data:before {
  content: attr(data-disabled);
}
.br-switch input:checked ~ .switch-data {
  color: var(--color);
}
.br-switch input:checked ~ .switch-data:before {
  content: attr(data-enabled);
}
.br-switch.icon input + label:after {
  align-items: center;
  color: var(--color-dark);
  content: "\f00d";
  display: inline-flex;
  font-family: Font Awesome\ 5 Free, sans-serif;
  font-size: var(--switch-icon-size);
  font-weight: var(--font-weight-black);
  justify-content: center;
}
.br-switch.icon input:checked + label:after {
  content: "\f00c";
}
.br-switch input.focus-visible + label:before,
.br-switch input:focus-visible + label:before {
  border-color: var(--focus) !important;
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
  outline: none;
}
.br-switch input:hover:not([disabled]):checked + label:before {
  background-image: linear-gradient(rgba(var(--on-rgb), var(--hover)), rgba(var(--on-rgb), var(--hover)));
}
.br-switch input:hover:not([disabled]):not(:checked) + label:before {
  background-image: linear-gradient(rgba(var(--off-rgb), var(--hover)), rgba(var(--off-rgb), var(--hover)));
}
.br-switch input:active:not([disabled]):checked + label:before {
  background-image: linear-gradient(rgba(var(--on-rgb), var(--pressed)), rgba(var(--on-rgb), var(--pressed)));
}
.br-switch input:active:not([disabled]):not(:checked) + label:before {
  background-image: linear-gradient(rgba(var(--off-rgb), var(--pressed)), rgba(var(--off-rgb), var(--pressed)));
}
.br-switch.dark-mode,
.br-switch.dark-mode label,
.br-switch.inverted,
.br-switch.inverted label {
  color: var(--color-dark);
}
.br-table {
  --table-padding:var(--spacing-scale-3x);
  --table-row-size:var(--table-row-medium);
  --table-row-small:var(--spacing-scale-base);
  --table-row-medium:var(--spacing-scale-2x);
  --table-row-large:var(--spacing-scale-3x);
}
.br-table caption {
  opacity: 0;
  position: absolute;
  z-index: -1;
}
.br-table .responsive {
  overflow: auto;
}
.br-table tr:hover td.column-collapse {
  background-color: var(--background-alternative);
  background-image: none;
}
.br-table .column-collapse {
  background-color: var(--background-alternative);
  width: 40px;
}
.br-table .column-checkbox {
  width: 24px;
}
.br-table .table-header {
  position: relative;
}
.br-table .table-header.show .top-bar {
  opacity: 0;
  pointer-events: none;
}
.br-table .top-bar {
  align-items: center;
  display: flex;
  padding: var(--spacing-scale-base) var(--spacing-scale-2x) var(--spacing-scale-base) var(--table-padding);
}
.br-table .top-bar .table-title,
.br-table .top-bar .title {
  color: var(--color);
  flex-grow: 1;
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-semi-bold);
}
.br-table .top-bar .actions-trigger {
  margin-right: var(--spacing-scale-base);
}
.br-table .top-bar .dropdown [data-toggle=dropdown-legacy] + *,
.br-table .top-bar .dropdown [data-toggle=dropdown] + * {
  left: auto;
  right: 0;
}
@media (min-width:576px) {
  .br-table .top-bar title {
    font-size: var(--font-size-scale-up-03);
    line-height: var(--font-line-height-medium);
  }
}
.br-table .search-bar {
  align-items: center;
  bottom: 0;
  display: none;
  height: 56px;
  left: 0;
  padding-left: var(--table-padding);
  padding-right: var(--spacing-scale-2x);
  position: absolute;
  right: 0;
  top: 0;
}
.br-table .search-bar.show {
  display: flex;
}
.br-table .search-bar .br-input {
  flex: 1;
}
.br-table .search-bar .br-input label {
  display: none;
}
.br-table .search-bar .br-input input {
  margin-bottom: 0;
  margin-top: 0;
}
.br-table .search-bar .br-input input + .br-button {
  --button-size:var(--button-small);
  margin-top: 0;
  position: absolute;
  right: var(--spacing-scale-half);
  top: 0;
}
.br-table .search-bar .br-input + .br-button {
  margin-left: var(--table-row-medium);
}
.br-table .selected-bar,
.br-table .selection-bar {
  --color:var(--color-dark);
  --color-rgb:var(--color-dark-rgb);
  --text-color:var(--color-dark);
  --interactive:var(--interactive-dark);
  --interactive-rgb:var(--interactive-dark-rgb);
  --visited:var(--visited-dark);
  --hover:var(--hover-dark);
  --pressed:var(--pressed-dark);
  --focus-color:var(--focus-color-dark);
  --focus:var(--focus-color-dark);
  --table-padding:var(--spacing-scale-base) var(--spacing-scale-2x);
  align-items: center;
  background-color: var(--interactive-light);
  bottom: 0;
  color: var(--color);
  display: none;
  left: 0;
  padding: var(--table-padding);
  right: 0;
  top: 0;
}
.br-table .selected-bar.show,
.br-table .selection-bar.show {
  display: flex;
}
.br-table .selected-bar .info,
.br-table .selection-bar .info {
  align-items: center;
  display: flex;
  flex-grow: 1;
  white-space: nowrap;
}
.br-table .selected-bar .info .select-all,
.br-table .selected-bar .info [data-toggle=check-all],
.br-table .selection-bar .info .select-all,
.br-table .selection-bar .info [data-toggle=check-all] {
  font-size: var(--font-size-scale-up-03);
  margin-right: var(--spacing-scale-half);
  padding: 0;
}
.br-table .selected-bar .count,
.br-table .selected-bar .text,
.br-table .selection-bar .count,
.br-table .selection-bar .text {
  line-height: var(--font-line-height-low);
  padding-right: var(--spacing-scale-half);
}
.br-table .selected-bar.active,
.br-table .selected-bar.is-active,
.br-table .selection-bar.active,
.br-table .selection-bar.is-active {
  opacity: 1;
  top: 0;
}
.br-table .footer,
.br-table .table-footer {
  padding: var(--spacing-scale-base) var(--spacing-scale-2x) var(--spacing-scale-base) var(--table-padding);
}
.br-table .footer .br-input .br-button,
.br-table .table-footer .br-input .br-button {
  transform: rotate(180deg);
}
.br-table .footer .br-list,
.br-table .table-footer .br-list {
  bottom: 100%;
}
.br-table.small .clone-headers .item,
.br-table.small .headers,
.br-table.small table {
  --table-row-size:var(--table-row-small);
}
.br-table.medium .clone-headers .item,
.br-table.medium .headers,
.br-table.medium table {
  --table-row-size:var(--table-row-medium);
}
.br-table.large .clone-headers .item,
.br-table.large .headers,
.br-table.large table {
  --table-row-size:var(--table-row-large);
}
.br-table.dark-mode,
.br-table.dark-mode.dark-mode,
.br-table.dark-mode.inverted,
.br-table.inverted,
.br-table.inverted.dark-mode,
.br-table.inverted.inverted {
  --color:var(--color-dark);
  --color-rgb:var(--color-dark-rgb);
  --text-color:var(--color-dark);
  --interactive:var(--interactive-dark);
  --interactive-rgb:var(--interactive-dark-rgb);
  --visited:var(--visited-dark);
  --hover:var(--hover-dark);
  --pressed:var(--pressed-dark);
  --focus-color:var(--focus-color-dark);
  --focus:var(--focus-color-dark);
}
.br-table.dark-mode.dark-mode.dark-mode .br-input,
.br-table.dark-mode.dark-mode.dark-mode .br-input label,
.br-table.dark-mode.dark-mode.inverted .br-input,
.br-table.dark-mode.dark-mode.inverted .br-input label,
.br-table.dark-mode.inverted.dark-mode .br-input,
.br-table.dark-mode.inverted.dark-mode .br-input label,
.br-table.dark-mode.inverted.inverted .br-input,
.br-table.dark-mode.inverted.inverted .br-input label,
.br-table.inverted.dark-mode.dark-mode .br-input,
.br-table.inverted.dark-mode.dark-mode .br-input label,
.br-table.inverted.dark-mode.inverted .br-input,
.br-table.inverted.dark-mode.inverted .br-input label,
.br-table.inverted.inverted.dark-mode .br-input,
.br-table.inverted.inverted.dark-mode .br-input label,
.br-table.inverted.inverted.inverted .br-input,
.br-table.inverted.inverted.inverted .br-input label {
  --color:var(--color-dark);
  --focus-color:var(--focus-color-dark);
}
.br-table.dark-mode.dark-mode .page.active,
.br-table.dark-mode.inverted .page.active,
.br-table.inverted.dark-mode .page.active,
.br-table.inverted.inverted .page.active {
  --interactive-rgb:var(--active-rgb);
  background-color: var(--background-light);
  color: var(--active);
}
.br-table.dark-mode td.column-collapse,
.br-table.dark-mode th,
.br-table.dark-mode tr:hover td.column-collapse,
.br-table.inverted td.column-collapse,
.br-table.inverted th,
.br-table.inverted tr:hover td.column-collapse {
  background-color: var(--background-dark);
}
.br-table.no-hover td:not(.column-collapse):hover td {
  background: none;
}
.br-tab {
  --tab-padding:var(--spacing-scale-3x);
  --tab-size:var(--tab-medium);
  --tab-large:var(--spacing-scale-3x);
  --tab-medium:var(--spacing-scale-2x);
  --tab-small:var(--spacing-scale-base);
}
.br-tab .tab-nav::-webkit-scrollbar {
  height: var(--spacing-scale-base);
  width: var(--spacing-scale-base);
}
.br-tab .tab-nav::-webkit-scrollbar-track {
  background: var(--gray-10);
}
.br-tab .tab-nav::-webkit-scrollbar-thumb {
  background: var(--gray-30);
}
.br-tab .tab-nav:hover::-webkit-scrollbar-thumb {
  background: var(--gray-40);
}
.br-tab .tab-nav {
  overflow-x: auto;
  width: 100%;
}
@media (max-width:991px) {
  .br-tab .tab-nav::-webkit-scrollbar {
    height: var(--spacing-scale-base);
    width: var(--spacing-scale-base);
  }
  .br-tab .tab-nav::-webkit-scrollbar-track {
    background: var(--gray-10);
  }
  .br-tab .tab-nav::-webkit-scrollbar-thumb {
    background: var(--gray-30);
  }
  .br-tab .tab-nav:hover::-webkit-scrollbar-thumb {
    background: var(--gray-40);
  }
  .br-tab .tab-nav {
    display: flex;
    overflow-x: auto;
    width: 100%;
  }
}
.br-tab .tab-nav ul {
  border-bottom: 1px solid var(--border-color);
  display: flex;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
  width: 100%;
}
.br-tab .tab-item {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
  white-space: nowrap;
}
.br-tab .tab-item a,
.br-tab .tab-item button {
  --focus-offset:calc(var(--spacing-scale-half)*-1);
}
.br-tab .tab-item a:focus,
.br-tab .tab-item button:focus {
  outline: none;
}
.br-tab .tab-item a.focus-visible,
.br-tab .tab-item a:focus-visible,
.br-tab .tab-item button.focus-visible,
.br-tab .tab-item button:focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}
.br-tab .tab-item a:not(:disabled):hover,
.br-tab .tab-item button:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.br-tab .tab-item a,
.br-tab .tab-item button {
  background-color: transparent;
  border: 0;
  border-bottom: 4px solid transparent;
  color: var(--color);
  display: inline-block;
  font-size: var(--font-size-scale-up-02);
  font-weight: var(--font-weight-medium);
  line-height: 1;
  padding: var(--tab-size) var(--tab-padding);
  text-align: center;
  white-space: nowrap;
}
.br-tab .tab-item:first-child {
  padding-left: 0;
}
.br-tab .tab-item:last-child {
  padding-right: 0;
}
.br-tab .tab-item.active button,
.br-tab .tab-item.is-active button {
  border-bottom: 4px solid var(--active);
  color: var(--active);
}
.br-tab .tab-item.active .results,
.br-tab .tab-item.is-active .results {
  --font-weight:var(--font-weight-semi-bold);
  color: var(--active);
}
.br-tab .results {
  display: flex;
  font-weight: var(--font-weight);
  justify-content: center;
  margin-top: var(--spacing-scale-2x);
  position: absolute;
  top: 100%;
}
.br-tab[data-counter=true] .tab-nav ul {
  margin-bottom: calc(var(--spacing-scale-2x) + var(--font-size-scale-up-02) + var(--spacing-scale-base));
}
.br-tab .tab-content .tab-panel {
  color: var(--text-color);
  display: none;
}
.br-tab .tab-content .tab-panel.active,
.br-tab .tab-content .tab-panel.is-active {
  display: block;
}
.br-tab.is-small,
.br-tab.small,
.br-tab[small] {
  --tab-size:var(--tab-small);
}
.br-tab.is-medium,
.br-tab.medium,
.br-tab[medium] {
  --tab-size:var(--tab-medium);
}
.br-tab.is-large,
.br-tab.large,
.br-tab[large] {
  --tab-size:var(--tab-large);
}
.br-tab.dark-mode,
.br-tab.inverted {
  --color:var(--color-dark);
  --color-rgb:var(--color-dark-rgb);
  --text-color:var(--color-dark);
  --interactive:var(--interactive-dark);
  --interactive-rgb:var(--interactive-dark-rgb);
  --visited:var(--visited-dark);
  --hover:var(--hover-dark);
  --pressed:var(--pressed-dark);
  --focus-color:var(--focus-color-dark);
  --focus:var(--focus-color-dark);
}
.br-tab.dark-mode .tab-item.active button,
.br-tab.inverted .tab-item.active button {
  border-bottom-color: var(--background-light);
  color: var(--color);
}
.br-tag {
  --tag-size:var(--tag-medium);
  --tag-small:var(--spacing-scale-2xh);
  --tag-medium:var(--spacing-scale-3xh);
  --tag-large:var(--spacing-scale-4xh);
}
.br-tag.status {
  --tag-small:var(--spacing-scale-baseh);
  --tag-medium:var(--spacing-scale-2x);
  --tag-large:var(--spacing-scale-3x);
  border: 1px solid var(--background-light);
  border-radius: 50%;
  min-width: var(--tag-size);
  padding: 0;
}
.br-tag.count {
  --tag-small:var(--spacing-scale-2xh);
  --tag-medium:var(--spacing-scale-3x);
  --tag-large:var(--spacing-scale-3xh);
  border: 1px solid var(--background-light);
  border-radius: 100em;
  min-width: var(--tag-size);
  padding-left: var(--spacing-scale-base);
  padding-right: var(--spacing-scale-base);
}
.br-tag.icon {
  --tag-small:var(--spacing-scale-3xh);
  --tag-medium:var(--spacing-scale-4x);
  --tag-large:var(--spacing-scale-5xh);
  border-radius: 50%;
  min-width: var(--tag-size);
  padding: 0;
}
.br-tag.icon .fa,
.br-tag.icon .fab,
.br-tag.icon .fad,
.br-tag.icon .fal,
.br-tag.icon .far,
.br-tag.icon .fas,
.br-tag.icon .svg-inline--fa {
  font-size: var(--icon-size-base);
  margin: 0 !important;
}
.br-tag.interaction,
.br-tag.interaction-select {
  --tag-small:var(--spacing-scale-4x);
  --tag-medium:var(--spacing-scale-5x);
  --tag-large:var(--spacing-scale-5xh);
  font-size: var(--font-size-scale-up-01);
}
.br-tag.interaction {
  background: var(--interactive);
}
.br-tag.interaction .br-button {
  --button-size:var(--spacing-scale-3xh);
  --focus:var(--focus-color-dark);
  --hover:var(--hover-dark);
  --interactive-rgb:var(--color-dark-rgb);
  background-color: var(--interactive-light);
  border-radius: 50%;
  color: var(--color-dark);
  margin-left: var(--spacing-scale-baseh);
  padding: 0;
  width: var(--button-size);
}
.br-tag.interaction:hover .br-button {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-tag.interaction:active .br-button {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
}
.br-tag.interaction-select {
  background: transparent;
  padding: 0;
}
.br-tag.interaction-select label {
  --interactive-rgb:var(--color-dark-rgb);
  --hover:var(--hover-dark);
  align-items: center;
  background: var(--background-dark);
  border-radius: var(--surface-rounder-sm);
  color: var(--color-dark);
  display: inline-flex;
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-medium);
  justify-content: center;
  min-height: var(--tag-size);
  padding: 0 var(--spacing-scale-baseh);
}
.br-tag.interaction-select label + .br-tag.interaction-select label {
  margin-left: var(--spacing-scale-half);
}
.br-tag.interaction-select label > .fa:first-child,
.br-tag.interaction-select label > .fab:first-child,
.br-tag.interaction-select label > .fad:first-child,
.br-tag.interaction-select label > .fal:first-child,
.br-tag.interaction-select label > .far:first-child,
.br-tag.interaction-select label > .fas:first-child,
.br-tag.interaction-select label > .svg-inline--fa:first-child {
  margin-right: var(--spacing-scale-baseh);
}
.br-tag.interaction-select label {
  background: var(--interactive);
  cursor: pointer;
  font-size: var(--font-size-scale-up-01);
  margin: 0;
  transition: padding .15s ease;
}
.br-tag.interaction-select input {
  height: 0;
  opacity: 0;
  position: relative;
  width: 0;
}
.br-tag.interaction-select input:checked + label:after {
  border: solid var(--color-dark);
  border-width: 0 3px 3px 0;
  content: "";
  height: var(--icon-size-sm);
  transform: rotate(45deg) translate(12px, -14px);
  width: 8px;
}
.br-tag.interaction-select input:focus + label {
  outline-color: var(--focus-color);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}
.br-tag.interaction-select input:hover + label {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-tag.interaction-select input:active + label {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
  color: var(--color-dark);
}
.br-tag.interaction-select.selected label {
  background-color: var(--selected);
  padding-right: var(--spacing-scale-4xh);
}
.br-tag.disabled input {
  cursor: not-allowed;
}
.br-tag {
  align-items: center;
  background: var(--background-dark);
  border-radius: var(--surface-rounder-sm);
  color: var(--color-dark);
  display: inline-flex;
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-medium);
  justify-content: center;
  margin: 0;
  min-height: var(--tag-size);
  padding: 0 var(--spacing-scale-baseh);
}
.br-tag + .br-tag {
  margin-left: var(--spacing-scale-half);
}
.br-tag > .fa:first-child,
.br-tag > .fab:first-child,
.br-tag > .fad:first-child,
.br-tag > .fal:first-child,
.br-tag > .far:first-child,
.br-tag > .fas:first-child,
.br-tag > .svg-inline--fa:first-child {
  margin-right: var(--spacing-scale-baseh);
}
.br-tag.small {
  --tag-size:var(--tag-small);
}
.br-tag.medium {
  --tag-size:var(--tag-medium);
}
.br-tag.large {
  --tag-size:var(--tag-large);
}
.br-tag.support-01 {
  --tag-background:var(--color-support-01);
}
.br-tag.support-02 {
  --tag-background:var(--color-support-02);
}
.br-tag.support-03 {
  --tag-background:var(--color-support-03);
}
.br-tag.support-04 {
  --tag-background:var(--color-support-04);
}
.br-tag.support-05 {
  --tag-background:var(--color-support-05);
}
.br-tag.support-06 {
  --tag-background:var(--color-support-06);
}
.br-tag.support-07 {
  --tag-background:var(--color-support-07);
}
.br-tag.support-08 {
  --tag-background:var(--color-support-08);
}
.br-tag.support-09 {
  --tag-background:var(--color-support-09);
}
.br-tag.support-10 {
  --tag-background:var(--color-support-10);
}
.br-tag.support-11 {
  --tag-background:var(--color-support-11);
}
.br-tag.is-primary-pastel-01,
.br-tag.primary-pastel-01,
.br-tag[primary-pastel-01] {
  background-color: #c5d4eb;
}
.br-tag.is-primary-pastel-02,
.br-tag.primary-pastel-02,
.br-tag[primary-pastel-02] {
  background-color: #dbe8fb;
}
.br-tag.is-primary-lighten-01,
.br-tag.primary-lighten-01,
.br-tag[primary-lighten-01] {
  background-color: #2670e8;
}
.br-tag.is-primary-lighten-02,
.br-tag.primary-lighten-02,
.br-tag[primary-lighten-02] {
  background-color: #5992ed;
}
.br-tag.is-primary-default,
.br-tag.primary-default,
.br-tag[primary-default] {
  background-color: #1351b4;
}
.br-tag.is-primary-darken-01,
.br-tag.primary-darken-01,
.br-tag[primary-darken-01] {
  background-color: #0c326f;
}
.br-tag.is-primary-darken-02,
.br-tag.primary-darken-02,
.br-tag[primary-darken-02] {
  background-color: #071d41;
}
.br-tag.is-secondary-01,
.br-tag.secondary-01,
.br-tag[secondary-01] {
  background-color: #fff;
}
.br-tag.is-secondary-02,
.br-tag.secondary-02,
.br-tag[secondary-02] {
  background-color: #f8f8f8;
}
.br-tag.is-secondary-03,
.br-tag.secondary-03,
.br-tag[secondary-03] {
  background-color: #ededed;
}
.br-tag.is-secondary-04,
.br-tag.secondary-04,
.br-tag[secondary-04] {
  background-color: #ccc;
}
.br-tag.is-secondary-05,
.br-tag.secondary-05,
.br-tag[secondary-05] {
  background-color: #9e9d9d;
}
.br-tag.is-secondary-06,
.br-tag.secondary-06,
.br-tag[secondary-06] {
  background-color: #888;
}
.br-tag.is-secondary-07,
.br-tag.secondary-07,
.br-tag[secondary-07] {
  background-color: #555;
}
.br-tag.is-secondary-08,
.br-tag.secondary-08,
.br-tag[secondary-08] {
  background-color: #333;
}
.br-tag.is-secondary-09,
.br-tag.secondary-09,
.br-tag[secondary-09] {
  background-color: #000;
}
.br-tag.highlight,
.br-tag.is-highlight,
.br-tag[highlight] {
  background-color: #268744;
}
.br-tag.is-support-01,
.br-tag.support-01,
.br-tag[support-01] {
  background-color: #36a191;
}
.br-tag.is-support-02,
.br-tag.support-02,
.br-tag[support-02] {
  background-color: #f2e317;
}
.br-tag.is-support-03,
.br-tag.support-03,
.br-tag[support-03] {
  background-color: #db4800;
}
.br-tag.is-support-04,
.br-tag.support-04,
.br-tag[support-04] {
  background-color: #a26739;
}
.br-tag.is-support-05,
.br-tag.support-05,
.br-tag[support-05] {
  background-color: #40e0d0;
}
.br-tag.is-support-06,
.br-tag.support-06,
.br-tag[support-06] {
  background-color: #48cbeb;
}
.br-tag.is-support-07,
.br-tag.support-07,
.br-tag[support-07] {
  background-color: #c72487;
}
.br-tag.is-support-08,
.br-tag.support-08,
.br-tag[support-08] {
  background-color: #63007f;
}
.br-tag.is-support-09,
.br-tag.support-09,
.br-tag[support-09] {
  background-color: #f08080;
}
.br-tag.is-support-10,
.br-tag.support-10,
.br-tag[support-10] {
  background-color: #ff8c00;
}
.br-tag.is-support-11,
.br-tag.support-11,
.br-tag[support-11] {
  background-color: #fdf5e6;
}
.br-tag.is-success,
.br-tag.success,
.br-tag[success] {
  background-color: var(--success);
}
.br-tag.danger,
.br-tag.is-danger,
.br-tag[danger] {
  background-color: var(--danger);
}
.br-tag.is-warning,
.br-tag.warning,
.br-tag[warning] {
  background-color: var(--warning);
}
.br-tag.info,
.br-tag.is-info,
.br-tag[info] {
  background-color: var(--info);
}
.br-tag-input {
  --input-background:var(--bg-color);
  --input-border-color:var(--color-secondary-06);
  --input-border-width:1px;
  --input-border-style:solid;
  --input-padding:0 var(--spacing-scale-half);
  --input-radius:var(--surface-rounder-sm);
  background: var(--input-background);
  border: var(--input-border-width) var(--input-border-style) var(--input-border-color);
  border-radius: var(--input-radius);
  color: var(--text-color);
  display: block;
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-medium);
  height: var(--input-size);
  padding: var(--input-padding);
  width: 100%;
}
.br-tag-input:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.br-tag-input.focus-visible,
.br-tag-input:focus,
.br-tag-input:focus-visible {
  border-color: var(--focus) !important;
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
  outline: none;
}
.br-tag-input.has-icon {
  padding-right: var(--spacing-scale-5x);
}
.br-tag-input[type=password]::-ms-clear,
.br-tag-input[type=password]::-ms-reveal {
  display: none;
}
.br-tag-input {
  display: flex;
  flex-wrap: wrap;
}
.br-tag-input input {
  flex: 1;
}
.input-tag {
  border: 0;
  box-sizing: border-box;
  color: inherit;
  flex: 1;
  font-family: inherit;
  font-size: inherit;
  outline: none;
  padding: .9em .5em;
}
.br-textarea {
  --textarea-padding:var(--textarea-medium);
  --textarea-small:var(--spacing-scale-base);
  --textarea-medium:var(--spacing-scale-baseh);
  --textarea-large:var(--spacing-scale-2x);
  color: var(--color);
}
.br-textarea label {
  display: inline-block;
  margin-bottom: var(--spacing-scale-half);
}
.br-textarea textarea {
  background: var(--background-light);
  border: 1px solid var(--border-color-alternative);
  border-radius: 6px;
  color: var(--color);
  display: block;
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-medium);
  padding: var(--textarea-padding);
  width: 100%;
}
.br-textarea.small textarea,
.br-textarea[data-small] textarea {
  --textarea-padding:var(--textarea-small);
}
.br-textarea.medium textarea,
.br-textarea[data-medium] textarea {
  --textarea-padding:var(--textarea-medium);
}
.br-textarea.large textarea,
.br-textarea[data-large] textarea {
  --textarea-padding:var(--textarea-large);
}
.br-textarea.success textarea,
.br-textarea[data-success] textarea {
  border-color: var(--success);
  border-width: 2px;
}
.br-textarea.danger textarea,
.br-textarea[data-danger] textarea {
  border-color: var(--danger);
  border-width: 2px;
}
.br-textarea.warning textarea,
.br-textarea[data-warning] textarea {
  border-color: var(--warning);
  border-width: 2px;
}
.br-textarea.info textarea,
.br-textarea[data-info] textarea {
  border-color: var(--info);
  border-width: 2px;
}
.br-textarea textarea.focus-visible,
.br-textarea textarea:focus,
.br-textarea textarea:focus-visible {
  border-color: var(--focus) !important;
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
  outline: none;
}
.br-textarea textarea:hover:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.br-textarea.dark-mode,
.br-textarea.dark-mode label,
.br-textarea.inverted,
.br-textarea.inverted label {
  --color:var(--color-dark);
  --focus-color:var(--focus-color-dark);
}
.br-textarea.dark-mode textarea,
.br-textarea.inverted textarea {
  color: var(--color-light);
}
.br-tooltip {
  align-items: flex-start;
  background: var(--color-info,#155bcb);
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  color: var(--color-secondary-01,#fff);
  display: flex !important;
  flex-wrap: wrap;
  font-size: var(--font-size-scale-down-01,11.662px);
  font-weight: var(--font-weight-medium,500);
  justify-content: flex-start;
  max-width: 240px;
  opacity: 0;
  padding: var(--spacing-scale-2x);
  position: absolute !important;
  visibility: hidden;
  z-index: 999;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOutOpacity {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.br-tooltip[data-show] {
  animation: fadeInOpacity .5s ease-in-out;
  opacity: 1;
  visibility: visible;
}
.br-tooltip[popover] {
  max-width: 320px;
  min-width: 240px;
  overflow-x: hidden;
  width: auto;
}
.br-tooltip[success] {
  background: var(--color-success,#168821);
}
.br-tooltip[success] .arrow {
  border-color: var(--color-success,#168821);
}
.br-tooltip[error] {
  background: var(--color-danger,#e52207);
}
.br-tooltip[error] .arrow {
  border-color: var(--color-danger,#e52207);
}
.br-tooltip[warning] {
  background: var(--color-warning,#ffcd07);
  color: var(--color-secondary-08,#333);
}
.br-tooltip[warning] .arrow {
  border-color: var(--color-warning,#ffcd07);
}
.br-tooltip,
.br-tooltip[info] {
  background: var(--color-info,#155bcb);
}
.br-tooltip .arrow,
.br-tooltip[info] .arrow {
  border-color: var(--color-info,#155bcb);
}
.br-tooltip .arrow {
  height: 0 !important;
  position: absolute !important;
  width: 0 !important;
  z-index: -1 !important;
}
.br-tooltip[data-popper-placement^=top] > .arrow {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top-style: solid;
  border-top-width: 8px;
  bottom: -7px;
  margin-left: 0;
}
.br-tooltip[data-popper-placement^=bottom] > .arrow {
  border-bottom-style: solid;
  border-bottom-width: 8px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  margin-left: 0;
  top: -8px;
}
.br-tooltip[data-popper-placement^=left] > .arrow {
  border-bottom: 8px solid transparent;
  border-left-style: solid;
  border-left-width: 8px;
  border-top: 8px solid transparent;
  right: calc(var(--spacing-scale-base)*-1);
}
.br-tooltip[data-popper-placement^=right] > .arrow {
  border-bottom: 8px solid transparent;
  border-right-style: solid;
  border-right-width: 8px;
  border-top: 8px solid transparent;
  left: calc(var(--spacing-scale-base)*-1);
}
.br-tooltip .link,
.br-tooltip .subtext,
.br-tooltip .text {
  display: block;
  max-width: 100%;
  min-width: 0;
}
.br-tooltip .popover-header {
  font-size: var(--font-size-scale-base,14px);
  margin-bottom: 1em;
  min-width: 180px;
  text-align: center;
  width: 100%;
}
.br-tooltip .popover-header .fas,
.br-tooltip .popover-header .svg-inline--fa {
  font-size: var(--font-size-scale-up-06,41.804px);
  text-align: center;
}
.br-tooltip .popover-image {
  border: 3px solid var(--color-secondary-01,#fff);
}
.br-tooltip .popover-icon,
.br-tooltip .popover-image {
  height: auto;
  margin-left: -10px;
  max-height: 120px;
  max-width: 45%;
  overflow: hidden;
  width: auto;
}
.br-tooltip .popover-icon {
  margin-top: 10%;
}
.br-tooltip .popover-body {
  font-size: var(--font-size-scale-down-01,11.662px);
  margin-bottom: 1em;
  min-width: 180px;
  width: 100%;
}
.br-tooltip .popover-image + div {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  text-align: left;
  width: 65%;
}
.br-tooltip .popover-image + div div {
  padding-left: var(--spacing-scale-base);
  text-align: left;
}
.br-tooltip .popover-icon + div {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  text-align: left;
  width: 65%;
}
.br-tooltip .popover-icon + div div {
  padding-left: var(--spacing-scale-base);
  text-align: left;
}
.br-tooltip .popover-footer {
  font-size: var(--font-size-scale-down-01,11.662px);
  min-width: 180px;
  text-align: center;
  width: 100%;
}
.br-tooltip .text {
  font-size: var(--font-size-scale-base,14px);
  font-weight: var(--font-weight-semi-bold,600);
}
.br-tooltip .subtext {
  font-size: var(--font-size-scale-down-01,11.662px);
  font-weight: var(--font-weight-medium,500);
}
.br-tooltip .link {
  color: inherit;
  text-align: right;
  text-decoration: underline;
  width: 100%;
}
.br-tooltip .close {
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 10px;
  top: 10px;
}
.br-upload input {
  display: none;
}
.br-upload .upload-button {
  --button-radius:100em;
  --button-xsmall:24px;
  --button-small:32px;
  --button-medium:40px;
  --button-large:48px;
  --button-size:var(--button-medium);
  align-items: center;
  background-color: transparent;
  border: 0;
  border: var(--surface-width-sm) dashed var(--interactive);
  border-radius: var(--button-radius);
  border-radius: var(--surface-rounder-sm);
  color: var(--interactive);
  cursor: pointer;
  display: inline-flex;
  display: block;
  font-size: var(--font-size-scale-up-01);
  font-size: var(--font-size-scale-base);
  font-style: italic;
  font-weight: var(--font-weight-semi-bold);
  font-weight: var(--font-weight-regular);
  height: var(--button-size);
  justify-content: center;
  margin-top: var(--spacing-scale-half);
  max-width: 550px;
  min-height: var(--button-size);
  overflow: hidden;
  padding: 0 var(--spacing-scale-3x);
  padding-left: var(--spacing-scale-2x);
  padding-right: var(--spacing-scale-2x);
  position: relative;
  text-align: center;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
  width: 100%;
}
.br-upload .upload-button .fa,
.br-upload .upload-button .fab,
.br-upload .upload-button .fad,
.br-upload .upload-button .fal,
.br-upload .upload-button .far,
.br-upload .upload-button .fas,
.br-upload .upload-button .svg-inline--fa {
  margin-right: var(--spacing-scale-base);
}
.br-upload .upload-list {
  max-width: 550px;
  position: relative;
}
.br-upload .upload-list .content {
  align-self: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 70%;
}
.br-upload .upload-list .support {
  align-items: center;
  display: flex;
}
.br-upload .br-tooltip {
  max-width: 93%;
}
.br-upload .upload-button:disabled {
  cursor: not-allowed;
}
.br-upload .upload-button:not(:disabled) {
  --focus-offset:var(--spacing-scale-half);
}
.br-upload .upload-button:not(:disabled):focus {
  outline: none;
}
.br-upload .upload-button:not(:disabled).focus-visible,
.br-upload .upload-button:not(:disabled):focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}
.br-upload .upload-button:not(:disabled):not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-upload .upload-button:not(:disabled):not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
}
.br-upload .upload-button.active,
.br-upload .upload-button.is-active,
.br-upload .upload-button[active] {
  --hover:var(--hover-dark);
  background-color: var(--active);
  color: var(--color-dark);
}
.br-upload .upload-button.loading {
  color: transparent !important;
  cursor: progress;
}
.br-upload .upload-button.loading:not(:disabled):hover {
  background-image: none;
}
.br-upload .upload-button.loading:before {
  border-color: var(--interactive) var(--interactive) transparent;
  border-style: solid;
}
.br-upload .upload-button.loading.danger:before,
.br-upload .upload-button.loading.info:before,
.br-upload .upload-button.loading.primary:before,
.br-upload .upload-button.loading.success:before {
  border-color: var(--background) var(--background) transparent;
}
.br-upload.success .upload-button,
.br-upload[data-success] .upload-button {
  border-color: var(--success);
}
.br-upload.danger .upload-button,
.br-upload[data-danger] .upload-button {
  border-color: var(--danger);
}
.br-upload.warning .upload-button,
.br-upload[data-warning] .upload-button {
  border-color: var(--warning);
}
.br-upload.info .upload-button,
.br-upload[data-info] .upload-button {
  border-color: var(--info);
}
.br-upload.dragging .upload-button {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-wizard {
  --wizard-min-height:300px;
  --wizard-max-height:800px;
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-bottom: var(--spacing-scale-4x);
  max-height: var(--wizard-max-height);
  max-width: none;
  min-height: var(--wizard-min-height);
}
.br-wizard .wizard-progress {
  background-color: var(--background-alternative);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  grid-template-rows: none;
  min-height: 164px;
  overflow-x: auto;
  overflow-y: hidden;
  padding-top: var(--spacing-scale-7x);
  width: 100%;
}
@media (max-width:991px) {
  .br-wizard .wizard-progress {
    max-height: 100px;
    min-height: 100px;
    overflow-y: hidden;
    padding-top: var(--spacing-scale-3x);
    position: relative;
  }
  .br-wizard .wizard-progress,
  .br-wizard .wizard-progress:after {
    transition-delay: 0s;
    transition-duration: .25s;
    transition-property: all;
    transition-timing-function: linear;
  }
  .br-wizard .wizard-progress:after {
    background-color: transparent;
    bottom: 2px;
    color: var(--interactive);
    content: "\f7a4";
    display: block;
    font-family: Font Awesome\ 5 Free, sans-serif;
    font-size: var(--switch-icon-size);
    font-weight: var(--font-weight-black);
    height: 1em;
    left: 50%;
    margin-left: -.5em;
    position: absolute;
    top: unset;
    width: auto;
  }
}
.br-wizard .wizard-progress-btn {
  background-color: transparent;
  border: 0;
  box-shadow: none !important;
  color: var(--interactive);
  font-size: var(--font-size-scale-up-01,16.8px);
  line-height: 19px;
  max-height: 90px;
  padding-bottom: 0;
  padding-top: var(--spacing-scale-2x);
  position: relative;
  text-indent: 0;
  transition-delay: 0s;
  transition-duration: .15s;
  transition-property: all;
  transition-timing-function: linear;
}
.br-wizard .wizard-progress-btn[disabled] {
  color: rgba(var(--interactive-rgb), var(--disabled));
  opacity: 1;
}
.br-wizard .wizard-progress-btn[disabled]:before {
  opacity: var(--disabled);
}
.br-wizard .wizard-progress-btn:focus {
  outline: none;
}
.br-wizard .wizard-progress-btn.focus-visible:not([disabled]):not(.disabled):before,
.br-wizard .wizard-progress-btn:focus-visible:not([disabled]):not(.disabled):before {
  outline-color: var(--focus-color);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}
.br-wizard .wizard-progress-btn:hover:not([disabled]):before {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-wizard .wizard-progress-btn:active:not([disabled]):before {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
}
.br-wizard .wizard-progress-btn:before {
  background-color: var(--background);
  border: 2px solid var(--interactive);
  border-radius: 50%;
  box-sizing: border-box;
  color: var(--interactive);
  content: attr(step) !important;
  display: block;
  font-size: var(--font-size-scale-up-02,20.16px);
  font-weight: var(--font-weight-semi-bold,600);
  height: 36px;
  left: 50%;
  line-height: 29px;
  margin-top: -13px;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  transition: all .15s linear 0s, transform .15s cubic-bezier(.05, 1.09, .16, 1.4) 0s;
  width: 36px;
  z-index: 3;
}
.br-wizard .wizard-progress-btn:after {
  background-color: var(--interactive) !important;
  content: "";
  display: block;
  height: 1px;
  left: calc(-50% + 17px);
  position: absolute;
  top: 5px;
  transition-delay: 0s;
  transition-duration: .15s;
  transition-property: all;
  transition-timing-function: linear;
  width: calc(100% - 34px);
  z-index: 1;
}
.br-wizard .wizard-progress-btn:first-child:after {
  display: none;
}
.br-wizard .wizard-progress-btn[active] {
  color: var(--active);
  font-weight: var(--font-weight-semi-bold,600);
}
.br-wizard .wizard-progress-btn[active]:after {
  background-color: var(--active);
}
.br-wizard .wizard-progress-btn[active]:before {
  background-color: var(--active);
  border: 2px solid var(--background-light);
  color: var(--background-light);
  font-weight: var(--font-weight-bold,700);
}
@media (max-width:991px) {
  .br-wizard .wizard-progress-btn .info {
    font-size: var(--font-size-scale-down-02,9.716px);
    line-height: 1em;
    text-align: center;
  }
  .br-wizard[collapsed] .wizard-progress {
    max-height: 64px;
    min-height: 64px;
    overflow-y: hidden;
    padding-bottom: var(--spacing-scale-3x);
    padding-top: var(--spacing-scale-3x);
  }
  .br-wizard[collapsed] .wizard-progress:after {
    margin-top: var(--spacing-scale-4xh);
  }
  .br-wizard[collapsed] .wizard-progress-btn {
    padding-bottom: var(--spacing-scale-base);
  }
  .br-wizard[collapsed] .wizard-progress-btn .info {
    display: none;
  }
  .br-wizard[collapsed] .wizard-form {
    height: auto;
  }
  .br-wizard[collapsed] .wizard-panel-content {
    overflow-x: hidden;
    overflow-y: auto;
  }
}
.br-wizard .wizard-form {
  display: flex;
  flex: 1;
  height: auto;
  overflow: hidden;
  position: relative;
}
.br-wizard .wizard-panel {
  display: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  left: 0;
  margin-bottom: 0;
  opacity: 0;
  position: static;
  top: 0;
  visibility: hidden;
  width: 100%;
}
.br-wizard .wizard-panel[active] {
  display: flex;
  height: auto;
  left: 0 !important;
  opacity: 1;
  transition-delay: 0s;
  transition-duration: .5s;
  transition-property: all;
  transition-timing-function: linear;
  visibility: visible;
}
@keyframes slide-left {
  0% {
    opacity: 0;
    transform: translateX(1%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.br-wizard .wizard-panel-content {
  border-top: 1px solid var(--border-color);
  flex-grow: 1;
  height: auto;
  max-height: none;
  overflow-x: auto;
  overflow-y: auto;
  padding: var(--spacing-scale-base) var(--spacing-scale-2x);
}
.br-wizard .wizard-panel-content::-webkit-scrollbar {
  height: var(--spacing-scale-base);
  width: var(--spacing-scale-base);
}
.br-wizard .wizard-panel-content::-webkit-scrollbar-track {
  background: var(--gray-10);
}
.br-wizard .wizard-panel-content::-webkit-scrollbar-thumb {
  background: var(--gray-30);
}
.br-wizard .wizard-panel-content:hover::-webkit-scrollbar-thumb {
  background: var(--gray-40);
}
.br-wizard .wizard-panel-content.focus-visible,
.br-wizard .wizard-panel-content:focus,
.br-wizard .wizard-panel-content:focus-visible {
  border-color: var(--focus) !important;
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
  outline: none;
}
.br-wizard .wizard-panel-content > :last-child {
  margin-bottom: 0;
}
.br-wizard .wizard-panel-btn {
  align-self: flex-end;
  background-color: var(--background-alternative);
  border-top: 1px solid var(--border-color);
  height: fit-content;
  margin-top: 1px;
  padding: var(--spacing-scale-2x) 1.5%;
  width: 100%;
}
.br-wizard .wizard-btn,
.br-wizard .wizard-btn-next,
.br-wizard .wizard-btn-prev {
  float: right;
  margin-left: var(--spacing-scale-2x);
}
.br-wizard .wizard-btn-canc {
  float: left;
}
@media (max-width:991px) {
  .br-wizard .wizard-form {
    height: auto;
  }
  .br-wizard .wizard-panel {
    border-top: 0;
    display: none;
    flex-wrap: nowrap;
    margin-bottom: 0;
    max-height: none;
  }
  .br-wizard .wizard-panel-content {
    height: auto;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: var(--spacing-scale-half) var(--spacing-scale-base);
    transition-delay: 0s;
    transition-duration: .25s;
    transition-property: all;
    transition-timing-function: linear;
  }
  .br-wizard .wizard-panel-btn {
    align-items: flex-end;
    background-color: var(--background-alternative);
    display: flex;
    flex-wrap: wrap;
    height: fit-content;
    justify-content: center;
    padding: 0 !important;
    position: static;
    width: 100%;
  }
  .br-wizard .wizard-btn,
  .br-wizard .wizard-btn-canc,
  .br-wizard .wizard-btn-next,
  .br-wizard .wizard-btn-prev {
    float: none;
    margin: var(--spacing-scale-base) 5%;
    width: 90%;
  }
  .br-wizard .wizard-btn,
  .br-wizard .wizard-btn-next {
    order: 1;
  }
}
.br-wizard[vertical] {
  flex-direction: row;
}
.br-wizard[vertical] .wizard-progress {
  flex: 1;
  float: none;
  grid-template-columns: 1fr;
  height: auto;
  max-width: 260px;
  overflow-x: hidden;
  padding-top: 0;
  position: relative;
  text-align: right;
}
.br-wizard[vertical] .wizard-progress-btn {
  height: 100%;
  line-height: 100%;
  max-height: 100%;
  padding-bottom: 0;
  padding-right: 70px;
  padding-top: 0;
  text-align: right;
}
.br-wizard[vertical] .wizard-progress-btn:before {
  left: calc(100% - 32px);
  line-height: 26px;
  margin-top: calc(var(--spacing-scale-2x)*-1);
  position: absolute;
  text-align: center;
  top: 50%;
}
.br-wizard[vertical] .wizard-progress-btn:after {
  height: calc(100% - 34px);
  left: calc(100% - 33px);
  position: absolute;
  top: calc(-50% + 18px);
  width: 1px;
}
.br-wizard[vertical] .wizard-progress-btn[active]:after {
  width: 1px;
}
.br-wizard[vertical][scroll] .wizard-progress {
  overflow-y: auto;
}
.br-wizard[vertical][scroll] .wizard-progress::-webkit-scrollbar {
  height: var(--spacing-scale-base);
  width: var(--spacing-scale-base);
}
.br-wizard[vertical][scroll] .wizard-progress::-webkit-scrollbar-track {
  background: var(--gray-10);
}
.br-wizard[vertical][scroll] .wizard-progress::-webkit-scrollbar-thumb {
  background: var(--gray-30);
}
.br-wizard[vertical][scroll] .wizard-progress:hover::-webkit-scrollbar-thumb {
  background: var(--gray-40);
}
.br-wizard[vertical][scroll] .wizard-progress .wizard-progress-btn {
  min-height: 100px;
}
.br-wizard[vertical] .wizard-form {
  float: none;
  height: auto;
  width: calc(100% - 260px);
}
.br-wizard[vertical] .wizard-form .wizard-panel .wizard-panel-content {
  border-top: 0;
}
@media (max-width:991px) {
  .br-wizard[vertical] .wizard-progress {
    max-height: 100%;
    max-width: 110px;
  }
  .br-wizard[vertical] .wizard-progress:after {
    height: 1em;
    left: unset;
    margin-top: -.5em;
    right: 2px;
    top: 50%;
    transform: rotate(-90deg);
    width: 1em;
  }
  .br-wizard[vertical] .wizard-progress-btn {
    line-height: 18px;
    padding-right: var(--spacing-scale-7x);
  }
  .br-wizard[vertical] .wizard-progress-btn .info {
    line-height: 1.6em;
    margin-top: -.5em;
    position: absolute;
    right: 54px;
  }
  .br-wizard[vertical] .wizard-form {
    height: auto;
    max-width: calc(100% - 110px);
    min-width: calc(100% - 110px);
    transition-delay: 0s;
    transition-duration: .25s;
    transition-property: all;
    transition-timing-function: linear;
  }
  .br-wizard[vertical] .wizard-panel {
    height: 100%;
    max-height: 100%;
  }
  .br-wizard[vertical][collapsed] .wizard-progress {
    max-width: 60px;
    padding-bottom: 0;
    padding-top: 0;
  }
  .br-wizard[vertical][collapsed] .wizard-progress-btn {
    padding-right: 0;
  }
  .br-wizard[vertical][collapsed] .wizard-progress-btn .info {
    display: none;
  }
  .br-wizard[vertical][collapsed] .wizard-form {
    max-width: calc(100% - 60px);
    min-width: calc(100% - 60px);
  }
}
.br-wizard.dark-mode,
.br-wizard.inverted {
  --color:var(--color-dark);
  --color-rgb:var(--color-dark-rgb);
  --text-color:var(--color-dark);
  --interactive:var(--interactive-dark);
  --interactive-rgb:var(--interactive-dark-rgb);
  --visited:var(--visited-dark);
  --hover:var(--hover-dark);
  --pressed:var(--pressed-dark);
  --focus-color:var(--focus-color-dark);
  --focus:var(--focus-color-dark);
}
.br-wizard.dark-mode .br-button.is-primary,
.br-wizard.dark-mode .br-button.primary,
.br-wizard.dark-mode .br-button[primary],
.br-wizard.inverted .br-button.is-primary,
.br-wizard.inverted .br-button.primary,
.br-wizard.inverted .br-button[primary] {
  --color:var(--color-light);
  --color-rgb:var(--color-light-rgb);
  --text-color:var(--color-light);
  --interactive:var(--interactive-light);
  --interactive-rgb:var(--background-dark-rgb);
  --visited:var(--visited-light);
  --hover:var(--hover-light);
  --pressed:var(--pressed-light);
  --focus-color:var(--focus-color-light);
  --focus:var(--focus-color-light);
  background-color: var(--interactive-dark);
  color: var(--background-dark);
}
.br-wizard.dark-mode .br-button.is-secondary,
.br-wizard.dark-mode .br-button.secondary,
.br-wizard.dark-mode .br-button[secondary],
.br-wizard.inverted .br-button.is-secondary,
.br-wizard.inverted .br-button.secondary,
.br-wizard.inverted .br-button[secondary] {
  background-color: var(--background-dark);
}
.br-wizard.dark-mode .wizard-progress,
.br-wizard.inverted .wizard-progress {
  background-color: transparent;
}
.br-wizard.dark-mode .wizard-progress-btn[active],
.br-wizard.inverted .wizard-progress-btn[active] {
  color: var(--color);
}
.br-wizard.dark-mode .wizard-progress-btn[active]:before,
.br-wizard.inverted .wizard-progress-btn[active]:before {
  --interactive-rgb:var(--active-rgb);
  background-color: var(--color);
  color: var(--active);
}
.br-wizard.dark-mode .wizard-panel .wizard-panel-btn,
.br-wizard.inverted .wizard-panel .wizard-panel-btn {
  background-color: transparent;
}
[data-toggle=accordion]:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
[data-toggle=accordion]:focus {
  outline: none;
}
[data-toggle=accordion].focus-visible,
[data-toggle=accordion]:focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}
.accordion-example .br-list .header {
  align-items: var(--spacing-vertical-center);
  display: flex;
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-bold);
  justify-content: space-between;
  padding: var(--spacing-scale-base) var(--spacing-scale-2x);
}
.accordion-example .br-list .br-item {
  text-align: var(--spacing-horizontal-left);
  width: 100%;
}
.accordion-example .br-list .br-item .fa,
.accordion-example .br-list .br-item .fab,
.accordion-example .br-list .br-item .fad,
.accordion-example .br-list .br-item .fal,
.accordion-example .br-list .br-item .far,
.accordion-example .br-list .br-item .fas,
.accordion-example .br-list .br-item .svg-inline--fa {
  text-align: center;
}
.accordion-example .br-list .br-item > .content {
  align-items: var(--spacing-vertical-center);
  display: flex;
}
.accordion-example .br-list .br-item > .content > .content {
  flex: 1;
}
.accordion-example .br-list .br-item .content:hover button.br-button {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.accordion-example .br-list .br-item .br-checkbox,
.accordion-example .br-list .br-item .br-radio {
  --interactive-rgb:var(--rgb-primary-default);
  --item-padding-x:0;
  --item-padding-y:0;
}
.accordion-example .br-list .br-item .br-checkbox input:hover:not(:disabled) + label:before,
.accordion-example .br-list .br-item .br-radio input:hover:not(:disabled) + label:before {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.accordion-example .br-list .br-item[data-toggle] {
  cursor: pointer;
}
.accordion-example .br-list .br-item[data-toggle] ~ .br-list .br-item {
  padding: var(--spacing-scale-base) var(--spacing-scale-3x);
}
.accordion-example .br-list .br-list {
  max-height: none;
  overflow: hidden;
  transition: all .4s ease-in-out;
}
.accordion-example .br-list.horizontal {
  display: flex;
  flex-wrap: wrap;
}
.accordion-example .br-list.horizontal > .header {
  flex-grow: 1;
  width: 100%;
}
.accordion-example .br-list.horizontal > .header + .br-divider {
  border-top: 1px solid var(--color-secondary-04);
  width: 100%;
}
.accordion-example .br-list.horizontal > .br-item,
.accordion-example .br-list.horizontal > .group {
  flex: 1;
  height: auto;
  min-height: 56px;
  width: auto;
}
.accordion-example .br-list.horizontal > .br-item.one-line > .content,
.accordion-example .br-list.horizontal > .group.one-line > .content {
  height: 56px;
}
.accordion-example .br-list.horizontal > .br-item.two-lines > .content,
.accordion-example .br-list.horizontal > .group.two-lines > .content {
  height: 72px;
}
.accordion-example .br-list.horizontal > .br-item.three-lines > .content,
.accordion-example .br-list.horizontal > .group.three-lines > .content {
  height: 6em;
}
.accordion-example .br-list.horizontal > .br-item + .br-divider,
.accordion-example .br-list.horizontal > .group + .br-divider {
  border-right: 1px solid var(--color-secondary-04);
  border-top: 0;
  width: 1px;
}
.accordion-example .br-list.horizontal.toggle > .br-item,
.accordion-example .br-list.horizontal[data-toggle] > .br-item {
  display: block;
}
.accordion-example .br-list[data-one-line] .accordion-example .br-list .br-item,
.accordion-example .br-list[data-one-line] .br-item {
  height: 2em;
}
.accordion-example .br-list[data-one-line] .accordion-example .br-list .br-item .content,
.accordion-example .br-list[data-one-line] .br-item .content {
  height: auto;
  overflow: hidden;
  padding: 0 var(--spacing-scale-2x);
  text-overflow: unset;
  white-space: normal;
}
.accordion-example .br-list[data-two-lines] .accordion-example .br-list .br-item,
.accordion-example .br-list[data-two-lines] .br-item {
  height: 4em;
}
.accordion-example .br-list[data-two-lines] .accordion-example .br-list .br-item .content,
.accordion-example .br-list[data-two-lines] .br-item .content {
  height: auto;
  overflow: hidden;
  padding: 0 var(--spacing-scale-2x);
  text-overflow: unset;
  white-space: normal;
}
.accordion-example .br-list[data-three-lines] .accordion-example .br-list .br-item,
.accordion-example .br-list[data-three-lines] .br-item {
  height: 6em;
}
.accordion-example .br-list[data-three-lines] .accordion-example .br-list .br-item .content,
.accordion-example .br-list[data-three-lines] .br-item .content {
  height: auto;
  overflow: hidden;
  padding: 0 var(--spacing-scale-2x);
  text-overflow: unset;
  white-space: normal;
}
.checkgroup-example {
  --checkbox-background:var(--bg-color);
  --checkbox-color:var(--text-color);
  --checkbox-font-weight:var(--font-weight-medium);
  --checkbox-padding:var(--spacing-scale-base);
  --checkbox-size:24px;
  --checkbox-line-height:1.6em;
  display: block;
  line-height: 0px;
}
.checkgroup-example label {
  color: var(--checkbox-color);
  cursor: pointer;
  display: inline-block;
  font-weight: var(--checkbox-font-weight);
  line-height: var(--checkbox-line-height);
  min-height: var(--checkbox-size);
  padding-left: calc(var(--checkbox-size) + var(--checkbox-padding));
  position: relative;
}
.checkgroup-example label:empty {
  padding-left: var(--checkbox-size);
}
.checkgroup-example.hidden-label label {
  padding-left: calc(var(--checkbox-size) + var(--surface-width-md)*2);
  text-indent: -10000px;
  white-space: nowrap;
  width: 0;
}
.checkgroup-example.d-inline label {
  padding-right: var(--spacing-scale-4x);
}
.checkgroup-example input {
  opacity: 0;
  position: absolute;
}
.checkgroup-example input.focus-visible + label:before,
.checkgroup-example input.focus-visible:checked + label:before,
.checkgroup-example input:focus-visible + label:before,
.checkgroup-example input:focus-visible:checked + label:before {
  border-color: var(--focus) !important;
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
  outline: none;
}
.checkgroup-example input:hover:not(:disabled) + label:before {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.checkgroup-example input:disabled + label {
  cursor: not-allowed;
  opacity: var(--disabled);
}
.checkgroup-example input:disabled + label * {
  pointer-events: none;
}
.checkgroup-example input:disabled + label:hover:before {
  background-image: none;
}
.checkgroup-example input + label {
  align-items: flex-start;
  cursor: pointer;
  display: inline-block;
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-medium);
  min-height: var(--spacing-scale-3x);
  position: relative;
}
.checkgroup-example input + label:before {
  background: var(--color-secondary-01,#fff);
  border: 1px solid var(--color-secondary-04);
  border-radius: 4px;
  content: "";
  height: var(--checkbox-size);
  left: 0;
  position: absolute;
  width: var(--checkbox-size);
}
.checkgroup-example input + label:empty {
  padding-left: var(--spacing-scale-3x);
}
.checkgroup-example input:indeterminate,
.checkgroup-example input[indeterminate] {
  color: var(--color-danger,#e52207);
}
.checkgroup-example input:indeterminate + label:before,
.checkgroup-example input[indeterminate] + label:before {
  background: var(--color-primary-lighten-01);
  border-color: var(--color-primary-lighten-01);
}
.checkgroup-example input:checked + label:after,
.checkgroup-example input:indeterminate + label:after {
  border: solid var(--color-primary-lighten-01);
  border-width: 0 3px 3px 0;
  content: "";
  height: var(--icon-size-sm);
  left: 8px;
  position: absolute;
  top: 4px;
  transform: rotate(45deg);
  width: 8px;
}
.checkgroup-example input:checked[indeterminate] + label:after,
.checkgroup-example input:indeterminate + label:after {
  border-color: var(--color-secondary-01);
  border-width: 0 0 3px;
  top: 2px;
  transform: none;
}
.checkgroup-example input:invalid + label:before {
  border-color: var(--color-danger,#e52207);
  border-width: 2px;
}
.checkgroup-example input:disabled + label:before {
  box-shadow: none;
}
.checkgroup-example.is-small input[type=checkbox] + label,
.checkgroup-example.small input[type=checkbox] + label,
.checkgroup-example[small] input[type=checkbox] + label {
  line-height: var(--spacing-scale-2xh);
  min-height: var(--spacing-scale-2xh);
}
.checkgroup-example.is-small input[type=checkbox] + label:before,
.checkgroup-example.small input[type=checkbox] + label:before,
.checkgroup-example[small] input[type=checkbox] + label:before {
  height: var(--spacing-scale-2xh);
  width: var(--spacing-scale-2xh);
}
.checkgroup-example.is-small input[type=checkbox]:checked + label:after,
.checkgroup-example.small input[type=checkbox]:checked + label:after,
.checkgroup-example[small] input[type=checkbox]:checked + label:after {
  border-width: 0 2px 2px 0;
  height: var(--icon-size-sm);
  left: 7px;
  top: 4px;
  width: 6px;
}
.checkgroup-example.is-small input[type=checkbox]:checked[indeterminate] + label:after,
.checkgroup-example.is-small input[type=checkbox]:indeterminate + label:after,
.checkgroup-example.small input[type=checkbox]:checked[indeterminate] + label:after,
.checkgroup-example.small input[type=checkbox]:indeterminate + label:after,
.checkgroup-example[small] input[type=checkbox]:checked[indeterminate] + label:after,
.checkgroup-example[small] input[type=checkbox]:indeterminate + label:after {
  border-color: var(--color-secondary-01);
  border-width: 0 0 3px;
  left: 7px;
  top: 1px;
  transform: none;
  width: 6px;
}
.checkgroup-example.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox] + label:before,
.checkgroup-example.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox] + label:before,
.checkgroup-example[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox] + label:before {
  border-color: var(--color-danger,#e52207);
  border-width: 2px;
}
.checkgroup-example.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus + label:before,
.checkgroup-example.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus:checked + label:before,
.checkgroup-example.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus + label:before,
.checkgroup-example.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus:checked + label:before,
.checkgroup-example[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus + label:before,
.checkgroup-example[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus:checked + label:before {
  border-color: var(--color-danger,#e52207);
}
.checkgroup-example.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:checked + label:before,
.checkgroup-example.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:checked + label:before,
.checkgroup-example[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:checked + label:before {
  border-color: var(--color-danger,#e52207);
}
.checkgroup-example.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox] + label:before,
.checkgroup-example.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox] + label:before,
.checkgroup-example[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox] + label:before {
  border-color: var(--color-success,#168821);
  border-width: 2px;
}
.checkgroup-example.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus + label:before,
.checkgroup-example.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus:checked + label:before,
.checkgroup-example.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus + label:before,
.checkgroup-example.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus:checked + label:before,
.checkgroup-example[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus + label:before,
.checkgroup-example[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus:checked + label:before {
  border-color: var(--color-success,#168821);
}
.checkgroup-example.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:checked + label:before,
.checkgroup-example.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:checked + label:before,
.checkgroup-example[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:checked + label:before {
  border-color: var(--color-success,#168821);
}
[data-toggle=collapse]:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
[data-toggle=collapse]:focus {
  outline: none;
}
[data-toggle=collapse].focus-visible,
[data-toggle=collapse]:focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}

/* node_modules/@govbr-ds/core/dist/core-tokens.min.css */
:root {
  --blue-90:#11181d;
  --blue-80:#1f303e;
  --blue-70:#274863;
  --blue-60:#2c608a;
  --blue-50:#2378c3;
  --blue-40:#4f97d1;
  --blue-30:#73b3e7;
  --blue-20:#aacdec;
  --blue-10:#dbe8fb;
  --blue-5:#eff6fb;
  --blue-cool-90:#0f191c;
  --blue-cool-80:#14333d;
  --blue-cool-70:#224a58;
  --blue-cool-60:#2e6276;
  --blue-cool-50:#3a7d95;
  --blue-cool-40:#6499af;
  --blue-cool-30:#82b4c9;
  --blue-cool-20:#adcfdc;
  --blue-cool-10:#dae9ee;
  --blue-cool-5:#e7f2f5;
  --blue-warm-90:#13171f;
  --blue-warm-80:#252f3e;
  --blue-warm-70:#2f4668;
  --blue-warm-60:#345d96;
  --blue-warm-50:#4a77b4;
  --blue-warm-40:#7292c7;
  --blue-warm-30:#98afd2;
  --blue-warm-20:#c5d4eb;
  --blue-warm-10:#e1e7f1;
  --blue-warm-5:#ecf1f7;
  --blue-vivid-80:#112f4e;
  --blue-vivid-70:#0b4778;
  --blue-vivid-60:#005ea2;
  --blue-vivid-50:#0076d6;
  --blue-vivid-40:#2491ff;
  --blue-vivid-30:#58b4ff;
  --blue-vivid-20:#a1d3ff;
  --blue-vivid-10:#cfe8ff;
  --blue-vivid-5:#e8f5ff;
  --blue-cool-vivid-80:#002d3f;
  --blue-cool-vivid-70:#074b69;
  --blue-cool-vivid-60:#07648d;
  --blue-cool-vivid-50:#0d7ea2;
  --blue-cool-vivid-40:#28a0cb;
  --blue-cool-vivid-30:#59b9de;
  --blue-cool-vivid-20:#97d4ea;
  --blue-cool-vivid-10:#c3ebfa;
  --blue-cool-vivid-5:#e1f3f8;
  --blue-warm-vivid-90:#071d41;
  --blue-warm-vivid-80:#0c326f;
  --blue-warm-vivid-70:#1351b4;
  --blue-warm-vivid-60:#155bcb;
  --blue-warm-vivid-50:#2670e8;
  --blue-warm-vivid-40:#5992ed;
  --blue-warm-vivid-30:#81aefc;
  --blue-warm-vivid-20:#adcdff;
  --blue-warm-vivid-10:#d4e5ff;
  --blue-warm-vivid-5:#edf5ff;
  --blue-90-rgb:17,24,29;
  --blue-80-rgb:31,48,62;
  --blue-70-rgb:39,72,99;
  --blue-60-rgb:44,96,138;
  --blue-50-rgb:35,120,195;
  --blue-40-rgb:79,151,209;
  --blue-30-rgb:115,179,231;
  --blue-20-rgb:170,205,236;
  --blue-10-rgb:219,232,251;
  --blue-5-rgb:239,246,251;
  --blue-cool-90-rgb:15,25,28;
  --blue-cool-80-rgb:20,51,61;
  --blue-cool-70-rgb:34,74,88;
  --blue-cool-60-rgb:46,98,118;
  --blue-cool-50-rgb:58,125,149;
  --blue-cool-40-rgb:100,153,175;
  --blue-cool-30-rgb:130,180,201;
  --blue-cool-20-rgb:173,207,220;
  --blue-cool-10-rgb:218,233,238;
  --blue-cool-5-rgb:231,242,245;
  --blue-warm-90-rgb:19,23,31;
  --blue-warm-80-rgb:37,47,62;
  --blue-warm-70-rgb:47,70,104;
  --blue-warm-60-rgb:52,93,150;
  --blue-warm-50-rgb:74,119,180;
  --blue-warm-40-rgb:114,146,199;
  --blue-warm-30-rgb:152,175,210;
  --blue-warm-20-rgb:197,212,235;
  --blue-warm-10-rgb:225,231,241;
  --blue-warm-5-rgb:236,241,247;
  --blue-vivid-80-rgb:17,47,78;
  --blue-vivid-70-rgb:11,71,120;
  --blue-vivid-60-rgb:0,94,162;
  --blue-vivid-50-rgb:0,118,214;
  --blue-vivid-40-rgb:36,145,255;
  --blue-vivid-30-rgb:88,180,255;
  --blue-vivid-20-rgb:161,211,255;
  --blue-vivid-10-rgb:207,232,255;
  --blue-vivid-5-rgb:232,245,255;
  --blue-cool-vivid-80-rgb:0,45,63;
  --blue-cool-vivid-70-rgb:7,75,105;
  --blue-cool-vivid-60-rgb:7,100,141;
  --blue-cool-vivid-50-rgb:13,126,162;
  --blue-cool-vivid-40-rgb:40,160,203;
  --blue-cool-vivid-30-rgb:89,185,222;
  --blue-cool-vivid-20-rgb:151,212,234;
  --blue-cool-vivid-10-rgb:195,235,250;
  --blue-cool-vivid-5-rgb:225,243,248;
  --blue-warm-vivid-90-rgb:7,29,65;
  --blue-warm-vivid-80-rgb:12,50,111;
  --blue-warm-vivid-70-rgb:19,81,180;
  --blue-warm-vivid-60-rgb:21,91,203;
  --blue-warm-vivid-50-rgb:38,112,232;
  --blue-warm-vivid-40-rgb:89,146,237;
  --blue-warm-vivid-30-rgb:129,174,252;
  --blue-warm-vivid-20-rgb:173,205,255;
  --blue-warm-vivid-10-rgb:212,229,255;
  --blue-warm-vivid-5-rgb:237,245,255;
  --cyan-90:#111819;
  --cyan-80:#203133;
  --cyan-70:#2c4a4e;
  --cyan-60:#2a646d;
  --cyan-50:#168092;
  --cyan-40:#449dac;
  --cyan-30:#5dc0d1;
  --cyan-20:#99deea;
  --cyan-10:#ccecf2;
  --cyan-5:#e7f6f8;
  --cyan-vivid-80:#093b44;
  --cyan-vivid-70:#0e4f5c;
  --cyan-vivid-60:#00687d;
  --cyan-vivid-50:#0081a1;
  --cyan-vivid-40:#009ec1;
  --cyan-vivid-30:#00bde3;
  --cyan-vivid-20:#52daf2;
  --cyan-vivid-10:#a8f2ff;
  --cyan-vivid-5:#e5faff;
  --cyan-90-rgb:17,24,25;
  --cyan-80-rgb:32,49,51;
  --cyan-70-rgb:44,74,78;
  --cyan-60-rgb:42,100,109;
  --cyan-50-rgb:22,128,146;
  --cyan-40-rgb:68,157,172;
  --cyan-30-rgb:93,192,209;
  --cyan-20-rgb:153,222,234;
  --cyan-10-rgb:204,236,242;
  --cyan-5-rgb:231,246,248;
  --cyan-vivid-80-rgb:9,59,68;
  --cyan-vivid-70-rgb:14,79,92;
  --cyan-vivid-60-rgb:0,104,125;
  --cyan-vivid-50-rgb:0,129,161;
  --cyan-vivid-40-rgb:0,158,193;
  --cyan-vivid-30-rgb:0,189,227;
  --cyan-vivid-20-rgb:82,218,242;
  --cyan-vivid-10-rgb:168,242,255;
  --cyan-vivid-5-rgb:229,250,255;
  --gold-90:#191714;
  --gold-80:#322d26;
  --gold-70:#4d4438;
  --gold-60:#6b5947;
  --gold-50:#8e704f;
  --gold-40:#ad8b65;
  --gold-30:#c7a97b;
  --gold-20:#dec69a;
  --gold-10:#f1e5cd;
  --gold-5:#f5f0e6;
  --gold-vivid-80:#3b2b15;
  --gold-vivid-70:#5c410a;
  --gold-vivid-60:#7a591a;
  --gold-vivid-50:#936f38;
  --gold-vivid-40:#c2850c;
  --gold-vivid-30:#e5a000;
  --gold-vivid-20:#ffbe2e;
  --gold-vivid-10:#ffe396;
  --gold-vivid-5:#fef0c8;
  --gold-90-rgb:25,23,20;
  --gold-80-rgb:50,45,38;
  --gold-70-rgb:77,68,56;
  --gold-60-rgb:107,89,71;
  --gold-50-rgb:142,112,79;
  --gold-40-rgb:173,139,101;
  --gold-30-rgb:199,169,123;
  --gold-20-rgb:222,198,154;
  --gold-10-rgb:241,229,205;
  --gold-5-rgb:245,240,230;
  --gold-vivid-80-rgb:59,43,21;
  --gold-vivid-70-rgb:92,65,10;
  --gold-vivid-60-rgb:122,89,26;
  --gold-vivid-50-rgb:147,111,56;
  --gold-vivid-40-rgb:194,133,12;
  --gold-vivid-30-rgb:229,160,0;
  --gold-vivid-20-rgb:255,190,46;
  --gold-vivid-10-rgb:255,227,150;
  --gold-vivid-5-rgb:254,240,200;
  --gray-90:#1b1b1b;
  --gray-80:#333;
  --gray-70:#555;
  --gray-60:#636363;
  --gray-50:#757575;
  --gray-40:#888;
  --gray-30:#adadad;
  --gray-20:#ccc;
  --gray-10:#e6e6e6;
  --gray-5:#f0f0f0;
  --gray-4:#f3f3f3;
  --gray-3:#f6f6f6;
  --gray-2:#f8f8f8;
  --gray-1:#fcfcfc;
  --gray-cool-90:#1c1d1f;
  --gray-cool-80:#2d2e2f;
  --gray-cool-70:#3d4551;
  --gray-cool-60:#565c65;
  --gray-cool-50:#71767a;
  --gray-cool-40:#8d9297;
  --gray-cool-30:#a9aeb1;
  --gray-cool-20:#c6cace;
  --gray-cool-10:#dfe1e2;
  --gray-cool-5:#edeff0;
  --gray-cool-4:#f1f3f6;
  --gray-cool-3:#f5f6f7;
  --gray-cool-2:#f7f9fa;
  --gray-cool-1:#fbfcfd;
  --gray-warm-90:#171716;
  --gray-warm-80:#2e2e2a;
  --gray-warm-70:#454540;
  --gray-warm-60:#5d5d52;
  --gray-warm-50:#76766a;
  --gray-warm-40:#929285;
  --gray-warm-30:#afaea2;
  --gray-warm-20:#cac9c0;
  --gray-warm-10:#e6e6e2;
  --gray-warm-5:#f0f0ec;
  --gray-warm-4:#f5f5f0;
  --gray-warm-3:#f6f6f2;
  --gray-warm-2:#f9f9f7;
  --gray-warm-1:#fcfcfb;
  --gray-90-rgb:27,27,27;
  --gray-80-rgb:51,51,51;
  --gray-70-rgb:85,85,85;
  --gray-60-rgb:99,99,99;
  --gray-50-rgb:117,117,117;
  --gray-40-rgb:136,136,136;
  --gray-30-rgb:173,173,173;
  --gray-20-rgb:204,204,204;
  --gray-10-rgb:230,230,230;
  --gray-5-rgb:240,240,240;
  --gray-4-rgb:243,243,243;
  --gray-3-rgb:246,246,246;
  --gray-2-rgb:248,248,248;
  --gray-1-rgb:252,252,252;
  --gray-cool-90-rgb:28,29,31;
  --gray-cool-80-rgb:45,46,47;
  --gray-cool-70-rgb:61,69,81;
  --gray-cool-60-rgb:86,92,101;
  --gray-cool-50-rgb:113,118,122;
  --gray-cool-40-rgb:141,146,151;
  --gray-cool-30-rgb:169,174,177;
  --gray-cool-20-rgb:198,202,206;
  --gray-cool-10-rgb:223,225,226;
  --gray-cool-5-rgb:237,239,240;
  --gray-cool-4-rgb:241,243,246;
  --gray-cool-3-rgb:245,246,247;
  --gray-cool-2-rgb:247,249,250;
  --gray-cool-1-rgb:251,252,253;
  --gray-warm-90-rgb:23,23,22;
  --gray-warm-80-rgb:46,46,42;
  --gray-warm-70-rgb:69,69,64;
  --gray-warm-60-rgb:93,93,82;
  --gray-warm-50-rgb:118,118,106;
  --gray-warm-40-rgb:146,146,133;
  --gray-warm-30-rgb:175,174,162;
  --gray-warm-20-rgb:202,201,192;
  --gray-warm-10-rgb:230,230,226;
  --gray-warm-5-rgb:240,240,236;
  --gray-warm-4-rgb:245,245,240;
  --gray-warm-3-rgb:246,246,242;
  --gray-warm-2-rgb:249,249,247;
  --gray-warm-1-rgb:252,252,251;
  --green-90:#161814;
  --green-80:#293021;
  --green-70:#3c4a29;
  --green-60:#4c6424;
  --green-50:#607f35;
  --green-40:#7d9b4e;
  --green-30:#9bb672;
  --green-20:#b8d293;
  --green-10:#dfeacd;
  --green-5:#eaf4dd;
  --green-cool-90:#1a1f1a;
  --green-cool-80:#28312a;
  --green-cool-70:#37493b;
  --green-cool-60:#446443;
  --green-cool-50:#4d8055;
  --green-cool-40:#5e9f69;
  --green-cool-30:#86b98e;
  --green-cool-20:#b4d0b9;
  --green-cool-10:#dbebde;
  --green-cool-5:#ecf3ec;
  --green-warm-90:#171712;
  --green-warm-80:#2d2f21;
  --green-warm-70:#45472f;
  --green-warm-60:#5a5f38;
  --green-warm-50:#6f7a41;
  --green-warm-40:#8a984b;
  --green-warm-30:#a6b557;
  --green-warm-20:#cbd17a;
  --green-warm-10:#e7eab7;
  --green-warm-5:#f1f4d7;
  --green-vivid-80:#243413;
  --green-vivid-70:#2f4a0b;
  --green-vivid-60:#466c04;
  --green-vivid-50:#538200;
  --green-vivid-40:#719f2a;
  --green-vivid-30:#7fb135;
  --green-vivid-20:#98d035;
  --green-vivid-10:#c5ee93;
  --green-vivid-5:#ddf9c7;
  --green-cool-vivid-80:#19311e;
  --green-cool-vivid-70:#154c21;
  --green-cool-vivid-60:#216e1f;
  --green-cool-vivid-50:#168821;
  --green-cool-vivid-40:#00a91c;
  --green-cool-vivid-30:#21c834;
  --green-cool-vivid-20:#70e17b;
  --green-cool-vivid-10:#b7f5bd;
  --green-cool-vivid-5:#e3f5e1;
  --green-warm-vivid-80:#38380b;
  --green-warm-vivid-70:#4b4e10;
  --green-warm-vivid-60:#5a6613;
  --green-warm-vivid-50:#6a7d00;
  --green-warm-vivid-40:#7e9c1d;
  --green-warm-vivid-30:#a3b72c;
  --green-warm-vivid-20:#c5d30a;
  --green-warm-vivid-10:#e7f434;
  --green-warm-vivid-5:#f5fbc1;
  --green-90-rgb:22,24,20;
  --green-80-rgb:41,48,33;
  --green-70-rgb:60,74,41;
  --green-60-rgb:76,100,36;
  --green-50-rgb:96,127,53;
  --green-40-rgb:125,155,78;
  --green-30-rgb:155,182,114;
  --green-20-rgb:184,210,147;
  --green-10-rgb:223,234,205;
  --green-5-rgb:234,244,221;
  --green-cool-90-rgb:26,31,26;
  --green-cool-80-rgb:40,49,42;
  --green-cool-70-rgb:55,73,59;
  --green-cool-60-rgb:68,100,67;
  --green-cool-50-rgb:77,128,85;
  --green-cool-40-rgb:94,159,105;
  --green-cool-30-rgb:134,185,142;
  --green-cool-20-rgb:180,208,185;
  --green-cool-10-rgb:219,235,222;
  --green-cool-5-rgb:236,243,236;
  --green-warm-90-rgb:23,23,18;
  --green-warm-80-rgb:45,47,33;
  --green-warm-70-rgb:69,71,47;
  --green-warm-60-rgb:90,95,56;
  --green-warm-50-rgb:111,122,65;
  --green-warm-40-rgb:138,152,75;
  --green-warm-30-rgb:166,181,87;
  --green-warm-20-rgb:203,209,122;
  --green-warm-10-rgb:231,234,183;
  --green-warm-5-rgb:241,244,215;
  --green-vivid-80-rgb:36,52,19;
  --green-vivid-70-rgb:47,74,11;
  --green-vivid-60-rgb:70,108,4;
  --green-vivid-50-rgb:83,130,0;
  --green-vivid-40-rgb:113,159,42;
  --green-vivid-30-rgb:127,177,53;
  --green-vivid-20-rgb:152,208,53;
  --green-vivid-10-rgb:197,238,147;
  --green-vivid-5-rgb:221,249,199;
  --green-cool-vivid-80-rgb:25,49,30;
  --green-cool-vivid-70-rgb:21,76,33;
  --green-cool-vivid-60-rgb:33,110,31;
  --green-cool-vivid-50-rgb:22,136,33;
  --green-cool-vivid-40-rgb:0,169,28;
  --green-cool-vivid-30-rgb:33,200,52;
  --green-cool-vivid-20-rgb:112,225,123;
  --green-cool-vivid-10-rgb:183,245,189;
  --green-cool-vivid-5-rgb:227,245,225;
  --green-warm-vivid-80-rgb:56,56,11;
  --green-warm-vivid-70-rgb:75,78,16;
  --green-warm-vivid-60-rgb:90,102,19;
  --green-warm-vivid-50-rgb:106,125,0;
  --green-warm-vivid-40-rgb:126,156,29;
  --green-warm-vivid-30-rgb:163,183,44;
  --green-warm-vivid-20-rgb:197,211,10;
  --green-warm-vivid-10-rgb:231,244,52;
  --green-warm-vivid-5-rgb:245,251,193;
  --indigo-90:#16171f;
  --indigo-80:#2b2c40;
  --indigo-70:#3d4076;
  --indigo-60:#4d52af;
  --indigo-50:#676cc8;
  --indigo-40:#8889db;
  --indigo-30:#a5a8eb;
  --indigo-20:#c5c5f3;
  --indigo-10:#e5e4fa;
  --indigo-5:#efeff8;
  --indigo-cool-90:#151622;
  --indigo-cool-80:#292d42;
  --indigo-cool-70:#374274;
  --indigo-cool-60:#3f57a6;
  --indigo-cool-50:#496fd8;
  --indigo-cool-40:#6b8ee8;
  --indigo-cool-30:#96abee;
  --indigo-cool-20:#bbc8f5;
  --indigo-cool-10:#e1e6f9;
  --indigo-cool-5:#eef0f9;
  --indigo-warm-90:#18161d;
  --indigo-warm-80:#2e2c40;
  --indigo-warm-70:#453c7b;
  --indigo-warm-60:#5e519e;
  --indigo-warm-50:#7665d1;
  --indigo-warm-40:#9287d8;
  --indigo-warm-30:#afa5e8;
  --indigo-warm-20:#cbc4f2;
  --indigo-warm-10:#e7e3fa;
  --indigo-warm-5:#f1eff7;
  --indigo-vivid-80:#212463;
  --indigo-vivid-70:#3333a3;
  --indigo-vivid-60:#4a50c4;
  --indigo-vivid-50:#656bd7;
  --indigo-vivid-40:#8289ff;
  --indigo-vivid-30:#a3a7fa;
  --indigo-vivid-20:#ccceff;
  --indigo-vivid-10:#e0e0ff;
  --indigo-vivid-5:#f0f0ff;
  --indigo-cool-vivid-80:#1b2b85;
  --indigo-cool-vivid-70:#222fbf;
  --indigo-cool-vivid-60:#3e4ded;
  --indigo-cool-vivid-50:#4866ff;
  --indigo-cool-vivid-40:#628ef4;
  --indigo-cool-vivid-30:#94adff;
  --indigo-cool-vivid-20:#b8c8ff;
  --indigo-cool-vivid-10:#dee5ff;
  --indigo-cool-vivid-5:#edf0ff;
  --indigo-warm-vivid-80:#261f5b;
  --indigo-warm-vivid-70:#3d2c9d;
  --indigo-warm-vivid-60:#5942d2;
  --indigo-warm-vivid-50:#745fe9;
  --indigo-warm-vivid-40:#967efb;
  --indigo-warm-vivid-30:#b69fff;
  --indigo-warm-vivid-20:#cfc4fd;
  --indigo-warm-vivid-10:#e4deff;
  --indigo-warm-vivid-5:#f5f2ff;
  --indigo-90-rgb:22,23,31;
  --indigo-80-rgb:43,44,64;
  --indigo-70-rgb:61,64,118;
  --indigo-60-rgb:77,82,175;
  --indigo-50-rgb:103,108,200;
  --indigo-40-rgb:136,137,219;
  --indigo-30-rgb:165,168,235;
  --indigo-20-rgb:197,197,243;
  --indigo-10-rgb:229,228,250;
  --indigo-5-rgb:239,239,248;
  --indigo-cool-90-rgb:21,22,34;
  --indigo-cool-80-rgb:41,45,66;
  --indigo-cool-70-rgb:55,66,116;
  --indigo-cool-60-rgb:63,87,166;
  --indigo-cool-50-rgb:73,111,216;
  --indigo-cool-40-rgb:107,142,232;
  --indigo-cool-30-rgb:150,171,238;
  --indigo-cool-20-rgb:187,200,245;
  --indigo-cool-10-rgb:225,230,249;
  --indigo-cool-5-rgb:238,240,249;
  --indigo-warm-90-rgb:24,22,29;
  --indigo-warm-80-rgb:46,44,64;
  --indigo-warm-70-rgb:69,60,123;
  --indigo-warm-60-rgb:94,81,158;
  --indigo-warm-50-rgb:118,101,209;
  --indigo-warm-40-rgb:146,135,216;
  --indigo-warm-30-rgb:175,165,232;
  --indigo-warm-20-rgb:203,196,242;
  --indigo-warm-10-rgb:231,227,250;
  --indigo-warm-5-rgb:241,239,247;
  --indigo-vivid-80-rgb:33,36,99;
  --indigo-vivid-70-rgb:51,51,163;
  --indigo-vivid-60-rgb:74,80,196;
  --indigo-vivid-50-rgb:101,107,215;
  --indigo-vivid-40-rgb:130,137,255;
  --indigo-vivid-30-rgb:163,167,250;
  --indigo-vivid-20-rgb:204,206,255;
  --indigo-vivid-10-rgb:224,224,255;
  --indigo-vivid-5-rgb:240,240,255;
  --indigo-cool-vivid-80-rgb:27,43,133;
  --indigo-cool-vivid-70-rgb:34,47,191;
  --indigo-cool-vivid-60-rgb:62,77,237;
  --indigo-cool-vivid-50-rgb:72,102,255;
  --indigo-cool-vivid-40-rgb:98,142,244;
  --indigo-cool-vivid-30-rgb:148,173,255;
  --indigo-cool-vivid-20-rgb:184,200,255;
  --indigo-cool-vivid-10-rgb:222,229,255;
  --indigo-cool-vivid-5-rgb:237,240,255;
  --indigo-warm-vivid-80-rgb:38,31,91;
  --indigo-warm-vivid-70-rgb:61,44,157;
  --indigo-warm-vivid-60-rgb:89,66,210;
  --indigo-warm-vivid-50-rgb:116,95,233;
  --indigo-warm-vivid-40-rgb:150,126,251;
  --indigo-warm-vivid-30-rgb:182,159,255;
  --indigo-warm-vivid-20-rgb:207,196,253;
  --indigo-warm-vivid-10-rgb:228,222,255;
  --indigo-warm-vivid-5-rgb:245,242,255;
  --magenta-90:#1b1617;
  --magenta-80:#402731;
  --magenta-70:#66364b;
  --magenta-60:#8b4566;
  --magenta-50:#c84281;
  --magenta-40:#e0699f;
  --magenta-30:#e895b3;
  --magenta-20:#f0bbcc;
  --magenta-10:#f6e1e8;
  --magenta-5:#f9f0f2;
  --magenta-vivid-80:#4f172e;
  --magenta-vivid-70:#731f44;
  --magenta-vivid-60:#ab2165;
  --magenta-vivid-50:#d72d79;
  --magenta-vivid-40:#fd4496;
  --magenta-vivid-30:#ff87b2;
  --magenta-vivid-20:#ffb4cf;
  --magenta-vivid-10:#ffddea;
  --magenta-vivid-5:#fff2f5;
  --magenta-90-rgb:27,22,23;
  --magenta-80-rgb:64,39,49;
  --magenta-70-rgb:102,54,75;
  --magenta-60-rgb:139,69,102;
  --magenta-50-rgb:200,66,129;
  --magenta-40-rgb:224,105,159;
  --magenta-30-rgb:232,149,179;
  --magenta-20-rgb:240,187,204;
  --magenta-10-rgb:246,225,232;
  --magenta-5-rgb:249,240,242;
  --magenta-vivid-80-rgb:79,23,46;
  --magenta-vivid-70-rgb:115,31,68;
  --magenta-vivid-60-rgb:171,33,101;
  --magenta-vivid-50-rgb:215,45,121;
  --magenta-vivid-40-rgb:253,68,150;
  --magenta-vivid-30-rgb:255,135,178;
  --magenta-vivid-20-rgb:255,180,207;
  --magenta-vivid-10-rgb:255,221,234;
  --magenta-vivid-5-rgb:255,242,245;
  --mint-90:#0d1a12;
  --mint-80:#193324;
  --mint-70:#204e34;
  --mint-60:#286846;
  --mint-50:#2e8367;
  --mint-40:#34a37e;
  --mint-30:#5abf95;
  --mint-20:#92d9bb;
  --mint-10:#c7efe2;
  --mint-5:#dbf6ed;
  --mint-cool-90:#111818;
  --mint-cool-80:#203131;
  --mint-cool-70:#2a4b45;
  --mint-cool-60:#376462;
  --mint-cool-50:#40807e;
  --mint-cool-40:#4f9e99;
  --mint-cool-30:#6fbab3;
  --mint-cool-20:#9bd4cf;
  --mint-cool-10:#c4eeeb;
  --mint-cool-5:#e0f7f6;
  --mint-vivid-80:#0d351e;
  --mint-vivid-70:#0c4e29;
  --mint-vivid-60:#146947;
  --mint-vivid-50:#008659;
  --mint-vivid-40:#00a871;
  --mint-vivid-30:#04c585;
  --mint-vivid-20:#0ceda6;
  --mint-vivid-10:#83fcd4;
  --mint-vivid-5:#c9fbeb;
  --mint-cool-vivid-80:#123131;
  --mint-cool-vivid-70:#0b4b3f;
  --mint-cool-vivid-60:#0f6460;
  --mint-cool-vivid-50:#008480;
  --mint-cool-vivid-40:#36a191;
  --mint-cool-vivid-30:#1dc2ae;
  --mint-cool-vivid-20:#40e0d0;
  --mint-cool-vivid-10:#7efbe1;
  --mint-cool-vivid-5:#d5fbf3;
  --mint-90-rgb:13,26,18;
  --mint-80-rgb:25,51,36;
  --mint-70-rgb:32,78,52;
  --mint-60-rgb:40,104,70;
  --mint-50-rgb:46,131,103;
  --mint-40-rgb:52,163,126;
  --mint-30-rgb:90,191,149;
  --mint-20-rgb:146,217,187;
  --mint-10-rgb:199,239,226;
  --mint-5-rgb:219,246,237;
  --mint-cool-90-rgb:17,24,24;
  --mint-cool-80-rgb:32,49,49;
  --mint-cool-70-rgb:42,75,69;
  --mint-cool-60-rgb:55,100,98;
  --mint-cool-50-rgb:64,128,126;
  --mint-cool-40-rgb:79,158,153;
  --mint-cool-30-rgb:111,186,179;
  --mint-cool-20-rgb:155,212,207;
  --mint-cool-10-rgb:196,238,235;
  --mint-cool-5-rgb:224,247,246;
  --mint-vivid-80-rgb:13,53,30;
  --mint-vivid-70-rgb:12,78,41;
  --mint-vivid-60-rgb:20,105,71;
  --mint-vivid-50-rgb:0,134,89;
  --mint-vivid-40-rgb:0,168,113;
  --mint-vivid-30-rgb:4,197,133;
  --mint-vivid-20-rgb:12,237,166;
  --mint-vivid-10-rgb:131,252,212;
  --mint-vivid-5-rgb:201,251,235;
  --mint-cool-vivid-80-rgb:18,49,49;
  --mint-cool-vivid-70-rgb:11,75,63;
  --mint-cool-vivid-60-rgb:15,100,96;
  --mint-cool-vivid-50-rgb:0,132,128;
  --mint-cool-vivid-40-rgb:54,161,145;
  --mint-cool-vivid-30-rgb:29,194,174;
  --mint-cool-vivid-20-rgb:64,224,208;
  --mint-cool-vivid-10-rgb:126,251,225;
  --mint-cool-vivid-5-rgb:213,251,243;
  --orange-90:#1b1614;
  --orange-80:#332d27;
  --orange-70:#524236;
  --orange-60:#775540;
  --orange-50:#a26739;
  --orange-40:#dd7533;
  --orange-30:#f09860;
  --orange-20:#f3bf90;
  --orange-10:#f2e4d4;
  --orange-5:#f6efe9;
  --orange-warm-90:#1c1615;
  --orange-warm-80:#3d2925;
  --orange-warm-70:#633a32;
  --orange-warm-60:#914734;
  --orange-warm-50:#bd5727;
  --orange-warm-40:#e17141;
  --orange-warm-30:#f3966d;
  --orange-warm-20:#f7bca2;
  --orange-warm-10:#fbe0d0;
  --orange-warm-5:#faeee5;
  --orange-vivid-80:#352313;
  --orange-vivid-70:#5f3617;
  --orange-vivid-60:#8c471c;
  --orange-vivid-50:#c05600;
  --orange-vivid-40:#e66f0e;
  --orange-vivid-30:#ff8c00;
  --orange-vivid-20:#ffbc78;
  --orange-vivid-10:#fce2c5;
  --orange-vivid-5:#fdf5e6;
  --orange-warm-vivid-80:#3d231d;
  --orange-warm-vivid-70:#782312;
  --orange-warm-vivid-60:#a72f10;
  --orange-warm-vivid-50:#cf4900;
  --orange-warm-vivid-40:#ff580a;
  --orange-warm-vivid-30:#fc906d;
  --orange-warm-vivid-20:#fbbaa7;
  --orange-warm-vivid-10:#ffe2d1;
  --orange-warm-vivid-5:#fff3ea;
  --orange-90-rgb:27,22,20;
  --orange-80-rgb:51,45,39;
  --orange-70-rgb:82,66,54;
  --orange-60-rgb:119,85,64;
  --orange-50-rgb:162,103,57;
  --orange-40-rgb:221,117,51;
  --orange-30-rgb:240,152,96;
  --orange-20-rgb:243,191,144;
  --orange-10-rgb:242,228,212;
  --orange-5-rgb:246,239,233;
  --orange-warm-90-rgb:28,22,21;
  --orange-warm-80-rgb:61,41,37;
  --orange-warm-70-rgb:99,58,50;
  --orange-warm-60-rgb:145,71,52;
  --orange-warm-50-rgb:189,87,39;
  --orange-warm-40-rgb:225,113,65;
  --orange-warm-30-rgb:243,150,109;
  --orange-warm-20-rgb:247,188,162;
  --orange-warm-10-rgb:251,224,208;
  --orange-warm-5-rgb:250,238,229;
  --orange-vivid-80-rgb:53,35,19;
  --orange-vivid-70-rgb:95,54,23;
  --orange-vivid-60-rgb:140,71,28;
  --orange-vivid-50-rgb:192,86,0;
  --orange-vivid-40-rgb:230,111,14;
  --orange-vivid-30-rgb:255,140,0;
  --orange-vivid-20-rgb:255,188,120;
  --orange-vivid-10-rgb:252,226,197;
  --orange-vivid-5-rgb:253,245,230;
  --orange-warm-vivid-80-rgb:61,35,29;
  --orange-warm-vivid-70-rgb:120,35,18;
  --orange-warm-vivid-60-rgb:167,47,16;
  --orange-warm-vivid-50-rgb:207,73,0;
  --orange-warm-vivid-40-rgb:255,88,10;
  --orange-warm-vivid-30-rgb:252,144,109;
  --orange-warm-vivid-20-rgb:251,186,167;
  --orange-warm-vivid-10-rgb:255,226,209;
  --orange-warm-vivid-5-rgb:255,243,234;
  --pure-100:#000;
  --pure-0:#fff;
  --pure-100-rgb:0,0,0;
  --pure-0-rgb:255,255,255;
  --red-90:#1b1616;
  --red-80:#3e2927;
  --red-70:#6f3331;
  --red-60:#a23737;
  --red-50:#d83933;
  --red-40:#e9695f;
  --red-30:#f2938c;
  --red-20:#f7bbb1;
  --red-10:#f8e1de;
  --red-5:#f9eeee;
  --red-cool-90:#1e1517;
  --red-cool-80:#40282c;
  --red-cool-70:#68363f;
  --red-cool-60:#9e394b;
  --red-cool-50:#cd425b;
  --red-cool-40:#e16b80;
  --red-cool-30:#e09aa6;
  --red-cool-20:#ecbec6;
  --red-cool-10:#f3e1e4;
  --red-cool-5:#f8eff1;
  --red-warm-90:#1f1c18;
  --red-warm-80:#332d29;
  --red-warm-70:#524236;
  --red-warm-60:#805039;
  --red-warm-50:#c3512c;
  --red-warm-40:#d27a56;
  --red-warm-30:#dca081;
  --red-warm-20:#ecc0a7;
  --red-warm-10:#f4e3db;
  --red-warm-5:#f6efea;
  --red-vivid-80:#5c1111;
  --red-vivid-70:#8b0a03;
  --red-vivid-60:#b50909;
  --red-vivid-50:#e52207;
  --red-vivid-40:#fb5a47;
  --red-vivid-30:#ff8d7b;
  --red-vivid-20:#fdb8ae;
  --red-vivid-10:#fde0db;
  --red-vivid-5:#fff3f2;
  --red-cool-vivid-80:#4f1c24;
  --red-cool-vivid-70:#822133;
  --red-cool-vivid-60:#b21d38;
  --red-cool-vivid-50:#e41d3d;
  --red-cool-vivid-40:#f45d79;
  --red-cool-vivid-30:#fd8ba0;
  --red-cool-vivid-20:#f8b9c5;
  --red-cool-vivid-10:#f8dfe2;
  --red-cool-vivid-5:#fff2f5;
  --red-warm-vivid-80:#3e2a1e;
  --red-warm-vivid-70:#63340f;
  --red-warm-vivid-60:#9c3d10;
  --red-warm-vivid-50:#d54309;
  --red-warm-vivid-40:#ef5e25;
  --red-warm-vivid-30:#f39268;
  --red-warm-vivid-20:#f6bd9c;
  --red-warm-vivid-10:#fce1d4;
  --red-warm-vivid-5:#fff5ee;
  --red-90-rgb:27,22,22;
  --red-80-rgb:62,41,39;
  --red-70-rgb:111,51,49;
  --red-60-rgb:162,55,55;
  --red-50-rgb:216,57,51;
  --red-40-rgb:233,105,95;
  --red-30-rgb:242,147,140;
  --red-20-rgb:247,187,177;
  --red-10-rgb:248,225,222;
  --red-5-rgb:249,238,238;
  --red-cool-90-rgb:30,21,23;
  --red-cool-80-rgb:64,40,44;
  --red-cool-70-rgb:104,54,63;
  --red-cool-60-rgb:158,57,75;
  --red-cool-50-rgb:205,66,91;
  --red-cool-40-rgb:225,107,128;
  --red-cool-30-rgb:224,154,166;
  --red-cool-20-rgb:236,190,198;
  --red-cool-10-rgb:243,225,228;
  --red-cool-5-rgb:248,239,241;
  --red-warm-90-rgb:31,28,24;
  --red-warm-80-rgb:51,45,41;
  --red-warm-70-rgb:82,66,54;
  --red-warm-60-rgb:128,80,57;
  --red-warm-50-rgb:195,81,44;
  --red-warm-40-rgb:210,122,86;
  --red-warm-30-rgb:220,160,129;
  --red-warm-20-rgb:236,192,167;
  --red-warm-10-rgb:244,227,219;
  --red-warm-5-rgb:246,239,234;
  --red-vivid-80-rgb:92,17,17;
  --red-vivid-70-rgb:139,10,3;
  --red-vivid-60-rgb:181,9,9;
  --red-vivid-50-rgb:229,34,7;
  --red-vivid-40-rgb:251,90,71;
  --red-vivid-30-rgb:255,141,123;
  --red-vivid-20-rgb:253,184,174;
  --red-vivid-10-rgb:253,224,219;
  --red-vivid-5-rgb:255,243,242;
  --red-cool-vivid-80-rgb:79,28,36;
  --red-cool-vivid-70-rgb:130,33,51;
  --red-cool-vivid-60-rgb:178,29,56;
  --red-cool-vivid-50-rgb:228,29,61;
  --red-cool-vivid-40-rgb:244,93,121;
  --red-cool-vivid-30-rgb:253,139,160;
  --red-cool-vivid-20-rgb:248,185,197;
  --red-cool-vivid-10-rgb:248,223,226;
  --red-cool-vivid-5-rgb:255,242,245;
  --red-warm-vivid-80-rgb:62,42,30;
  --red-warm-vivid-70-rgb:99,52,15;
  --red-warm-vivid-60-rgb:156,61,16;
  --red-warm-vivid-50-rgb:213,67,9;
  --red-warm-vivid-40-rgb:239,94,37;
  --red-warm-vivid-30-rgb:243,146,104;
  --red-warm-vivid-20-rgb:246,189,156;
  --red-warm-vivid-10-rgb:252,225,212;
  --red-warm-vivid-5-rgb:255,245,238;
  --violet-90:#18161d;
  --violet-80:#312b3f;
  --violet-70:#4c3d69;
  --violet-60:#665190;
  --violet-50:#8168b3;
  --violet-40:#9d84d2;
  --violet-30:#b8a2e3;
  --violet-20:#d0c3e9;
  --violet-10:#ebe3f9;
  --violet-5:#f4f1f9;
  --violet-warm-90:#1b151b;
  --violet-warm-80:#382936;
  --violet-warm-70:#5c395a;
  --violet-warm-60:#864381;
  --violet-warm-50:#b04abd;
  --violet-warm-40:#bf77c8;
  --violet-warm-30:#d29ad8;
  --violet-warm-20:#e2bee4;
  --violet-warm-10:#f6dff8;
  --violet-warm-5:#f8f0f9;
  --violet-vivid-80:#39215e;
  --violet-vivid-70:#54278f;
  --violet-vivid-60:#783cb9;
  --violet-vivid-50:#9355dc;
  --violet-vivid-40:#ad79e9;
  --violet-vivid-30:#c39deb;
  --violet-vivid-20:#d5bfff;
  --violet-vivid-10:#ede3ff;
  --violet-vivid-5:#f7f2ff;
  --violet-warm-vivid-80:#481441;
  --violet-warm-vivid-70:#711e6c;
  --violet-warm-vivid-60:#93348c;
  --violet-warm-vivid-50:#be32d0;
  --violet-warm-vivid-40:#d85bef;
  --violet-warm-vivid-30:#ee83ff;
  --violet-warm-vivid-20:#f4b2ff;
  --violet-warm-vivid-10:#fbdcff;
  --violet-warm-vivid-5:#fef2ff;
  --violet-90-rgb:24,22,29;
  --violet-80-rgb:49,43,63;
  --violet-70-rgb:76,61,105;
  --violet-60-rgb:102,81,144;
  --violet-50-rgb:129,104,179;
  --violet-40-rgb:157,132,210;
  --violet-30-rgb:184,162,227;
  --violet-20-rgb:208,195,233;
  --violet-10-rgb:235,227,249;
  --violet-5-rgb:244,241,249;
  --violet-warm-90-rgb:27,21,27;
  --violet-warm-80-rgb:56,41,54;
  --violet-warm-70-rgb:92,57,90;
  --violet-warm-60-rgb:134,67,129;
  --violet-warm-50-rgb:176,74,189;
  --violet-warm-40-rgb:191,119,200;
  --violet-warm-30-rgb:210,154,216;
  --violet-warm-20-rgb:226,190,228;
  --violet-warm-10-rgb:246,223,248;
  --violet-warm-5-rgb:248,240,249;
  --violet-vivid-80-rgb:57,33,94;
  --violet-vivid-70-rgb:84,39,143;
  --violet-vivid-60-rgb:120,60,185;
  --violet-vivid-50-rgb:147,85,220;
  --violet-vivid-40-rgb:173,121,233;
  --violet-vivid-30-rgb:195,157,235;
  --violet-vivid-20-rgb:213,191,255;
  --violet-vivid-10-rgb:237,227,255;
  --violet-vivid-5-rgb:247,242,255;
  --violet-warm-vivid-80-rgb:72,20,65;
  --violet-warm-vivid-70-rgb:113,30,108;
  --violet-warm-vivid-60-rgb:147,52,140;
  --violet-warm-vivid-50-rgb:190,50,208;
  --violet-warm-vivid-40-rgb:216,91,239;
  --violet-warm-vivid-30-rgb:238,131,255;
  --violet-warm-vivid-20-rgb:244,178,255;
  --violet-warm-vivid-10-rgb:251,220,255;
  --violet-warm-vivid-5-rgb:254,242,255;
  --yellow-90:#1a1614;
  --yellow-80:#332d27;
  --yellow-70:#504332;
  --yellow-60:#6b5a39;
  --yellow-50:#8a7237;
  --yellow-40:#a88f48;
  --yellow-30:#c9ab48;
  --yellow-20:#e6c74c;
  --yellow-10:#f5e6af;
  --yellow-5:#faf3d1;
  --yellow-vivid-80:#422d19;
  --yellow-vivid-70:#5c4809;
  --yellow-vivid-60:#776017;
  --yellow-vivid-50:#947100;
  --yellow-vivid-40:#b38c00;
  --yellow-vivid-30:#ddaa01;
  --yellow-vivid-20:#ffcd07;
  --yellow-vivid-10:#fee685;
  --yellow-vivid-5:#fff5c2;
  --yellow-90-rgb:26,22,20;
  --yellow-80-rgb:51,45,39;
  --yellow-70-rgb:80,67,50;
  --yellow-60-rgb:107,90,57;
  --yellow-50-rgb:138,114,55;
  --yellow-40-rgb:168,143,72;
  --yellow-30-rgb:201,171,72;
  --yellow-20-rgb:230,199,76;
  --yellow-10-rgb:245,230,175;
  --yellow-5-rgb:250,243,209;
  --yellow-vivid-80-rgb:66,45,25;
  --yellow-vivid-70-rgb:92,72,9;
  --yellow-vivid-60-rgb:119,96,23;
  --yellow-vivid-50-rgb:148,113,0;
  --yellow-vivid-40-rgb:179,140,0;
  --yellow-vivid-30-rgb:221,170,1;
  --yellow-vivid-20-rgb:255,205,7;
  --yellow-vivid-10-rgb:254,230,133;
  --yellow-vivid-5-rgb:255,245,194;
  --background:var(--background-light);
  --background-rgb:var(--background-light-rgb);
  --background-light:var(--pure-0);
  --background-light-rgb:var(--pure-0-rgb);
  --background-alternative:var(--gray-5);
  --background-alternative-rgb:var(--gray-5-rgb);
  --background-dark:var(--blue-warm-vivid-90);
  --background-dark-rgb:var(--blue-warm-vivid-90-rgb);
  --border-color:var(--gray-20);
  --border-color-alternative:var(--gray-40);
  --border-style:solid;
  --border-width:var(--surface-width-sm);
  --color:var(--color-light);
  --color-rgb:var(--color-light-rgb);
  --color-light:var(--gray-80);
  --color-light-rgb:var(--gray-80-rgb);
  --color-dark:var(--pure-0);
  --color-dark-rgb:var(--pure-0-rgb);
  --interactive:var(--interactive-light);
  --interactive-rgb:var(--interactive-light-rgb);
  --interactive-light:var(--blue-warm-vivid-70);
  --interactive-light-rgb:var(--blue-warm-vivid-70-rgb);
  --interactive-dark:var(--blue-warm-20);
  --interactive-dark-rgb:var(--blue-warm-20-rgb);
  --interactive-alternative:var(--green-cool-vivid-50);
  --interactive-alternative-rgb:var(--green-cool-vivid-50-rgb);
  --info:var(--blue-warm-vivid-60);
  --info-alternative:var(--blue-warm-vivid-10);
  --info-rgb:var(--blue-warm-vivid-60-rgb);
  --info-alternative-rgb:var(--blue-warm-vivid-10-rgb);
  --success:var(--green-cool-vivid-50);
  --success-alternative:var(--green-cool-vivid-5);
  --success-rgb:var(--green-cool-vivid-50-rgb);
  --success-alternative-rgb:var(--green-cool-vivid-5-rgb);
  --warning:var(--yellow-vivid-20);
  --warning-alternative:var(--yellow-vivid-5);
  --warning-rgb:var(--yellow-vivid-20-rgb);
  --warning-alternative-rgb:var(--yellow-vivid-5-rgb);
  --danger:var(--red-vivid-50);
  --danger-alternative:var(--red-vivid-10);
  --danger-rgb:var(--red-vivid-50-rgb);
  --danger-alternative-rgb:var(--red-vivid-20-rgb);
  --font-family-base:Rawline,Raleway,sans-serif;
  --surface-overlay-scrim:rgba(var(--rgb-secondary-09),var(--surface-opacity-md));
  --surface-overlay-text:linear-gradient(rgba(var(--rgb-secondary-01),var(--surface-opacity-none)),rgba(var(--rgb-secondary-09),var(--surface-opacity-default)));
  --visited:var(--visited-light);
  --visited-light:var(--blue-warm-vivid-80);
  --visited-dark:var(--gray-20);
  --disabled:var(--surface-opacity-md);
  --hover:var(--hover-light);
  --hover-light:var(--surface-opacity-xs);
  --hover-dark:var(--surface-opacity-sm);
  --hover-effect:linear-gradient(rgba(var(--interactive-rgb),var(--hover)),rgba(var(--interactive-rgb),var(--hover)));
  --pressed:var(--pressed-light);
  --pressed-light:var(--surface-opacity-md);
  --pressed-dark:var(--surface-opacity-lg);
  --pressed-effect:linear-gradient(rgba(var(--interactive-rgb),var(--pressed)),rgba(var(--interactive-rgb),var(--pressed)));
  --focus-style:dashed;
  --focus-color:var(--focus-color-light);
  --focus-color-light:var(--gold-vivid-40);
  --focus-color-dark:var(--gold-vivid-20);
  --focus:var(--focus-color);
  --focus-offset:var(--spacing-scale-half);
  --focus-width:var(--surface-width-lg);
  --active:var(--blue-warm-vivid-80);
  --active-rgb:var(--blue-warm-vivid-80-rgb);
  --selected:var(--blue-warm-vivid-50);
  --on:var(--blue-warm-vivid-40);
  --on-rgb:var(--blue-warm-vivid-40-rgb);
  --off:var(--gray-20);
  --off-rgb:var(--gray-20-rgb);
  --ondrag-border-color:var(--interactive);
  --ondrag-border-width:var(--surface-width-md);
  --ondrag-border-style:solid;
  --ondrag-shadow-offset-x:var(--surface-offset-none);
  --ondrag-shadow-offset-y:var(--surface-offset-md);
  --ondrag-shadow-blur:var(--surface-blur-lg);
  --ondrag-shadow-color:var(--interactive-rgb);
  --ondrag-shadow-opacity:var(--surface-opacity-sm);
  --ondrag-opacity:var(--surface-opacity-xl);
  --ondrag-rotate:-5deg;
  --ondrag-cursor:grabbing;
  --draggable-icon:grip-vertical;
  --draggable-cursor:grab;
  --dropzone-border-color:var(--interactive);
  --dropzone-border-width:var(--surface-width-sm);
  --dropzone-border-style:dashed;
  --ondrop-background:var(--interactive-rgb);
  --ondrop-opacity:var(--surface-opacity-sm);
  --ondrop-cursor:copy;
  --z-index-layer-0:0;
  --z-index-layer-1:1000;
  --z-index-layer-2:2000;
  --z-index-layer-3:3000;
  --z-index-layer-4:4000;
  --color-primary-pastel-01:#c5d4eb;
  --color-primary-pastel-02:#dbe8fb;
  --color-primary-lighten-01:#2670e8;
  --color-primary-lighten-02:#5992ed;
  --color-primary-default:#1351b4;
  --color-primary-darken-01:#0c326f;
  --color-primary-darken-02:#071d41;
  --color-secondary-01:#fff;
  --color-secondary-02:#f8f8f8;
  --color-secondary-03:#ededed;
  --color-secondary-04:#ccc;
  --color-secondary-05:#9e9d9d;
  --color-secondary-06:#888;
  --color-secondary-07:#555;
  --color-secondary-08:#333;
  --color-secondary-09:#000;
  --color-highlight:#268744;
  --color-support-01:#36a191;
  --color-support-02:#f2e317;
  --color-support-03:#db4800;
  --color-support-04:#a26739;
  --color-support-05:#40e0d0;
  --color-support-06:#48cbeb;
  --color-support-07:#c72487;
  --color-support-08:#63007f;
  --color-support-09:#f08080;
  --color-support-10:#ff8c00;
  --color-support-11:#fdf5e6;
  --icon-size-base:16px;
  --icon-size-xs:8px;
  --icon-size-sm:12px;
  --icon-size-lg:20px;
  --icon-size-2x:32px;
  --icon-size-3x:48px;
  --icon-size-4x:64px;
  --icon-size-5x:80px;
  --icon-size-6x:96px;
  --icon-size-7x:112px;
  --icon-size-8x:128px;
  --icon-size-9x:144px;
  --icon-size-10x:160px;
  --surface-width-none:0;
  --surface-width-sm:1px;
  --surface-width-md:2px;
  --surface-width-lg:4px;
  --surface-rounder-none:0;
  --surface-rounder-sm:4px;
  --surface-rounder-md:8px;
  --surface-rounder-lg:16px;
  --surface-rounder-pill:999em;
  --surface-opacity-none:0;
  --surface-opacity-default:1;
  --surface-opacity-xs:0.16;
  --surface-opacity-sm:0.3;
  --surface-opacity-md:0.45;
  --surface-opacity-lg:0.65;
  --surface-opacity-xl:0.85;
  --surface-border-solid-none:var(--surface-width-none) solid var(--color-secondary-06);
  --surface-border-solid-sm:var(--surface-width-sm) solid var(--color-secondary-06);
  --surface-border-solid-md:var(--surface-width-md) solid var(--color-secondary-06);
  --surface-border-solid-lg:var(--surface-width-lg) solid var(--color-secondary-06);
  --surface-border-dashed-none:var(--surface-width-none) dashed var(--color-secondary-06);
  --surface-border-dashed-sm:var(--surface-width-sm) dashed var(--color-secondary-06);
  --surface-border-dashed-md:var(--surface-width-md) dashed var(--color-secondary-06);
  --surface-border-dashed-lg:var(--surface-width-lg) dashed var(--color-secondary-06);
  --surface-blur-none:0;
  --surface-blur-sm:1px;
  --surface-blur-md:3px;
  --surface-blur-lg:6px;
  --surface-blur-xl:9px;
  --surface-offset-none:0;
  --surface-offset-sm:1px;
  --surface-offset-md:3px;
  --surface-offset-lg:6px;
  --surface-offset-xl:9px;
  --surface-offset-sm-n:-1px;
  --surface-offset-md-n:-3px;
  --surface-offset-lg-n:-6px;
  --surface-offset-xl-n:-9px;
  --surface-shadow-color:var(--rgb-secondary-09);
  --surface-shadow-none:none;
  --surface-shadow-sm:var(--surface-offset-none) var(--surface-offset-sm) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-md:var(--surface-offset-none) var(--surface-offset-md) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-lg:var(--surface-offset-none) var(--surface-offset-lg) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-xl:var(--surface-offset-none) var(--surface-offset-xl) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-sm-inset:var(--surface-offset-none) var(--surface-offset-sm-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-md-inset:var(--surface-offset-none) var(--surface-offset-md-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-lg-inset:var(--surface-offset-none) var(--surface-offset-lg-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-xl-inset:var(--surface-offset-none) var(--surface-offset-xl-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-sm-up:var(--surface-offset-none) var(--surface-offset-sm-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-md-up:var(--surface-offset-none) var(--surface-offset-md-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-lg-up:var(--surface-offset-none) var(--surface-offset-lg-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-xl-up:var(--surface-offset-none) var(--surface-offset-xl-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-sm-inset-up:var(--surface-offset-none) var(--surface-offset-sm) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-md-inset-up:var(--surface-offset-none) var(--surface-offset-md) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-lg-inset-up:var(--surface-offset-none) var(--surface-offset-lg) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-xl-inset-up:var(--surface-offset-none) var(--surface-offset-xl) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-sm-right:var(--surface-offset-sm) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-md-right:var(--surface-offset-md) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-lg-right:var(--surface-offset-lg) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-xl-right:var(--surface-offset-xl) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-sm-inset-right:var(--surface-offset-sm-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-md-inset-right:var(--surface-offset-md-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-lg-inset-right:var(--surface-offset-lg-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-xl-inset-right:var(--surface-offset-xl-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-sm-left:var(--surface-offset-sm-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-md-left:var(--surface-offset-md-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-lg-left:var(--surface-offset-lg-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-xl-left:var(--surface-offset-xl-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-sm-inset-left:var(--surface-offset-sm) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-md-inset-left:var(--surface-offset-md) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-lg-inset-left:var(--surface-offset-lg) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --surface-shadow-xl-inset-left:var(--surface-offset-xl) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs));
  --animation-ease:cubic-bezier(0.25,0.1,0.25,1);
  --animation-ease-in:cubic-bezier(0.42,0,1,1);
  --animation-ease-out:cubic-bezier(0,0,0.58,1);
  --animation-ease-in-out:cubic-bezier(0.42,0,0.58,1);
  --animation-ease-linear:cubic-bezier(0,0,1,1);
  --duration-very-fast:0.1s;
  --duration-fast:0.3s;
  --duration-moderate:0.5s;
  --duration-slow:0.8s;
  --duration-very-slow:1s;
  --font-weight-thin:100;
  --font-weight-extra-light:200;
  --font-weight-light:300;
  --font-weight-regular:400;
  --font-weight-medium:500;
  --font-weight-semi-bold:600;
  --font-weight-bold:700;
  --font-weight-extra-bold:800;
  --font-weight-black:900;
  --font-size-scale-base:14px;
  --font-size-scale-down-01:11.662px;
  --font-size-scale-down-02:9.716px;
  --font-size-scale-down-03:8.106px;
  --font-size-scale-up-01:16.8px;
  --font-size-scale-up-02:20.16px;
  --font-size-scale-up-03:24.192px;
  --font-size-scale-up-04:29.036px;
  --font-size-scale-up-05:34.832px;
  --font-size-scale-up-06:41.804px;
  --font-size-scale-up-07:50.162px;
  --font-size-scale-up-08:60.2px;
  --font-size-scale-up-09:72.24px;
  --font-size-scale-up-10:86.688px;
  --font-size-scale-up-11:104.02px;
  --font-line-height-low:1.15;
  --font-line-height-medium:1.45;
  --font-line-height-high:1.85;
  --grid-breakpoint-xs:0;
  --grid-breakpoint-xs-max-width:100%;
  --grid-breakpoint-sm:576px;
  --grid-breakpoint-sm-max-width:536px;
  --grid-breakpoint-md:992px;
  --grid-breakpoint-md-max-width:952px;
  --grid-breakpoint-lg:1280px;
  --grid-breakpoint-lg-max-width:1200px;
  --grid-breakpoint-xl:1600px;
  --grid-breakpoint-xl-max-width:1560px;
  --grid-portrait-maxwidth:100%;
  --grid-portrait-gutter:16px;
  --grid-portrait-columns:4;
  --grid-portrait-margin:8px;
  --grid-tablet-maxwidth:100%;
  --grid-tablet-gutter:24px;
  --grid-tablet-columns:8;
  --grid-tablet-margin:40px;
  --grid-desktop-maxwidth:1200px;
  --grid-desktop-gutter:24px;
  --grid-desktop-columns:12;
  --grid-desktop-margin:40px;
  --grid-tv-maxwidth:1520px;
  --grid-tv-gutter:40px;
  --grid-tv-columns:12;
  --grid-tv-margin:40px;
  --spacing-vertical-top:top;
  --spacing-vertical-center:center;
  --spacing-vertical-bottom:bottom;
  --spacing-horizontal-left:left;
  --spacing-horizontal-center:center;
  --spacing-horizontal-right:right;
  --spacing-scale-default:0;
  --spacing-scale-half:4px;
  --spacing-scale-base:8px;
  --spacing-scale-baseh:12px;
  --spacing-scale-2x:16px;
  --spacing-scale-2xh:20px;
  --spacing-scale-3x:24px;
  --spacing-scale-3xh:28px;
  --spacing-scale-4x:32px;
  --spacing-scale-4xh:36px;
  --spacing-scale-5x:40px;
  --spacing-scale-5xh:44px;
  --spacing-scale-6x:48px;
  --spacing-scale-6xh:52px;
  --spacing-scale-7x:56px;
  --spacing-scale-7xh:60px;
  --spacing-scale-8x:64px;
  --spacing-scale-8xh:68px;
  --spacing-scale-9x:72px;
  --spacing-scale-9xh:76px;
  --spacing-scale-10x:80px;
  --spacing-scale-10xh:84px;
  --rgb-primary-pastel-01:197,212,235;
  --rgb-primary-pastel-02:219,232,251;
  --rgb-primary-lighten-01:38,112,232;
  --rgb-primary-lighten-02:89,146,237;
  --rgb-primary-default:19,81,180;
  --rgb-primary-darken-01:12,50,111;
  --rgb-primary-darken-02:7,29,65;
  --rgb-secondary-01:255,255,255;
  --rgb-secondary-02:248,248,248;
  --rgb-secondary-03:237,237,237;
  --rgb-secondary-04:204,204,204;
  --rgb-secondary-05:158,157,157;
  --rgb-secondary-06:136,136,136;
  --rgb-secondary-07:85,85,85;
  --rgb-secondary-08:51,51,51;
  --rgb-secondary-09:0,0,0;
  --rgb-highlight:38,135,68;
  --rgb-support-01:54,161,145;
  --rgb-support-02:242,227,23;
  --rgb-support-03:219,72,0;
  --rgb-support-04:162,103,57;
  --rgb-support-05:64,224,208;
  --rgb-support-06:72,203,235;
  --rgb-support-07:199,36,135;
  --rgb-support-08:99,0,127;
  --rgb-support-09:240,128,128;
  --rgb-support-10:255,140,0;
  --rgb-support-11:253,245,230;
}

/* node_modules/prismjs/themes/prism-okaidia.css */
code[class*=language-],
pre[class*=language-] {
  color: #f8f8f2;
  background: none;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  font-family:
    Consolas,
    Monaco,
    "Andale Mono",
    "Ubuntu Mono",
    monospace;
  font-size: 1em;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
pre[class*=language-] {
  padding: 1em;
  margin: .5em 0;
  overflow: auto;
  border-radius: 0.3em;
}
:not(pre) > code[class*=language-],
pre[class*=language-] {
  background: #272822;
}
:not(pre) > code[class*=language-] {
  padding: .1em;
  border-radius: .3em;
  white-space: normal;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: #8292a2;
}
.token.punctuation {
  color: #f8f8f2;
}
.token.namespace {
  opacity: .7;
}
.token.property,
.token.tag,
.token.constant,
.token.symbol,
.token.deleted {
  color: #f92672;
}
.token.boolean,
.token.number {
  color: #ae81ff;
}
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: #a6e22e;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
  color: #f8f8f2;
}
.token.atrule,
.token.attr-value,
.token.function,
.token.class-name {
  color: #e6db74;
}
.token.keyword {
  color: #66d9ef;
}
.token.regex,
.token.important {
  color: #fd971f;
}
.token.important,
.token.bold {
  font-weight: bold;
}
.token.italic {
  font-style: italic;
}
.token.entity {
  cursor: help;
}

/* node_modules/bootstrap/dist/css/bootstrap.min.css */
/*!
* Bootstrap  v5.3.8 (https://getbootstrap.com/)
* Copyright 2011-2025 The Bootstrap Authors
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
:root,
[data-bs-theme=light] {
  --bs-blue:#0d6efd;
  --bs-indigo:#6610f2;
  --bs-purple:#6f42c1;
  --bs-pink:#d63384;
  --bs-red:#dc3545;
  --bs-orange:#fd7e14;
  --bs-yellow:#ffc107;
  --bs-green:#198754;
  --bs-teal:#20c997;
  --bs-cyan:#0dcaf0;
  --bs-black:#000;
  --bs-white:#fff;
  --bs-gray:#6c757d;
  --bs-gray-dark:#343a40;
  --bs-gray-100:#f8f9fa;
  --bs-gray-200:#e9ecef;
  --bs-gray-300:#dee2e6;
  --bs-gray-400:#ced4da;
  --bs-gray-500:#adb5bd;
  --bs-gray-600:#6c757d;
  --bs-gray-700:#495057;
  --bs-gray-800:#343a40;
  --bs-gray-900:#212529;
  --bs-primary:#0d6efd;
  --bs-secondary:#6c757d;
  --bs-success:#198754;
  --bs-info:#0dcaf0;
  --bs-warning:#ffc107;
  --bs-danger:#dc3545;
  --bs-light:#f8f9fa;
  --bs-dark:#212529;
  --bs-primary-rgb:13,110,253;
  --bs-secondary-rgb:108,117,125;
  --bs-success-rgb:25,135,84;
  --bs-info-rgb:13,202,240;
  --bs-warning-rgb:255,193,7;
  --bs-danger-rgb:220,53,69;
  --bs-light-rgb:248,249,250;
  --bs-dark-rgb:33,37,41;
  --bs-primary-text-emphasis:#052c65;
  --bs-secondary-text-emphasis:#2b2f32;
  --bs-success-text-emphasis:#0a3622;
  --bs-info-text-emphasis:#055160;
  --bs-warning-text-emphasis:#664d03;
  --bs-danger-text-emphasis:#58151c;
  --bs-light-text-emphasis:#495057;
  --bs-dark-text-emphasis:#495057;
  --bs-primary-bg-subtle:#cfe2ff;
  --bs-secondary-bg-subtle:#e2e3e5;
  --bs-success-bg-subtle:#d1e7dd;
  --bs-info-bg-subtle:#cff4fc;
  --bs-warning-bg-subtle:#fff3cd;
  --bs-danger-bg-subtle:#f8d7da;
  --bs-light-bg-subtle:#fcfcfd;
  --bs-dark-bg-subtle:#ced4da;
  --bs-primary-border-subtle:#9ec5fe;
  --bs-secondary-border-subtle:#c4c8cb;
  --bs-success-border-subtle:#a3cfbb;
  --bs-info-border-subtle:#9eeaf9;
  --bs-warning-border-subtle:#ffe69c;
  --bs-danger-border-subtle:#f1aeb5;
  --bs-light-border-subtle:#e9ecef;
  --bs-dark-border-subtle:#adb5bd;
  --bs-white-rgb:255,255,255;
  --bs-black-rgb:0,0,0;
  --bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --bs-gradient:linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.15),
      rgba(255, 255, 255, 0));
  --bs-body-font-family:var(--bs-font-sans-serif);
  --bs-body-font-size:1rem;
  --bs-body-font-weight:400;
  --bs-body-line-height:1.5;
  --bs-body-color:#212529;
  --bs-body-color-rgb:33,37,41;
  --bs-body-bg:#fff;
  --bs-body-bg-rgb:255,255,255;
  --bs-emphasis-color:#000;
  --bs-emphasis-color-rgb:0,0,0;
  --bs-secondary-color:rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb:33,37,41;
  --bs-secondary-bg:#e9ecef;
  --bs-secondary-bg-rgb:233,236,239;
  --bs-tertiary-color:rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb:33,37,41;
  --bs-tertiary-bg:#f8f9fa;
  --bs-tertiary-bg-rgb:248,249,250;
  --bs-heading-color:inherit;
  --bs-link-color:#0d6efd;
  --bs-link-color-rgb:13,110,253;
  --bs-link-decoration:underline;
  --bs-link-hover-color:#0a58ca;
  --bs-link-hover-color-rgb:10,88,202;
  --bs-code-color:#d63384;
  --bs-highlight-color:#212529;
  --bs-highlight-bg:#fff3cd;
  --bs-border-width:1px;
  --bs-border-style:solid;
  --bs-border-color:#dee2e6;
  --bs-border-color-translucent:rgba(0, 0, 0, 0.175);
  --bs-border-radius:0.375rem;
  --bs-border-radius-sm:0.25rem;
  --bs-border-radius-lg:0.5rem;
  --bs-border-radius-xl:1rem;
  --bs-border-radius-xxl:2rem;
  --bs-border-radius-2xl:var(--bs-border-radius-xxl);
  --bs-border-radius-pill:50rem;
  --bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width:0.25rem;
  --bs-focus-ring-opacity:0.25;
  --bs-focus-ring-color:rgba(13, 110, 253, 0.25);
  --bs-form-valid-color:#198754;
  --bs-form-valid-border-color:#198754;
  --bs-form-invalid-color:#dc3545;
  --bs-form-invalid-border-color:#dc3545;
}
[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color:#dee2e6;
  --bs-body-color-rgb:222,226,230;
  --bs-body-bg:#212529;
  --bs-body-bg-rgb:33,37,41;
  --bs-emphasis-color:#fff;
  --bs-emphasis-color-rgb:255,255,255;
  --bs-secondary-color:rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb:222,226,230;
  --bs-secondary-bg:#343a40;
  --bs-secondary-bg-rgb:52,58,64;
  --bs-tertiary-color:rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb:222,226,230;
  --bs-tertiary-bg:#2b3035;
  --bs-tertiary-bg-rgb:43,48,53;
  --bs-primary-text-emphasis:#6ea8fe;
  --bs-secondary-text-emphasis:#a7acb1;
  --bs-success-text-emphasis:#75b798;
  --bs-info-text-emphasis:#6edff6;
  --bs-warning-text-emphasis:#ffda6a;
  --bs-danger-text-emphasis:#ea868f;
  --bs-light-text-emphasis:#f8f9fa;
  --bs-dark-text-emphasis:#dee2e6;
  --bs-primary-bg-subtle:#031633;
  --bs-secondary-bg-subtle:#161719;
  --bs-success-bg-subtle:#051b11;
  --bs-info-bg-subtle:#032830;
  --bs-warning-bg-subtle:#332701;
  --bs-danger-bg-subtle:#2c0b0e;
  --bs-light-bg-subtle:#343a40;
  --bs-dark-bg-subtle:#1a1d20;
  --bs-primary-border-subtle:#084298;
  --bs-secondary-border-subtle:#41464b;
  --bs-success-border-subtle:#0f5132;
  --bs-info-border-subtle:#087990;
  --bs-warning-border-subtle:#997404;
  --bs-danger-border-subtle:#842029;
  --bs-light-border-subtle:#495057;
  --bs-dark-border-subtle:#343a40;
  --bs-heading-color:inherit;
  --bs-link-color:#6ea8fe;
  --bs-link-hover-color:#8bb9fe;
  --bs-link-color-rgb:110,168,254;
  --bs-link-hover-color-rgb:139,185,254;
  --bs-code-color:#e685b5;
  --bs-highlight-color:#dee2e6;
  --bs-highlight-bg:#664d03;
  --bs-border-color:#495057;
  --bs-border-color-translucent:rgba(255, 255, 255, 0.15);
  --bs-form-valid-color:#75b798;
  --bs-form-valid-border-color:#75b798;
  --bs-form-invalid-color:#ea868f;
  --bs-form-invalid-border-color:#ea868f;
}
*,
::after,
::before {
  box-sizing: border-box;
}
@media (prefers-reduced-motion:no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: .25;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}
.h1,
h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width:1200px) {
  .h1,
  h1 {
    font-size: 2.5rem;
  }
}
.h2,
h2 {
  font-size: calc(1.325rem + .9vw);
}
@media (min-width:1200px) {
  .h2,
  h2 {
    font-size: 2rem;
  }
}
.h3,
h3 {
  font-size: calc(1.3rem + .6vw);
}
@media (min-width:1200px) {
  .h3,
  h3 {
    font-size: 1.75rem;
  }
}
.h4,
h4 {
  font-size: calc(1.275rem + .3vw);
}
@media (min-width:1200px) {
  .h4,
  h4 {
    font-size: 1.5rem;
  }
}
.h5,
h5 {
  font-size: 1.25rem;
}
.h6,
h6 {
  font-size: 1rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul {
  padding-left: 2rem;
}
dl,
ol,
ul {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: .5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: bolder;
}
.small,
small {
  font-size: .875em;
}
.mark,
mark {
  padding: .1875em;
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
}
sub,
sup {
  position: relative;
  font-size: .75em;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -.25em;
}
sup {
  top: -.5em;
}
a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity,1));
  text-decoration: underline;
}
a:hover {
  --bs-link-color-rgb:var(--bs-link-hover-color-rgb);
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
code,
kbd,
pre,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}
pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: .875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
code {
  font-size: .875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: .1875rem .375rem;
  font-size: .875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: .25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}
figure {
  margin: 0 0 1rem;
}
img,
svg {
  vertical-align: middle;
}
table {
  caption-side: bottom;
  border-collapse: collapse;
}
caption {
  padding-top: .5rem;
  padding-bottom: .5rem;
  color: var(--bs-secondary-color);
  text-align: left;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
tbody,
td,
tfoot,
th,
thead,
tr {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}
label {
  display: inline-block;
}
button {
  border-radius: 0;
}
button:focus:not(:focus-visible) {
  outline: 0;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
select {
  text-transform: none;
}
[role=button] {
  cursor: pointer;
}
select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}
[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button;
}
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
}
::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
textarea {
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  line-height: inherit;
  font-size: calc(1.275rem + .3vw);
}
@media (min-width:1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
  padding: 0;
}
::-webkit-inner-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-cancel-button {
  cursor: pointer;
  filter: grayscale(1);
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
  padding: 0;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
iframe {
  border: 0;
}
summary {
  display: list-item;
  cursor: pointer;
}
progress {
  vertical-align: baseline;
}
[hidden] {
  display: none !important;
}
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}
.display-1 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.625rem + 4.5vw);
}
@media (min-width:1200px) {
  .display-1 {
    font-size: 5rem;
  }
}
.display-2 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.575rem + 3.9vw);
}
@media (min-width:1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}
.display-3 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.525rem + 3.3vw);
}
@media (min-width:1200px) {
  .display-3 {
    font-size: 4rem;
  }
}
.display-4 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.475rem + 2.7vw);
}
@media (min-width:1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}
.display-5 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.425rem + 2.1vw);
}
@media (min-width:1200px) {
  .display-5 {
    font-size: 3rem;
  }
}
.display-6 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width:1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: .5rem;
}
.initialism {
  font-size: .875em;
  text-transform: uppercase;
}
.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}
.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: .875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "\2014\a0";
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.img-thumbnail {
  padding: .25rem;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto;
}
.figure {
  display: inline-block;
}
.figure-img {
  margin-bottom: .5rem;
  line-height: 1;
}
.figure-caption {
  font-size: .875em;
  color: var(--bs-secondary-color);
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  --bs-gutter-x:1.5rem;
  --bs-gutter-y:0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width:576px) {
  .container,
  .container-sm {
    max-width: 540px;
  }
}
@media (min-width:768px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 720px;
  }
}
@media (min-width:992px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px;
  }
}
@media (min-width:1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px;
  }
}
@media (min-width:1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1320px;
  }
}
:root {
  --bs-breakpoint-xs:0;
  --bs-breakpoint-sm:576px;
  --bs-breakpoint-md:768px;
  --bs-breakpoint-lg:992px;
  --bs-breakpoint-xl:1200px;
  --bs-breakpoint-xxl:1400px;
}
.row {
  --bs-gutter-x:1.5rem;
  --bs-gutter-y:0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
}
.col {
  flex: 1 0 0;
}
.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.offset-1 {
  margin-left: 8.33333333%;
}
.offset-2 {
  margin-left: 16.66666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333333%;
}
.offset-5 {
  margin-left: 41.66666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333333%;
}
.offset-8 {
  margin-left: 66.66666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333333%;
}
.offset-11 {
  margin-left: 91.66666667%;
}
.g-0,
.gx-0 {
  --bs-gutter-x:0;
}
.g-0,
.gy-0 {
  --bs-gutter-y:0;
}
.g-1,
.gx-1 {
  --bs-gutter-x:0.25rem;
}
.g-1,
.gy-1 {
  --bs-gutter-y:0.25rem;
}
.g-2,
.gx-2 {
  --bs-gutter-x:0.5rem;
}
.g-2,
.gy-2 {
  --bs-gutter-y:0.5rem;
}
.g-3,
.gx-3 {
  --bs-gutter-x:1rem;
}
.g-3,
.gy-3 {
  --bs-gutter-y:1rem;
}
.g-4,
.gx-4 {
  --bs-gutter-x:1.5rem;
}
.g-4,
.gy-4 {
  --bs-gutter-y:1.5rem;
}
.g-5,
.gx-5 {
  --bs-gutter-x:3rem;
}
.g-5,
.gy-5 {
  --bs-gutter-y:3rem;
}
@media (min-width:576px) {
  .col-sm {
    flex: 1 0 0;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x:0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y:0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x:0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y:0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x:0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y:0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x:1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y:1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x:1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y:1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x:3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y:3rem;
  }
}
@media (min-width:768px) {
  .col-md {
    flex: 1 0 0;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x:0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y:0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x:0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y:0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x:0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y:0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x:1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y:1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x:1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y:1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x:3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y:3rem;
  }
}
@media (min-width:992px) {
  .col-lg {
    flex: 1 0 0;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x:0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y:0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x:0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y:0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x:0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y:0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x:1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y:1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x:1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y:1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x:3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y:3rem;
  }
}
@media (min-width:1200px) {
  .col-xl {
    flex: 1 0 0;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x:0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y:0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x:0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y:0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x:0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y:0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x:1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y:1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x:1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y:1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x:3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y:3rem;
  }
}
@media (min-width:1400px) {
  .col-xxl {
    flex: 1 0 0;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x:0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y:0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x:0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y:0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x:0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y:0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x:1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y:1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x:1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y:1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x:3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y:3rem;
  }
}
.table {
  --bs-table-color-type:initial;
  --bs-table-bg-type:initial;
  --bs-table-color-state:initial;
  --bs-table-bg-state:initial;
  --bs-table-color:var(--bs-emphasis-color);
  --bs-table-bg:var(--bs-body-bg);
  --bs-table-border-color:var(--bs-border-color);
  --bs-table-accent-bg:transparent;
  --bs-table-striped-color:var(--bs-emphasis-color);
  --bs-table-striped-bg:rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color:var(--bs-emphasis-color);
  --bs-table-active-bg:rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color:var(--bs-emphasis-color);
  --bs-table-hover-bg:rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
  padding: .5rem .5rem;
  color: var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)));
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}
.table-group-divider {
  border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
}
.caption-top {
  caption-side: top;
}
.table-sm > :not(caption) > * > * {
  padding: .25rem .25rem;
}
.table-bordered > :not(caption) > * {
  border-width: var(--bs-border-width) 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 var(--bs-border-width);
}
.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-color-type:var(--bs-table-striped-color);
  --bs-table-bg-type:var(--bs-table-striped-bg);
}
.table-striped-columns > :not(caption) > tr > :nth-child(2n) {
  --bs-table-color-type:var(--bs-table-striped-color);
  --bs-table-bg-type:var(--bs-table-striped-bg);
}
.table-active {
  --bs-table-color-state:var(--bs-table-active-color);
  --bs-table-bg-state:var(--bs-table-active-bg);
}
.table-hover > tbody > tr:hover > * {
  --bs-table-color-state:var(--bs-table-hover-color);
  --bs-table-bg-state:var(--bs-table-hover-bg);
}
.table-primary {
  --bs-table-color:#000;
  --bs-table-bg:#cfe2ff;
  --bs-table-border-color:#a6b5cc;
  --bs-table-striped-bg:#c5d7f2;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#bacbe6;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#bfd1ec;
  --bs-table-hover-color:#000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-secondary {
  --bs-table-color:#000;
  --bs-table-bg:#e2e3e5;
  --bs-table-border-color:#b5b6b7;
  --bs-table-striped-bg:#d7d8da;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#cbccce;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#d1d2d4;
  --bs-table-hover-color:#000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-success {
  --bs-table-color:#000;
  --bs-table-bg:#d1e7dd;
  --bs-table-border-color:#a7b9b1;
  --bs-table-striped-bg:#c7dbd2;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#bcd0c7;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#c1d6cc;
  --bs-table-hover-color:#000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-info {
  --bs-table-color:#000;
  --bs-table-bg:#cff4fc;
  --bs-table-border-color:#a6c3ca;
  --bs-table-striped-bg:#c5e8ef;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#badce3;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#bfe2e9;
  --bs-table-hover-color:#000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-warning {
  --bs-table-color:#000;
  --bs-table-bg:#fff3cd;
  --bs-table-border-color:#ccc2a4;
  --bs-table-striped-bg:#f2e7c3;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#e6dbb9;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#ece1be;
  --bs-table-hover-color:#000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-danger {
  --bs-table-color:#000;
  --bs-table-bg:#f8d7da;
  --bs-table-border-color:#c6acae;
  --bs-table-striped-bg:#eccccf;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#dfc2c4;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#e5c7ca;
  --bs-table-hover-color:#000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-light {
  --bs-table-color:#000;
  --bs-table-bg:#f8f9fa;
  --bs-table-border-color:#c6c7c8;
  --bs-table-striped-bg:#ecedee;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#dfe0e1;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#e5e6e7;
  --bs-table-hover-color:#000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-dark {
  --bs-table-color:#fff;
  --bs-table-bg:#212529;
  --bs-table-border-color:#4d5154;
  --bs-table-striped-bg:#2c3034;
  --bs-table-striped-color:#fff;
  --bs-table-active-bg:#373b3e;
  --bs-table-active-color:#fff;
  --bs-table-hover-bg:#323539;
  --bs-table-hover-color:#fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width:575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width:767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width:991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width:1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width:1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: .5rem;
}
.col-form-label {
  padding-top: calc(.375rem + var(--bs-border-width));
  padding-bottom: calc(.375rem + var(--bs-border-width));
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}
.col-form-label-lg {
  padding-top: calc(.5rem + var(--bs-border-width));
  padding-bottom: calc(.5rem + var(--bs-border-width));
  font-size: 1.25rem;
}
.col-form-label-sm {
  padding-top: calc(.25rem + var(--bs-border-width));
  padding-bottom: calc(.25rem + var(--bs-border-width));
  font-size: .875rem;
}
.form-text {
  margin-top: .25rem;
  font-size: .875em;
  color: var(--bs-secondary-color);
}
.form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
@media (prefers-reduced-motion:reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}
.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.5em;
  margin: 0;
}
.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control:disabled {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}
.form-control::-webkit-file-upload-button {
  padding: .375rem .75rem;
  margin: -.375rem -.75rem;
  -webkit-margin-end: .75rem;
  margin-inline-end: .75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  -webkit-transition:
    color .15s ease-in-out,
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
  transition:
    color .15s ease-in-out,
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
}
.form-control::file-selector-button {
  padding: .375rem .75rem;
  margin: -.375rem -.75rem;
  -webkit-margin-end: .75rem;
  margin-inline-end: .75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  transition:
    color .15s ease-in-out,
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
}
@media (prefers-reduced-motion:reduce) {
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none;
  }
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: var(--bs-secondary-bg);
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg);
}
.form-control-plaintext {
  display: block;
  width: 100%;
  padding: .375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: var(--bs-border-width) 0;
}
.form-control-plaintext:focus {
  outline: 0;
}
.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
  padding-right: 0;
  padding-left: 0;
}
.form-control-sm {
  min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));
  padding: .25rem .5rem;
  font-size: .875rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::-webkit-file-upload-button {
  padding: .25rem .5rem;
  margin: -.25rem -.5rem;
  -webkit-margin-end: .5rem;
  margin-inline-end: .5rem;
}
.form-control-sm::file-selector-button {
  padding: .25rem .5rem;
  margin: -.25rem -.5rem;
  -webkit-margin-end: .5rem;
  margin-inline-end: .5rem;
}
.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
  padding: .5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
.form-control-lg::-webkit-file-upload-button {
  padding: .5rem 1rem;
  margin: -.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}
.form-control-lg::file-selector-button {
  padding: .5rem 1rem;
  margin: -.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}
textarea.form-control {
  min-height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-sm {
  min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}
.form-control-color {
  width: 3rem;
  height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));
  padding: .375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color.form-control-sm {
  height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));
}
.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}
.form-select {
  --bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: .375rem 2.25rem .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon,none);
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
@media (prefers-reduced-motion:reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}
.form-select[multiple],
.form-select[size]:not([size="1"]) {
  padding-right: .75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: var(--bs-secondary-bg);
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bs-body-color);
}
.form-select-sm {
  padding-top: .25rem;
  padding-bottom: .25rem;
  padding-left: .5rem;
  font-size: .875rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-select-lg {
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
[data-bs-theme=dark] .form-select {
  --bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: .125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}
.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}
.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}
.form-check-input {
  --bs-form-check-bg:var(--bs-body-bg);
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: .25em;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--bs-border-width) solid var(--bs-border-color);
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: .25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}
.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  --bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  --bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: .5;
}
.form-check-input:disabled ~ .form-check-label,
.form-check-input[disabled] ~ .form-check-label {
  cursor: default;
  opacity: .5;
}
.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  --bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  width: 2em;
  margin-left: -2.5em;
  background-image: var(--bs-form-switch-bg);
  background-position: left center;
  border-radius: 2em;
  transition: background-position .15s ease-in-out;
}
@media (prefers-reduced-motion:reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  --bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  --bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}
.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}
.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check:disabled + .btn,
.btn-check[disabled] + .btn {
  pointer-events: none;
  filter: none;
  opacity: .65;
}
[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}
.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -.25rem;
  -webkit-appearance: none;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -webkit-transition:
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
  transition:
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
}
@media (prefers-reduced-motion:reduce) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: .5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  -moz-appearance: none;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -moz-transition:
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
  transition:
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
}
@media (prefers-reduced-motion:reduce) {
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-moz-range-track {
  width: 100%;
  height: .5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--bs-secondary-color);
}
.form-range:disabled::-moz-range-thumb {
  background-color: var(--bs-secondary-color);
}
.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  max-width: 100%;
  height: 100%;
  padding: 1rem .75rem;
  overflow: hidden;
  color: rgba(var(--bs-body-color-rgb), .65);
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--bs-border-width) solid transparent;
  transform-origin: 0 0;
  transition: opacity .1s ease-in-out, transform .1s ease-in-out;
}
@media (prefers-reduced-motion:reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 1rem .75rem;
}
.form-floating > .form-control-plaintext::placeholder,
.form-floating > .form-control::placeholder {
  color: transparent;
}
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown),
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: .625rem;
}
.form-floating > .form-control-plaintext:-webkit-autofill,
.form-floating > .form-control:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: .625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: .625rem;
  padding-left: .75rem;
}
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  transform: scale(.85) translateY(-.5rem) translateX(.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  transform: scale(.85) translateY(-.5rem) translateX(.15rem);
}
.form-floating > textarea:focus ~ label::after,
.form-floating > textarea:not(:placeholder-shown) ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
}
.form-floating > textarea:disabled ~ label::after {
  background-color: var(--bs-secondary-bg);
}
.form-floating > .form-control-plaintext ~ label {
  border-width: var(--bs-border-width) 0;
}
.form-floating > .form-control:disabled ~ label,
.form-floating > :disabled ~ label {
  color: #6c757d;
}
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-floating,
.input-group > .form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-floating:focus-within,
.input-group > .form-select:focus {
  z-index: 5;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 5;
}
.input-group-text {
  display: flex;
  align-items: center;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}
.input-group-lg > .btn,
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text {
  padding: .5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
.input-group-sm > .btn,
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text {
  padding: .25rem .5rem;
  font-size: .875rem;
  border-radius: var(--bs-border-radius-sm);
}
.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select,
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select,
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(-1 * var(--bs-border-width));
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.valid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: .875em;
  color: var(--bs-form-valid-color);
}
.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .25rem .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  color: #fff;
  background-color: var(--bs-success);
  border-radius: var(--bs-border-radius);
}
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip,
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip {
  display: block;
}
.form-control.is-valid,
.was-validated .form-control:valid {
  border-color: var(--bs-form-valid-border-color);
  padding-right: calc(1.5em + .75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25);
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  padding-right: calc(1.5em + .75rem);
  background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);
}
.form-select.is-valid,
.was-validated .form-select:valid {
  border-color: var(--bs-form-valid-border-color);
}
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"],
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right .75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem);
}
.form-select.is-valid:focus,
.was-validated .form-select:valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25);
}
.form-control-color.is-valid,
.was-validated .form-control-color:valid {
  width: calc(3rem + calc(1.5em + .75rem));
}
.form-check-input.is-valid,
.was-validated .form-check-input:valid {
  border-color: var(--bs-form-valid-border-color);
}
.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
  background-color: var(--bs-form-valid-color);
}
.form-check-input.is-valid:focus,
.was-validated .form-check-input:valid:focus {
  box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25);
}
.form-check-input.is-valid ~ .form-check-label,
.was-validated .form-check-input:valid ~ .form-check-label {
  color: var(--bs-form-valid-color);
}
.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: .5em;
}
.input-group > .form-control:not(:focus).is-valid,
.input-group > .form-floating:not(:focus-within).is-valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-control:not(:focus):valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.was-validated .input-group > .form-select:not(:focus):valid {
  z-index: 3;
}
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: .875em;
  color: var(--bs-form-invalid-color);
}
.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .25rem .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  color: #fff;
  background-color: var(--bs-danger);
  border-radius: var(--bs-border-radius);
}
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip,
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip {
  display: block;
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + .75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25);
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  padding-right: calc(1.5em + .75rem);
  background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);
}
.form-select.is-invalid,
.was-validated .form-select:invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right .75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem);
}
.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25);
}
.form-control-color.is-invalid,
.was-validated .form-control-color:invalid {
  width: calc(3rem + calc(1.5em + .75rem));
}
.form-check-input.is-invalid,
.was-validated .form-check-input:invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.form-check-input.is-invalid:checked,
.was-validated .form-check-input:invalid:checked {
  background-color: var(--bs-form-invalid-color);
}
.form-check-input.is-invalid:focus,
.was-validated .form-check-input:invalid:focus {
  box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25);
}
.form-check-input.is-invalid ~ .form-check-label,
.was-validated .form-check-input:invalid ~ .form-check-label {
  color: var(--bs-form-invalid-color);
}
.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: .5em;
}
.input-group > .form-control:not(:focus).is-invalid,
.input-group > .form-floating:not(:focus-within).is-invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-control:not(:focus):invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.was-validated .input-group > .form-select:not(:focus):invalid {
  z-index: 4;
}
.btn {
  --bs-btn-padding-x:0.75rem;
  --bs-btn-padding-y:0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size:1rem;
  --bs-btn-font-weight:400;
  --bs-btn-line-height:1.5;
  --bs-btn-color:var(--bs-body-color);
  --bs-btn-bg:transparent;
  --bs-btn-border-width:var(--bs-border-width);
  --bs-btn-border-color:transparent;
  --bs-btn-border-radius:var(--bs-border-radius);
  --bs-btn-hover-border-color:transparent;
  --bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity:0.65;
  --bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition:
    color .15s ease-in-out,
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
}
@media (prefers-reduced-motion:reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible,
.btn:first-child:active:focus-visible,
:not(.btn-check) + .btn:active:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked:focus-visible + .btn {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}
.btn-primary {
  --bs-btn-color:#fff;
  --bs-btn-bg:#0d6efd;
  --bs-btn-border-color:#0d6efd;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#0b5ed7;
  --bs-btn-hover-border-color:#0a58ca;
  --bs-btn-focus-shadow-rgb:49,132,253;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#0a58ca;
  --bs-btn-active-border-color:#0a53be;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#fff;
  --bs-btn-disabled-bg:#0d6efd;
  --bs-btn-disabled-border-color:#0d6efd;
}
.btn-secondary {
  --bs-btn-color:#fff;
  --bs-btn-bg:#6c757d;
  --bs-btn-border-color:#6c757d;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#5c636a;
  --bs-btn-hover-border-color:#565e64;
  --bs-btn-focus-shadow-rgb:130,138,145;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#565e64;
  --bs-btn-active-border-color:#51585e;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#fff;
  --bs-btn-disabled-bg:#6c757d;
  --bs-btn-disabled-border-color:#6c757d;
}
.btn-success {
  --bs-btn-color:#fff;
  --bs-btn-bg:#198754;
  --bs-btn-border-color:#198754;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#157347;
  --bs-btn-hover-border-color:#146c43;
  --bs-btn-focus-shadow-rgb:60,153,110;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#146c43;
  --bs-btn-active-border-color:#13653f;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#fff;
  --bs-btn-disabled-bg:#198754;
  --bs-btn-disabled-border-color:#198754;
}
.btn-info {
  --bs-btn-color:#000;
  --bs-btn-bg:#0dcaf0;
  --bs-btn-border-color:#0dcaf0;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#31d2f2;
  --bs-btn-hover-border-color:#25cff2;
  --bs-btn-focus-shadow-rgb:11,172,204;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#3dd5f3;
  --bs-btn-active-border-color:#25cff2;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#000;
  --bs-btn-disabled-bg:#0dcaf0;
  --bs-btn-disabled-border-color:#0dcaf0;
}
.btn-warning {
  --bs-btn-color:#000;
  --bs-btn-bg:#ffc107;
  --bs-btn-border-color:#ffc107;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#ffca2c;
  --bs-btn-hover-border-color:#ffc720;
  --bs-btn-focus-shadow-rgb:217,164,6;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#ffcd39;
  --bs-btn-active-border-color:#ffc720;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#000;
  --bs-btn-disabled-bg:#ffc107;
  --bs-btn-disabled-border-color:#ffc107;
}
.btn-danger {
  --bs-btn-color:#fff;
  --bs-btn-bg:#dc3545;
  --bs-btn-border-color:#dc3545;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#bb2d3b;
  --bs-btn-hover-border-color:#b02a37;
  --bs-btn-focus-shadow-rgb:225,83,97;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#b02a37;
  --bs-btn-active-border-color:#a52834;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#fff;
  --bs-btn-disabled-bg:#dc3545;
  --bs-btn-disabled-border-color:#dc3545;
}
.btn-light {
  --bs-btn-color:#000;
  --bs-btn-bg:#f8f9fa;
  --bs-btn-border-color:#f8f9fa;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#d3d4d5;
  --bs-btn-hover-border-color:#c6c7c8;
  --bs-btn-focus-shadow-rgb:211,212,213;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#c6c7c8;
  --bs-btn-active-border-color:#babbbc;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#000;
  --bs-btn-disabled-bg:#f8f9fa;
  --bs-btn-disabled-border-color:#f8f9fa;
}
.btn-dark {
  --bs-btn-color:#fff;
  --bs-btn-bg:#212529;
  --bs-btn-border-color:#212529;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#424649;
  --bs-btn-hover-border-color:#373b3e;
  --bs-btn-focus-shadow-rgb:66,70,73;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#4d5154;
  --bs-btn-active-border-color:#373b3e;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#fff;
  --bs-btn-disabled-bg:#212529;
  --bs-btn-disabled-border-color:#212529;
}
.btn-outline-primary {
  --bs-btn-color:#0d6efd;
  --bs-btn-border-color:#0d6efd;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#0d6efd;
  --bs-btn-hover-border-color:#0d6efd;
  --bs-btn-focus-shadow-rgb:13,110,253;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#0d6efd;
  --bs-btn-active-border-color:#0d6efd;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#0d6efd;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#0d6efd;
  --bs-gradient:none;
}
.btn-outline-secondary {
  --bs-btn-color:#6c757d;
  --bs-btn-border-color:#6c757d;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#6c757d;
  --bs-btn-hover-border-color:#6c757d;
  --bs-btn-focus-shadow-rgb:108,117,125;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#6c757d;
  --bs-btn-active-border-color:#6c757d;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#6c757d;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#6c757d;
  --bs-gradient:none;
}
.btn-outline-success {
  --bs-btn-color:#198754;
  --bs-btn-border-color:#198754;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#198754;
  --bs-btn-hover-border-color:#198754;
  --bs-btn-focus-shadow-rgb:25,135,84;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#198754;
  --bs-btn-active-border-color:#198754;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#198754;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#198754;
  --bs-gradient:none;
}
.btn-outline-info {
  --bs-btn-color:#0dcaf0;
  --bs-btn-border-color:#0dcaf0;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#0dcaf0;
  --bs-btn-hover-border-color:#0dcaf0;
  --bs-btn-focus-shadow-rgb:13,202,240;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#0dcaf0;
  --bs-btn-active-border-color:#0dcaf0;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#0dcaf0;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#0dcaf0;
  --bs-gradient:none;
}
.btn-outline-warning {
  --bs-btn-color:#ffc107;
  --bs-btn-border-color:#ffc107;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#ffc107;
  --bs-btn-hover-border-color:#ffc107;
  --bs-btn-focus-shadow-rgb:255,193,7;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#ffc107;
  --bs-btn-active-border-color:#ffc107;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#ffc107;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#ffc107;
  --bs-gradient:none;
}
.btn-outline-danger {
  --bs-btn-color:#dc3545;
  --bs-btn-border-color:#dc3545;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#dc3545;
  --bs-btn-hover-border-color:#dc3545;
  --bs-btn-focus-shadow-rgb:220,53,69;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#dc3545;
  --bs-btn-active-border-color:#dc3545;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#dc3545;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#dc3545;
  --bs-gradient:none;
}
.btn-outline-light {
  --bs-btn-color:#f8f9fa;
  --bs-btn-border-color:#f8f9fa;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#f8f9fa;
  --bs-btn-hover-border-color:#f8f9fa;
  --bs-btn-focus-shadow-rgb:248,249,250;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#f8f9fa;
  --bs-btn-active-border-color:#f8f9fa;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#f8f9fa;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#f8f9fa;
  --bs-gradient:none;
}
.btn-outline-dark {
  --bs-btn-color:#212529;
  --bs-btn-border-color:#212529;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#212529;
  --bs-btn-hover-border-color:#212529;
  --bs-btn-focus-shadow-rgb:33,37,41;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#212529;
  --bs-btn-active-border-color:#212529;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#212529;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#212529;
  --bs-gradient:none;
}
.btn-link {
  --bs-btn-font-weight:400;
  --bs-btn-color:var(--bs-link-color);
  --bs-btn-bg:transparent;
  --bs-btn-border-color:transparent;
  --bs-btn-hover-color:var(--bs-link-hover-color);
  --bs-btn-hover-border-color:transparent;
  --bs-btn-active-color:var(--bs-link-hover-color);
  --bs-btn-active-border-color:transparent;
  --bs-btn-disabled-color:#6c757d;
  --bs-btn-disabled-border-color:transparent;
  --bs-btn-box-shadow:0 0 0 #000;
  --bs-btn-focus-shadow-rgb:49,132,253;
  text-decoration: underline;
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}
.btn-group-lg > .btn,
.btn-lg {
  --bs-btn-padding-y:0.5rem;
  --bs-btn-padding-x:1rem;
  --bs-btn-font-size:1.25rem;
  --bs-btn-border-radius:var(--bs-border-radius-lg);
}
.btn-group-sm > .btn,
.btn-sm {
  --bs-btn-padding-y:0.25rem;
  --bs-btn-padding-x:0.5rem;
  --bs-btn-font-size:0.875rem;
  --bs-btn-border-radius:var(--bs-border-radius-sm);
}
.fade {
  transition: opacity .15s linear;
}
@media (prefers-reduced-motion:reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}
.collapse:not(.show) {
  display: none;
}
.collapsing {
  height: 0;
  overflow: hidden;
  transition: height .35s ease;
}
@media (prefers-reduced-motion:reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width .35s ease;
}
@media (prefers-reduced-motion:reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}
.dropdown,
.dropdown-center,
.dropend,
.dropstart,
.dropup,
.dropup-center {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropdown-menu {
  --bs-dropdown-zindex:1000;
  --bs-dropdown-min-width:10rem;
  --bs-dropdown-padding-x:0;
  --bs-dropdown-padding-y:0.5rem;
  --bs-dropdown-spacer:0.125rem;
  --bs-dropdown-font-size:1rem;
  --bs-dropdown-color:var(--bs-body-color);
  --bs-dropdown-bg:var(--bs-body-bg);
  --bs-dropdown-border-color:var(--bs-border-color-translucent);
  --bs-dropdown-border-radius:var(--bs-border-radius);
  --bs-dropdown-border-width:var(--bs-border-width);
  --bs-dropdown-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg:var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y:0.5rem;
  --bs-dropdown-box-shadow:var(--bs-box-shadow);
  --bs-dropdown-link-color:var(--bs-body-color);
  --bs-dropdown-link-hover-color:var(--bs-body-color);
  --bs-dropdown-link-hover-bg:var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color:#fff;
  --bs-dropdown-link-active-bg:#0d6efd;
  --bs-dropdown-link-disabled-color:var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x:1rem;
  --bs-dropdown-item-padding-y:0.25rem;
  --bs-dropdown-header-color:#6c757d;
  --bs-dropdown-header-padding-x:1rem;
  --bs-dropdown-header-padding-y:0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}
.dropdown-menu-start {
  --bs-position:start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}
.dropdown-menu-end {
  --bs-position:end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}
@media (min-width:576px) {
  .dropdown-menu-sm-start {
    --bs-position:start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position:end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width:768px) {
  .dropdown-menu-md-start {
    --bs-position:start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position:end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width:992px) {
  .dropdown-menu-lg-start {
    --bs-position:start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position:end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width:1200px) {
  .dropdown-menu-xl-start {
    --bs-position:start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position:end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width:1400px) {
  .dropdown-menu-xxl-start {
    --bs-position:start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position:end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: 0;
  border-right: .3em solid transparent;
  border-bottom: .3em solid;
  border-left: .3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid transparent;
  border-right: 0;
  border-bottom: .3em solid transparent;
  border-left: .3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}
.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid transparent;
  border-right: .3em solid;
  border-bottom: .3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}
.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius,0);
}
.dropdown-item:focus,
.dropdown-item:hover {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active,
.dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled,
.dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: .875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}
.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}
.dropdown-menu-dark {
  --bs-dropdown-color:#dee2e6;
  --bs-dropdown-bg:#343a40;
  --bs-dropdown-border-color:var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color:#dee2e6;
  --bs-dropdown-link-hover-color:#fff;
  --bs-dropdown-divider-bg:var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg:rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color:#fff;
  --bs-dropdown-link-active-bg:#0d6efd;
  --bs-dropdown-link-disabled-color:#adb5bd;
  --bs-dropdown-header-color:#adb5bd;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group-vertical > .btn,
.btn-group > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn.active,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:hover,
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn.active,
.btn-group > .btn:active,
.btn-group > .btn:focus,
.btn-group > .btn:hover {
  z-index: 1;
}
.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}
.btn-group {
  border-radius: var(--bs-border-radius);
}
.btn-group > .btn-group:not(:first-child),
.btn-group > :not(.btn-check:first-child) + .btn {
  margin-left: calc(-1 * var(--bs-border-width));
}
.btn-group > .btn-group:not(:last-child) > .btn,
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn-group:not(:first-child) > .btn,
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
  padding-right: .5625rem;
  padding-left: .5625rem;
}
.dropdown-toggle-split::after,
.dropend .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}
.btn-group-sm > .btn + .dropdown-toggle-split,
.btn-sm + .dropdown-toggle-split {
  padding-right: .375rem;
  padding-left: .375rem;
}
.btn-group-lg > .btn + .dropdown-toggle-split,
.btn-lg + .dropdown-toggle-split {
  padding-right: .75rem;
  padding-left: .75rem;
}
.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn-group:not(:first-child),
.btn-group-vertical > .btn:not(:first-child) {
  margin-top: calc(-1 * var(--bs-border-width));
}
.btn-group-vertical > .btn-group:not(:last-child) > .btn,
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child) > .btn,
.btn-group-vertical > .btn:nth-child(n+3),
.btn-group-vertical > :not(.btn-check) + .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav {
  --bs-nav-link-padding-x:1rem;
  --bs-nav-link-padding-y:0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color:var(--bs-link-color);
  --bs-nav-link-hover-color:var(--bs-link-hover-color);
  --bs-nav-link-disabled-color:var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  background: 0 0;
  border: 0;
  transition:
    color .15s ease-in-out,
    background-color .15s ease-in-out,
    border-color .15s ease-in-out;
}
@media (prefers-reduced-motion:reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:focus,
.nav-link:hover {
  color: var(--bs-nav-link-hover-color);
}
.nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}
.nav-link.disabled,
.nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}
.nav-tabs {
  --bs-nav-tabs-border-width:var(--bs-border-width);
  --bs-nav-tabs-border-color:var(--bs-border-color);
  --bs-nav-tabs-border-radius:var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color:var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color:var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg:var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color:var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav-pills {
  --bs-nav-pills-border-radius:var(--bs-border-radius);
  --bs-nav-pills-link-active-color:#fff;
  --bs-nav-pills-link-active-bg:#0d6efd;
}
.nav-pills .nav-link {
  border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}
.nav-underline {
  --bs-nav-underline-gap:1rem;
  --bs-nav-underline-border-width:0.125rem;
  --bs-nav-underline-link-active-color:var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap);
}
.nav-underline .nav-link {
  padding-right: 0;
  padding-left: 0;
  border-bottom: var(--bs-nav-underline-border-width) solid transparent;
}
.nav-underline .nav-link:focus,
.nav-underline .nav-link:hover {
  border-bottom-color: currentcolor;
}
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
  font-weight: 700;
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentcolor;
}
.nav-fill .nav-item,
.nav-fill > .nav-link {
  flex: 1 1 auto;
  text-align: center;
}
.nav-justified .nav-item,
.nav-justified > .nav-link {
  flex-grow: 1;
  flex-basis: 0;
  text-align: center;
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.navbar {
  --bs-navbar-padding-x:0;
  --bs-navbar-padding-y:0.5rem;
  --bs-navbar-color:rgba(var(--bs-emphasis-color-rgb), 0.65);
  --bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y:0.3125rem;
  --bs-navbar-brand-margin-end:1rem;
  --bs-navbar-brand-font-size:1.25rem;
  --bs-navbar-brand-color:rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color:rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x:0.5rem;
  --bs-navbar-toggler-padding-y:0.25rem;
  --bs-navbar-toggler-padding-x:0.75rem;
  --bs-navbar-toggler-font-size:1.25rem;
  --bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color:rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius:var(--bs-border-radius);
  --bs-navbar-toggler-focus-width:0.25rem;
  --bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-lg,
.navbar > .container-md,
.navbar > .container-sm,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}
.navbar-brand:focus,
.navbar-brand:hover {
  color: var(--bs-navbar-brand-hover-color);
}
.navbar-nav {
  --bs-nav-link-padding-x:0;
  --bs-nav-link-padding-y:0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color:var(--bs-navbar-color);
  --bs-nav-link-hover-color:var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
  position: static;
}
.navbar-text {
  padding-top: .5rem;
  padding-bottom: .5rem;
  color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:focus,
.navbar-text a:hover {
  color: var(--bs-navbar-active-color);
}
.navbar-collapse {
  flex-grow: 1;
  flex-basis: 100%;
  align-items: center;
}
.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion:reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.navbar-nav-scroll {
  max-height: var(--bs-scroll-height,75vh);
  overflow-y: auto;
}
@media (min-width:576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width:768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width:992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width:1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width:1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}
.navbar-dark,
.navbar[data-bs-theme=dark] {
  --bs-navbar-color:rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color:rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color:rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color:#fff;
  --bs-navbar-brand-color:#fff;
  --bs-navbar-brand-hover-color:#fff;
  --bs-navbar-toggler-border-color:rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
[data-bs-theme=dark] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.card {
  --bs-card-spacer-y:1rem;
  --bs-card-spacer-x:1rem;
  --bs-card-title-spacer-y:0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width:var(--bs-border-width);
  --bs-card-border-color:var(--bs-border-color-translucent);
  --bs-card-border-radius:var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y:0.5rem;
  --bs-card-cap-padding-x:1rem;
  --bs-card-cap-bg:rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg:var(--bs-body-bg);
  --bs-card-img-overlay-padding:1rem;
  --bs-card-group-margin:0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}
.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}
.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
  color: var(--bs-card-title-color);
}
.card-subtitle {
  margin-top: calc(-.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
  color: var(--bs-card-subtitle-color);
}
.card-text:last-child {
  margin-bottom: 0;
}
.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}
.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}
.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}
.card-header-tabs {
  margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}
.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}
.card-header-pills {
  margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
}
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-bottom,
.card-img-top {
  width: 100%;
}
.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card-group > .card {
  margin-bottom: var(--bs-card-group-margin);
}
@media (min-width:576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) > .card-header,
  .card-group > .card:not(:last-child) > .card-img-top {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) > .card-footer,
  .card-group > .card:not(:last-child) > .card-img-bottom {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) > .card-header,
  .card-group > .card:not(:first-child) > .card-img-top {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) > .card-footer,
  .card-group > .card:not(:first-child) > .card-img-bottom {
    border-bottom-left-radius: 0;
  }
}
.accordion {
  --bs-accordion-color:var(--bs-body-color);
  --bs-accordion-bg:var(--bs-body-bg);
  --bs-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
  --bs-accordion-border-color:var(--bs-border-color);
  --bs-accordion-border-width:var(--bs-border-width);
  --bs-accordion-border-radius:var(--bs-border-radius);
  --bs-accordion-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x:1.25rem;
  --bs-accordion-btn-padding-y:1rem;
  --bs-accordion-btn-color:var(--bs-body-color);
  --bs-accordion-btn-bg:var(--bs-accordion-bg);
  --bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width:1.25rem;
  --bs-accordion-btn-icon-transform:rotate(-180deg);
  --bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x:1.25rem;
  --bs-accordion-body-padding-y:1rem;
  --bs-accordion-active-color:var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg:var(--bs-primary-bg-subtle);
}
.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion:reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion:reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}
.accordion-header {
  margin-bottom: 0;
}
.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type > .accordion-header .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type > .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}
.accordion-flush > .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush > .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush > .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush > .accordion-item > .accordion-collapse,
.accordion-flush > .accordion-item > .accordion-header .accordion-button,
.accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
  border-radius: 0;
}
[data-bs-theme=dark] .accordion-button::after {
  --bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
}
.breadcrumb {
  --bs-breadcrumb-padding-x:0;
  --bs-breadcrumb-padding-y:0;
  --bs-breadcrumb-margin-bottom:1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color:var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x:0.5rem;
  --bs-breadcrumb-item-active-color:var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/");
}
.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}
.pagination {
  --bs-pagination-padding-x:0.75rem;
  --bs-pagination-padding-y:0.375rem;
  --bs-pagination-font-size:1rem;
  --bs-pagination-color:var(--bs-link-color);
  --bs-pagination-bg:var(--bs-body-bg);
  --bs-pagination-border-width:var(--bs-border-width);
  --bs-pagination-border-color:var(--bs-border-color);
  --bs-pagination-border-radius:var(--bs-border-radius);
  --bs-pagination-hover-color:var(--bs-link-hover-color);
  --bs-pagination-hover-bg:var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color:var(--bs-border-color);
  --bs-pagination-focus-color:var(--bs-link-hover-color);
  --bs-pagination-focus-bg:var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color:#fff;
  --bs-pagination-active-bg:#0d6efd;
  --bs-pagination-active-border-color:#0d6efd;
  --bs-pagination-disabled-color:var(--bs-secondary-color);
  --bs-pagination-disabled-bg:var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color:var(--bs-border-color);
  display: flex;
  padding-left: 0;
  list-style: none;
}
.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition:
    color .15s ease-in-out,
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
}
@media (prefers-reduced-motion:reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}
.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
}
.active > .page-link,
.page-link.active {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}
.disabled > .page-link,
.page-link.disabled {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}
.page-item:not(:first-child) .page-link {
  margin-left: calc(-1 * var(--bs-border-width));
}
.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}
.pagination-lg {
  --bs-pagination-padding-x:1.5rem;
  --bs-pagination-padding-y:0.75rem;
  --bs-pagination-font-size:1.25rem;
  --bs-pagination-border-radius:var(--bs-border-radius-lg);
}
.pagination-sm {
  --bs-pagination-padding-x:0.5rem;
  --bs-pagination-padding-y:0.25rem;
  --bs-pagination-font-size:0.875rem;
  --bs-pagination-border-radius:var(--bs-border-radius-sm);
}
.badge {
  --bs-badge-padding-x:0.65em;
  --bs-badge-padding-y:0.35em;
  --bs-badge-font-size:0.75em;
  --bs-badge-font-weight:700;
  --bs-badge-color:#fff;
  --bs-badge-border-radius:var(--bs-border-radius);
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.alert {
  --bs-alert-bg:transparent;
  --bs-alert-padding-x:1rem;
  --bs-alert-padding-y:1rem;
  --bs-alert-margin-bottom:1rem;
  --bs-alert-color:inherit;
  --bs-alert-border-color:transparent;
  --bs-alert-border:var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius:var(--bs-border-radius);
  --bs-alert-link-color:inherit;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}
.alert-heading {
  color: inherit;
}
.alert-link {
  font-weight: 700;
  color: var(--bs-alert-link-color);
}
.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}
.alert-primary {
  --bs-alert-color:var(--bs-primary-text-emphasis);
  --bs-alert-bg:var(--bs-primary-bg-subtle);
  --bs-alert-border-color:var(--bs-primary-border-subtle);
  --bs-alert-link-color:var(--bs-primary-text-emphasis);
}
.alert-secondary {
  --bs-alert-color:var(--bs-secondary-text-emphasis);
  --bs-alert-bg:var(--bs-secondary-bg-subtle);
  --bs-alert-border-color:var(--bs-secondary-border-subtle);
  --bs-alert-link-color:var(--bs-secondary-text-emphasis);
}
.alert-success {
  --bs-alert-color:var(--bs-success-text-emphasis);
  --bs-alert-bg:var(--bs-success-bg-subtle);
  --bs-alert-border-color:var(--bs-success-border-subtle);
  --bs-alert-link-color:var(--bs-success-text-emphasis);
}
.alert-info {
  --bs-alert-color:var(--bs-info-text-emphasis);
  --bs-alert-bg:var(--bs-info-bg-subtle);
  --bs-alert-border-color:var(--bs-info-border-subtle);
  --bs-alert-link-color:var(--bs-info-text-emphasis);
}
.alert-warning {
  --bs-alert-color:var(--bs-warning-text-emphasis);
  --bs-alert-bg:var(--bs-warning-bg-subtle);
  --bs-alert-border-color:var(--bs-warning-border-subtle);
  --bs-alert-link-color:var(--bs-warning-text-emphasis);
}
.alert-danger {
  --bs-alert-color:var(--bs-danger-text-emphasis);
  --bs-alert-bg:var(--bs-danger-bg-subtle);
  --bs-alert-border-color:var(--bs-danger-border-subtle);
  --bs-alert-link-color:var(--bs-danger-text-emphasis);
}
.alert-light {
  --bs-alert-color:var(--bs-light-text-emphasis);
  --bs-alert-bg:var(--bs-light-bg-subtle);
  --bs-alert-border-color:var(--bs-light-border-subtle);
  --bs-alert-link-color:var(--bs-light-text-emphasis);
}
.alert-dark {
  --bs-alert-color:var(--bs-dark-text-emphasis);
  --bs-alert-bg:var(--bs-dark-bg-subtle);
  --bs-alert-border-color:var(--bs-dark-border-subtle);
  --bs-alert-link-color:var(--bs-dark-text-emphasis);
}
@keyframes progress-bar-stripes {
  0% {
    background-position-x: var(--bs-progress-height);
  }
}
.progress,
.progress-stacked {
  --bs-progress-height:1rem;
  --bs-progress-font-size:0.75rem;
  --bs-progress-bg:var(--bs-secondary-bg);
  --bs-progress-border-radius:var(--bs-border-radius);
  --bs-progress-box-shadow:var(--bs-box-shadow-inset);
  --bs-progress-bar-color:#fff;
  --bs-progress-bar-bg:#0d6efd;
  --bs-progress-bar-transition:width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}
.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition);
}
@media (prefers-reduced-motion:reduce) {
  .progress-bar {
    transition: none;
  }
}
.progress-bar-striped {
  background-image:
    linear-gradient(
      45deg,
      rgba(255, 255, 255, .15) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, .15) 50%,
      rgba(255, 255, 255, .15) 75%,
      transparent 75%,
      transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height);
}
.progress-stacked > .progress {
  overflow: visible;
}
.progress-stacked > .progress > .progress-bar {
  width: 100%;
}
.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion:reduce) {
  .progress-bar-animated {
    animation: none;
  }
}
.list-group {
  --bs-list-group-color:var(--bs-body-color);
  --bs-list-group-bg:var(--bs-body-bg);
  --bs-list-group-border-color:var(--bs-border-color);
  --bs-list-group-border-width:var(--bs-border-width);
  --bs-list-group-border-radius:var(--bs-border-radius);
  --bs-list-group-item-padding-x:1rem;
  --bs-list-group-item-padding-y:0.5rem;
  --bs-list-group-action-color:var(--bs-secondary-color);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-tertiary-bg);
  --bs-list-group-action-active-color:var(--bs-body-color);
  --bs-list-group-action-active-bg:var(--bs-secondary-bg);
  --bs-list-group-disabled-color:var(--bs-secondary-color);
  --bs-list-group-disabled-bg:var(--bs-body-bg);
  --bs-list-group-active-color:#fff;
  --bs-list-group-active-bg:#0d6efd;
  --bs-list-group-active-border-color:#0d6efd;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}
.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered > .list-group-item::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}
.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled,
.list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width);
}
.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit;
}
.list-group-item-action:not(.active):focus,
.list-group-item-action:not(.active):hover {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg);
}
.list-group-item-action:not(.active):active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg);
}
.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: calc(-1 * var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width);
}
@media (min-width:576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width:768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width:992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width:1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width:1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width);
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}
.list-group-item-primary {
  --bs-list-group-color:var(--bs-primary-text-emphasis);
  --bs-list-group-bg:var(--bs-primary-bg-subtle);
  --bs-list-group-border-color:var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-primary-border-subtle);
  --bs-list-group-action-active-color:var(--bs-emphasis-color);
  --bs-list-group-action-active-bg:var(--bs-primary-border-subtle);
  --bs-list-group-active-color:var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg:var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color:var(--bs-primary-text-emphasis);
}
.list-group-item-secondary {
  --bs-list-group-color:var(--bs-secondary-text-emphasis);
  --bs-list-group-bg:var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color:var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-color:var(--bs-emphasis-color);
  --bs-list-group-action-active-bg:var(--bs-secondary-border-subtle);
  --bs-list-group-active-color:var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg:var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color:var(--bs-secondary-text-emphasis);
}
.list-group-item-success {
  --bs-list-group-color:var(--bs-success-text-emphasis);
  --bs-list-group-bg:var(--bs-success-bg-subtle);
  --bs-list-group-border-color:var(--bs-success-border-subtle);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-success-border-subtle);
  --bs-list-group-action-active-color:var(--bs-emphasis-color);
  --bs-list-group-action-active-bg:var(--bs-success-border-subtle);
  --bs-list-group-active-color:var(--bs-success-bg-subtle);
  --bs-list-group-active-bg:var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color:var(--bs-success-text-emphasis);
}
.list-group-item-info {
  --bs-list-group-color:var(--bs-info-text-emphasis);
  --bs-list-group-bg:var(--bs-info-bg-subtle);
  --bs-list-group-border-color:var(--bs-info-border-subtle);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-info-border-subtle);
  --bs-list-group-action-active-color:var(--bs-emphasis-color);
  --bs-list-group-action-active-bg:var(--bs-info-border-subtle);
  --bs-list-group-active-color:var(--bs-info-bg-subtle);
  --bs-list-group-active-bg:var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color:var(--bs-info-text-emphasis);
}
.list-group-item-warning {
  --bs-list-group-color:var(--bs-warning-text-emphasis);
  --bs-list-group-bg:var(--bs-warning-bg-subtle);
  --bs-list-group-border-color:var(--bs-warning-border-subtle);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-warning-border-subtle);
  --bs-list-group-action-active-color:var(--bs-emphasis-color);
  --bs-list-group-action-active-bg:var(--bs-warning-border-subtle);
  --bs-list-group-active-color:var(--bs-warning-bg-subtle);
  --bs-list-group-active-bg:var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color:var(--bs-warning-text-emphasis);
}
.list-group-item-danger {
  --bs-list-group-color:var(--bs-danger-text-emphasis);
  --bs-list-group-bg:var(--bs-danger-bg-subtle);
  --bs-list-group-border-color:var(--bs-danger-border-subtle);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-danger-border-subtle);
  --bs-list-group-action-active-color:var(--bs-emphasis-color);
  --bs-list-group-action-active-bg:var(--bs-danger-border-subtle);
  --bs-list-group-active-color:var(--bs-danger-bg-subtle);
  --bs-list-group-active-bg:var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color:var(--bs-danger-text-emphasis);
}
.list-group-item-light {
  --bs-list-group-color:var(--bs-light-text-emphasis);
  --bs-list-group-bg:var(--bs-light-bg-subtle);
  --bs-list-group-border-color:var(--bs-light-border-subtle);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-light-border-subtle);
  --bs-list-group-action-active-color:var(--bs-emphasis-color);
  --bs-list-group-action-active-bg:var(--bs-light-border-subtle);
  --bs-list-group-active-color:var(--bs-light-bg-subtle);
  --bs-list-group-active-bg:var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color:var(--bs-light-text-emphasis);
}
.list-group-item-dark {
  --bs-list-group-color:var(--bs-dark-text-emphasis);
  --bs-list-group-bg:var(--bs-dark-bg-subtle);
  --bs-list-group-border-color:var(--bs-dark-border-subtle);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-dark-border-subtle);
  --bs-list-group-action-active-color:var(--bs-emphasis-color);
  --bs-list-group-action-active-bg:var(--bs-dark-border-subtle);
  --bs-list-group-active-color:var(--bs-dark-bg-subtle);
  --bs-list-group-active-bg:var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color:var(--bs-dark-text-emphasis);
}
.btn-close {
  --bs-btn-close-color:#000;
  --bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
  --bs-btn-close-opacity:0.5;
  --bs-btn-close-hover-opacity:0.75;
  --bs-btn-close-focus-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-btn-close-focus-opacity:1;
  --bs-btn-close-disabled-opacity:0.25;
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: .25em .25em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  filter: var(--bs-btn-close-filter);
  border: 0;
  border-radius: .375rem;
  opacity: var(--bs-btn-close-opacity);
}
.btn-close:hover {
  color: var(--bs-btn-close-color);
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity);
}
.btn-close:focus {
  outline: 0;
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
}
.btn-close.disabled,
.btn-close:disabled {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
}
.btn-close-white {
  --bs-btn-close-filter:invert(1) grayscale(100%) brightness(200%);
}
:root,
[data-bs-theme=light] {
  --bs-btn-close-filter: ;
}
[data-bs-theme=dark] {
  --bs-btn-close-filter:invert(1) grayscale(100%) brightness(200%);
}
.toast {
  --bs-toast-zindex:1090;
  --bs-toast-padding-x:0.75rem;
  --bs-toast-padding-y:0.5rem;
  --bs-toast-spacing:1.5rem;
  --bs-toast-max-width:350px;
  --bs-toast-font-size:0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg:rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-border-width:var(--bs-border-width);
  --bs-toast-border-color:var(--bs-border-color-translucent);
  --bs-toast-border-radius:var(--bs-border-radius);
  --bs-toast-box-shadow:var(--bs-box-shadow);
  --bs-toast-header-color:var(--bs-secondary-color);
  --bs-toast-header-bg:rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color:var(--bs-border-color-translucent);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}
.toast-container {
  --bs-toast-zindex:1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}
.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}
.toast-header .btn-close {
  margin-right: calc(-.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x);
}
.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}
.modal {
  --bs-modal-zindex:1055;
  --bs-modal-width:500px;
  --bs-modal-padding:1rem;
  --bs-modal-margin:0.5rem;
  --bs-modal-color:var(--bs-body-color);
  --bs-modal-bg:var(--bs-body-bg);
  --bs-modal-border-color:var(--bs-border-color-translucent);
  --bs-modal-border-width:var(--bs-border-width);
  --bs-modal-border-radius:var(--bs-border-radius-lg);
  --bs-modal-box-shadow:var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --bs-modal-header-padding-x:1rem;
  --bs-modal-header-padding-y:1rem;
  --bs-modal-header-padding:1rem 1rem;
  --bs-modal-header-border-color:var(--bs-border-color);
  --bs-modal-header-border-width:var(--bs-border-width);
  --bs-modal-title-line-height:1.5;
  --bs-modal-footer-gap:0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color:var(--bs-border-color);
  --bs-modal-footer-border-width:var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transform: translate(0, -50px);
  transition: transform .3s ease-out;
}
@media (prefers-reduced-motion:reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}
.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}
.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}
.modal-backdrop {
  --bs-backdrop-zindex:1050;
  --bs-backdrop-bg:#000;
  --bs-backdrop-opacity:0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}
.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
  margin-top: calc(-.5 * var(--bs-modal-header-padding-y));
  margin-right: calc(-.5 * var(--bs-modal-header-padding-x));
  margin-bottom: calc(-.5 * var(--bs-modal-header-padding-y));
  margin-left: auto;
}
.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}
.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * .5);
}
@media (min-width:576px) {
  .modal {
    --bs-modal-margin:1.75rem;
    --bs-modal-box-shadow:var(--bs-box-shadow);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width:300px;
  }
}
@media (min-width:992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width:800px;
  }
}
@media (min-width:1200px) {
  .modal-xl {
    --bs-modal-width:1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-footer,
.modal-fullscreen .modal-header {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}
@media (max-width:575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-footer,
  .modal-fullscreen-sm-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width:767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-footer,
  .modal-fullscreen-md-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width:991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-footer,
  .modal-fullscreen-lg-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width:1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-footer,
  .modal-fullscreen-xl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width:1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-footer,
  .modal-fullscreen-xxl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.tooltip {
  --bs-tooltip-zindex:1080;
  --bs-tooltip-max-width:200px;
  --bs-tooltip-padding-x:0.5rem;
  --bs-tooltip-padding-y:0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size:0.875rem;
  --bs-tooltip-color:var(--bs-body-bg);
  --bs-tooltip-bg:var(--bs-emphasis-color);
  --bs-tooltip-border-radius:var(--bs-border-radius);
  --bs-tooltip-opacity:0.9;
  --bs-tooltip-arrow-width:0.8rem;
  --bs-tooltip-arrow-height:0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,
.bs-tooltip-top .tooltip-arrow {
  bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
  border-top-color: var(--bs-tooltip-bg);
}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,
.bs-tooltip-end .tooltip-arrow {
  left: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.bs-tooltip-end .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
  border-right-color: var(--bs-tooltip-bg);
}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,
.bs-tooltip-bottom .tooltip-arrow {
  top: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,
.bs-tooltip-start .tooltip-arrow {
  right: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}
.popover {
  --bs-popover-zindex:1070;
  --bs-popover-max-width:276px;
  --bs-popover-font-size:0.875rem;
  --bs-popover-bg:var(--bs-body-bg);
  --bs-popover-border-width:var(--bs-border-width);
  --bs-popover-border-color:var(--bs-border-color-translucent);
  --bs-popover-border-radius:var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius:calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-popover-box-shadow:var(--bs-box-shadow);
  --bs-popover-header-padding-x:1rem;
  --bs-popover-header-padding-y:0.5rem;
  --bs-popover-header-font-size:1rem;
  --bs-popover-header-color:inherit;
  --bs-popover-header-bg:var(--bs-secondary-bg);
  --bs-popover-body-padding-x:1rem;
  --bs-popover-body-padding-y:1rem;
  --bs-popover-body-color:var(--bs-body-color);
  --bs-popover-arrow-width:1rem;
  --bs-popover-arrow-height:0.5rem;
  --bs-popover-arrow-border:var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow::after,
.popover .popover-arrow::before {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow,
.bs-popover-top > .popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.bs-popover-top > .popover-arrow::after,
.bs-popover-top > .popover-arrow::before {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0;
}
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.bs-popover-top > .popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
.bs-popover-top > .popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow,
.bs-popover-end > .popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.bs-popover-end > .popover-arrow::after,
.bs-popover-end > .popover-arrow::before {
  border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0;
}
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.bs-popover-end > .popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.bs-popover-end > .popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow,
.bs-popover-bottom > .popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.bs-popover-bottom > .popover-arrow::after,
.bs-popover-bottom > .popover-arrow::before {
  border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height);
}
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.bs-popover-bottom > .popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.bs-popover-bottom > .popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow,
.bs-popover-start > .popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.bs-popover-start > .popover-arrow::after,
.bs-popover-start > .popover-arrow::before {
  border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height);
}
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.bs-popover-start > .popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
.bs-popover-start > .popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
  display: none;
}
.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}
.carousel {
  position: relative;
}
.carousel.pointer-event {
  touch-action: pan-y;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}
.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: transform .6s ease-in-out;
}
@media (prefers-reduced-motion:reduce) {
  .carousel-item {
    transition: none;
  }
}
.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
  display: block;
}
.active.carousel-item-end,
.carousel-item-next:not(.carousel-item-start) {
  transform: translateX(100%);
}
.active.carousel-item-start,
.carousel-item-prev:not(.carousel-item-end) {
  transform: translateX(-100%);
}
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end,
.carousel-fade .carousel-item.active {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-end,
.carousel-fade .active.carousel-item-start {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s .6s;
}
@media (prefers-reduced-motion:reduce) {
  .carousel-fade .active.carousel-item-end,
  .carousel-fade .active.carousel-item-start {
    transition: none;
  }
}
.carousel-control-next,
.carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: 0 0;
  filter: var(--bs-carousel-control-icon-filter);
  border: 0;
  opacity: .5;
  transition: opacity .15s ease;
}
@media (prefers-reduced-motion:reduce) {
  .carousel-control-next,
  .carousel-control-prev {
    transition: none;
  }
}
.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: .9;
}
.carousel-control-prev {
  left: 0;
}
.carousel-control-next {
  right: 0;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
}
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: var(--bs-carousel-indicator-active-bg);
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity .6s ease;
}
@media (prefers-reduced-motion:reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: var(--bs-carousel-caption-color);
  text-align: center;
}
.carousel-dark {
  --bs-carousel-indicator-active-bg:#000;
  --bs-carousel-caption-color:#000;
  --bs-carousel-control-icon-filter:invert(1) grayscale(100);
}
:root,
[data-bs-theme=light] {
  --bs-carousel-indicator-active-bg:#fff;
  --bs-carousel-caption-color:#fff;
  --bs-carousel-control-icon-filter: ;
}
[data-bs-theme=dark] {
  --bs-carousel-indicator-active-bg:#000;
  --bs-carousel-caption-color:#000;
  --bs-carousel-control-icon-filter:invert(1) grayscale(100);
}
.spinner-border,
.spinner-grow {
  display: inline-block;
  flex-shrink: 0;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}
@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.spinner-border {
  --bs-spinner-width:2rem;
  --bs-spinner-height:2rem;
  --bs-spinner-vertical-align:-0.125em;
  --bs-spinner-border-width:0.25em;
  --bs-spinner-animation-speed:0.75s;
  --bs-spinner-animation-name:spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}
.spinner-border-sm {
  --bs-spinner-width:1rem;
  --bs-spinner-height:1rem;
  --bs-spinner-border-width:0.2em;
}
@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width:2rem;
  --bs-spinner-height:2rem;
  --bs-spinner-vertical-align:-0.125em;
  --bs-spinner-animation-speed:0.75s;
  --bs-spinner-animation-name:spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}
.spinner-grow-sm {
  --bs-spinner-width:1rem;
  --bs-spinner-height:1rem;
}
@media (prefers-reduced-motion:reduce) {
  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed:1.5s;
  }
}
.offcanvas,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm,
.offcanvas-xl,
.offcanvas-xxl {
  --bs-offcanvas-zindex:1045;
  --bs-offcanvas-width:400px;
  --bs-offcanvas-height:30vh;
  --bs-offcanvas-padding-x:1rem;
  --bs-offcanvas-padding-y:1rem;
  --bs-offcanvas-color:var(--bs-body-color);
  --bs-offcanvas-bg:var(--bs-body-bg);
  --bs-offcanvas-border-width:var(--bs-border-width);
  --bs-offcanvas-border-color:var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow:var(--bs-box-shadow-sm);
  --bs-offcanvas-transition:transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height:1.5;
}
@media (max-width:575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width:575.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-sm {
    transition: none;
  }
}
@media (max-width:575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-sm.show:not(.hiding),
  .offcanvas-sm.showing {
    transform: none;
  }
  .offcanvas-sm.hiding,
  .offcanvas-sm.show,
  .offcanvas-sm.showing {
    visibility: visible;
  }
}
@media (min-width:576px) {
  .offcanvas-sm {
    --bs-offcanvas-height:auto;
    --bs-offcanvas-border-width:0;
    background-color: transparent !important;
  }
  .offcanvas-sm .offcanvas-header {
    display: none;
  }
  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width:767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width:767.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-md {
    transition: none;
  }
}
@media (max-width:767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-md.show:not(.hiding),
  .offcanvas-md.showing {
    transform: none;
  }
  .offcanvas-md.hiding,
  .offcanvas-md.show,
  .offcanvas-md.showing {
    visibility: visible;
  }
}
@media (min-width:768px) {
  .offcanvas-md {
    --bs-offcanvas-height:auto;
    --bs-offcanvas-border-width:0;
    background-color: transparent !important;
  }
  .offcanvas-md .offcanvas-header {
    display: none;
  }
  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width:991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width:991.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-lg {
    transition: none;
  }
}
@media (max-width:991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-lg.show:not(.hiding),
  .offcanvas-lg.showing {
    transform: none;
  }
  .offcanvas-lg.hiding,
  .offcanvas-lg.show,
  .offcanvas-lg.showing {
    visibility: visible;
  }
}
@media (min-width:992px) {
  .offcanvas-lg {
    --bs-offcanvas-height:auto;
    --bs-offcanvas-border-width:0;
    background-color: transparent !important;
  }
  .offcanvas-lg .offcanvas-header {
    display: none;
  }
  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width:1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width:1199.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-xl {
    transition: none;
  }
}
@media (max-width:1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xl.show:not(.hiding),
  .offcanvas-xl.showing {
    transform: none;
  }
  .offcanvas-xl.hiding,
  .offcanvas-xl.show,
  .offcanvas-xl.showing {
    visibility: visible;
  }
}
@media (min-width:1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height:auto;
    --bs-offcanvas-border-width:0;
    background-color: transparent !important;
  }
  .offcanvas-xl .offcanvas-header {
    display: none;
  }
  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width:1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width:1399.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}
@media (max-width:1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xxl.show:not(.hiding),
  .offcanvas-xxl.showing {
    transform: none;
  }
  .offcanvas-xxl.hiding,
  .offcanvas-xxl.show,
  .offcanvas-xxl.showing {
    visibility: visible;
  }
}
@media (min-width:1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height:auto;
    --bs-offcanvas-border-width:0;
    background-color: transparent !important;
  }
  .offcanvas-xxl .offcanvas-header {
    display: none;
  }
  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: var(--bs-offcanvas-transition);
}
@media (prefers-reduced-motion:reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
}
.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%);
}
.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%);
}
.offcanvas.show:not(.hiding),
.offcanvas.showing {
  transform: none;
}
.offcanvas.hiding,
.offcanvas.show,
.offcanvas.showing {
  visibility: visible;
}
.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: .5;
}
.offcanvas-header {
  display: flex;
  align-items: center;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
  margin-top: calc(-.5 * var(--bs-offcanvas-padding-y));
  margin-right: calc(-.5 * var(--bs-offcanvas-padding-x));
  margin-bottom: calc(-.5 * var(--bs-offcanvas-padding-y));
  margin-left: auto;
}
.offcanvas-title {
  margin-bottom: 0;
  line-height: var(--bs-offcanvas-title-line-height);
}
.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto;
}
.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: .5;
}
.placeholder.btn::before {
  display: inline-block;
  content: "";
}
.placeholder-xs {
  min-height: .6em;
}
.placeholder-sm {
  min-height: .8em;
}
.placeholder-lg {
  min-height: 1.2em;
}
.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}
@keyframes placeholder-glow {
  50% {
    opacity: .2;
  }
}
.placeholder-wave {
  -webkit-mask-image:
    linear-gradient(
      130deg,
      #000 55%,
      rgba(0, 0, 0, 0.8) 75%,
      #000 95%);
  mask-image:
    linear-gradient(
      130deg,
      #000 55%,
      rgba(0, 0, 0, 0.8) 75%,
      #000 95%);
  -webkit-mask-size: 200% 100%;
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}
@keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
    mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity,1)) !important;
}
.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity,1)) !important;
}
.text-bg-success {
  color: #fff !important;
  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity,1)) !important;
}
.text-bg-info {
  color: #000 !important;
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity,1)) !important;
}
.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity,1)) !important;
}
.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity,1)) !important;
}
.text-bg-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity,1)) !important;
}
.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity,1)) !important;
}
.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity,1)) !important;
}
.link-primary:focus,
.link-primary:hover {
  color: RGBA(10, 88, 202, var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity,1)) !important;
}
.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity,1)) !important;
}
.link-secondary:focus,
.link-secondary:hover {
  color: RGBA(86, 94, 100, var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity,1)) !important;
}
.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity,1)) !important;
}
.link-success:focus,
.link-success:hover {
  color: RGBA(20, 108, 67, var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity,1)) !important;
}
.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity,1)) !important;
}
.link-info:focus,
.link-info:hover {
  color: RGBA(61, 213, 243, var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity,1)) !important;
}
.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity,1)) !important;
}
.link-warning:focus,
.link-warning:hover {
  color: RGBA(255, 205, 57, var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity,1)) !important;
}
.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity,1)) !important;
}
.link-danger:focus,
.link-danger:hover {
  color: RGBA(176, 42, 55, var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity,1)) !important;
}
.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity,1)) !important;
}
.link-light:focus,
.link-light:hover {
  color: RGBA(249, 250, 251, var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity,1)) !important;
}
.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity,1)) !important;
}
.link-dark:focus,
.link-dark:hover {
  color: RGBA(26, 30, 33, var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity,1)) !important;
}
.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity,1)) !important;
}
.link-body-emphasis:focus,
.link-body-emphasis:hover {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity,.75)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity,0.75)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity,0.75)) !important;
}
.focus-ring:focus {
  outline: 0;
  box-shadow: var(--bs-focus-ring-x,0) var(--bs-focus-ring-y,0) var(--bs-focus-ring-blur,0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}
.icon-link {
  display: inline-flex;
  gap: .375rem;
  align-items: center;
  -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity,0.5));
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity,0.5));
  text-underline-offset: 0.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.icon-link > .bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: .2s ease-in-out transform;
}
@media (prefers-reduced-motion:reduce) {
  .icon-link > .bi {
    transition: none;
  }
}
.icon-link-hover:focus-visible > .bi,
.icon-link-hover:hover > .bi {
  transform: var(--bs-icon-link-transform,translate3d(.25em,0,0));
}
.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ratio-1x1 {
  --bs-aspect-ratio:100%;
}
.ratio-4x3 {
  --bs-aspect-ratio:75%;
}
.ratio-16x9 {
  --bs-aspect-ratio:56.25%;
}
.ratio-21x9 {
  --bs-aspect-ratio:42.8571428571%;
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020;
}
.sticky-bottom {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 1020;
}
@media (min-width:576px) {
  .sticky-sm-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width:768px) {
  .sticky-md-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width:992px) {
  .sticky-lg-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width:1200px) {
  .sticky-xl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width:1400px) {
  .sticky-xxl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}
.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),
.visually-hidden:not(caption) {
  position: absolute !important;
}
.visually-hidden *,
.visually-hidden-focusable:not(:focus):not(:focus-within) * {
  overflow: hidden !important;
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vr {
  display: inline-block;
  align-self: stretch;
  width: var(--bs-border-width);
  min-height: 1em;
  background-color: currentcolor;
  opacity: .25;
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.float-start {
  float: left !important;
}
.float-end {
  float: right !important;
}
.float-none {
  float: none !important;
}
.object-fit-contain {
  -o-object-fit: contain !important;
  object-fit: contain !important;
}
.object-fit-cover {
  -o-object-fit: cover !important;
  object-fit: cover !important;
}
.object-fit-fill {
  -o-object-fit: fill !important;
  object-fit: fill !important;
}
.object-fit-scale {
  -o-object-fit: scale-down !important;
  object-fit: scale-down !important;
}
.object-fit-none {
  -o-object-fit: none !important;
  object-fit: none !important;
}
.opacity-0 {
  opacity: 0 !important;
}
.opacity-25 {
  opacity: .25 !important;
}
.opacity-50 {
  opacity: .5 !important;
}
.opacity-75 {
  opacity: .75 !important;
}
.opacity-100 {
  opacity: 1 !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-scroll {
  overflow: scroll !important;
}
.overflow-x-auto {
  overflow-x: auto !important;
}
.overflow-x-hidden {
  overflow-x: hidden !important;
}
.overflow-x-visible {
  overflow-x: visible !important;
}
.overflow-x-scroll {
  overflow-x: scroll !important;
}
.overflow-y-auto {
  overflow-y: auto !important;
}
.overflow-y-hidden {
  overflow-y: hidden !important;
}
.overflow-y-visible {
  overflow-y: visible !important;
}
.overflow-y-scroll {
  overflow-y: scroll !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-grid {
  display: grid !important;
}
.d-inline-grid {
  display: inline-grid !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-none {
  display: none !important;
}
.shadow {
  box-shadow: var(--bs-box-shadow) !important;
}
.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}
.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.focus-ring-primary {
  --bs-focus-ring-color:rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-secondary {
  --bs-focus-ring-color:rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-success {
  --bs-focus-ring-color:rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-info {
  --bs-focus-ring-color:rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-warning {
  --bs-focus-ring-color:rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-danger {
  --bs-focus-ring-color:rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-light {
  --bs-focus-ring-color:rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-dark {
  --bs-focus-ring-color:rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}
.top-0 {
  top: 0 !important;
}
.top-50 {
  top: 50% !important;
}
.top-100 {
  top: 100% !important;
}
.bottom-0 {
  bottom: 0 !important;
}
.bottom-50 {
  bottom: 50% !important;
}
.bottom-100 {
  bottom: 100% !important;
}
.start-0 {
  left: 0 !important;
}
.start-50 {
  left: 50% !important;
}
.start-100 {
  left: 100% !important;
}
.end-0 {
  right: 0 !important;
}
.end-50 {
  right: 50% !important;
}
.end-100 {
  right: 100% !important;
}
.translate-middle {
  transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
  transform: translateX(-50%) !important;
}
.translate-middle-y {
  transform: translateY(-50%) !important;
}
.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-0 {
  border: 0 !important;
}
.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-end-0 {
  border-right: 0 !important;
}
.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-start-0 {
  border-left: 0 !important;
}
.border-primary {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}
.border-secondary {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}
.border-success {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}
.border-info {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}
.border-warning {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}
.border-danger {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}
.border-light {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}
.border-dark {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}
.border-black {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}
.border-white {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}
.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}
.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}
.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}
.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}
.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}
.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}
.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}
.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}
.border-1 {
  border-width: 1px !important;
}
.border-2 {
  border-width: 2px !important;
}
.border-3 {
  border-width: 3px !important;
}
.border-4 {
  border-width: 4px !important;
}
.border-5 {
  border-width: 5px !important;
}
.border-opacity-10 {
  --bs-border-opacity:0.1;
}
.border-opacity-25 {
  --bs-border-opacity:0.25;
}
.border-opacity-50 {
  --bs-border-opacity:0.5;
}
.border-opacity-75 {
  --bs-border-opacity:0.75;
}
.border-opacity-100 {
  --bs-border-opacity:1;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.vw-100 {
  width: 100vw !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mh-100 {
  max-height: 100% !important;
}
.vh-100 {
  height: 100vh !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.order-first {
  order: -1 !important;
}
.order-0 {
  order: 0 !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.order-3 {
  order: 3 !important;
}
.order-4 {
  order: 4 !important;
}
.order-5 {
  order: 5 !important;
}
.order-last {
  order: 6 !important;
}
.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: .25rem !important;
}
.m-2 {
  margin: .5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.mx-1 {
  margin-right: .25rem !important;
  margin-left: .25rem !important;
}
.mx-2 {
  margin-right: .5rem !important;
  margin-left: .5rem !important;
}
.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-1 {
  margin-top: .25rem !important;
  margin-bottom: .25rem !important;
}
.my-2 {
  margin-top: .5rem !important;
  margin-bottom: .5rem !important;
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: .25rem !important;
}
.mt-2 {
  margin-top: .5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.me-0 {
  margin-right: 0 !important;
}
.me-1 {
  margin-right: .25rem !important;
}
.me-2 {
  margin-right: .5rem !important;
}
.me-3 {
  margin-right: 1rem !important;
}
.me-4 {
  margin-right: 1.5rem !important;
}
.me-5 {
  margin-right: 3rem !important;
}
.me-auto {
  margin-right: auto !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: .25rem !important;
}
.mb-2 {
  margin-bottom: .5rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ms-0 {
  margin-left: 0 !important;
}
.ms-1 {
  margin-left: .25rem !important;
}
.ms-2 {
  margin-left: .5rem !important;
}
.ms-3 {
  margin-left: 1rem !important;
}
.ms-4 {
  margin-left: 1.5rem !important;
}
.ms-5 {
  margin-left: 3rem !important;
}
.ms-auto {
  margin-left: auto !important;
}
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: .25rem !important;
}
.p-2 {
  padding: .5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.px-1 {
  padding-right: .25rem !important;
  padding-left: .25rem !important;
}
.px-2 {
  padding-right: .5rem !important;
  padding-left: .5rem !important;
}
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.py-1 {
  padding-top: .25rem !important;
  padding-bottom: .25rem !important;
}
.py-2 {
  padding-top: .5rem !important;
  padding-bottom: .5rem !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: .25rem !important;
}
.pt-2 {
  padding-top: .5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pe-0 {
  padding-right: 0 !important;
}
.pe-1 {
  padding-right: .25rem !important;
}
.pe-2 {
  padding-right: .5rem !important;
}
.pe-3 {
  padding-right: 1rem !important;
}
.pe-4 {
  padding-right: 1.5rem !important;
}
.pe-5 {
  padding-right: 3rem !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: .25rem !important;
}
.pb-2 {
  padding-bottom: .5rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.ps-0 {
  padding-left: 0 !important;
}
.ps-1 {
  padding-left: .25rem !important;
}
.ps-2 {
  padding-left: .5rem !important;
}
.ps-3 {
  padding-left: 1rem !important;
}
.ps-4 {
  padding-left: 1.5rem !important;
}
.ps-5 {
  padding-left: 3rem !important;
}
.gap-0 {
  gap: 0 !important;
}
.gap-1 {
  gap: .25rem !important;
}
.gap-2 {
  gap: .5rem !important;
}
.gap-3 {
  gap: 1rem !important;
}
.gap-4 {
  gap: 1.5rem !important;
}
.gap-5 {
  gap: 3rem !important;
}
.row-gap-0 {
  row-gap: 0 !important;
}
.row-gap-1 {
  row-gap: .25rem !important;
}
.row-gap-2 {
  row-gap: .5rem !important;
}
.row-gap-3 {
  row-gap: 1rem !important;
}
.row-gap-4 {
  row-gap: 1.5rem !important;
}
.row-gap-5 {
  row-gap: 3rem !important;
}
.column-gap-0 {
  -moz-column-gap: 0 !important;
  column-gap: 0 !important;
}
.column-gap-1 {
  -moz-column-gap: 0.25rem !important;
  column-gap: .25rem !important;
}
.column-gap-2 {
  -moz-column-gap: 0.5rem !important;
  column-gap: .5rem !important;
}
.column-gap-3 {
  -moz-column-gap: 1rem !important;
  column-gap: 1rem !important;
}
.column-gap-4 {
  -moz-column-gap: 1.5rem !important;
  column-gap: 1.5rem !important;
}
.column-gap-5 {
  -moz-column-gap: 3rem !important;
  column-gap: 3rem !important;
}
.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}
.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2 {
  font-size: calc(1.325rem + .9vw) !important;
}
.fs-3 {
  font-size: calc(1.3rem + .6vw) !important;
}
.fs-4 {
  font-size: calc(1.275rem + .3vw) !important;
}
.fs-5 {
  font-size: 1.25rem !important;
}
.fs-6 {
  font-size: 1rem !important;
}
.fst-italic {
  font-style: italic !important;
}
.fst-normal {
  font-style: normal !important;
}
.fw-lighter {
  font-weight: lighter !important;
}
.fw-light {
  font-weight: 300 !important;
}
.fw-normal {
  font-weight: 400 !important;
}
.fw-medium {
  font-weight: 500 !important;
}
.fw-semibold {
  font-weight: 600 !important;
}
.fw-bold {
  font-weight: 700 !important;
}
.fw-bolder {
  font-weight: bolder !important;
}
.lh-1 {
  line-height: 1 !important;
}
.lh-sm {
  line-height: 1.25 !important;
}
.lh-base {
  line-height: 1.5 !important;
}
.lh-lg {
  line-height: 2 !important;
}
.text-start {
  text-align: left !important;
}
.text-end {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-decoration-underline {
  text-decoration: underline !important;
}
.text-decoration-line-through {
  text-decoration: line-through !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}
.text-primary {
  --bs-text-opacity:1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.text-secondary {
  --bs-text-opacity:1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
.text-success {
  --bs-text-opacity:1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
.text-info {
  --bs-text-opacity:1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
.text-warning {
  --bs-text-opacity:1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
.text-danger {
  --bs-text-opacity:1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
.text-light {
  --bs-text-opacity:1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
.text-dark {
  --bs-text-opacity:1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
.text-black {
  --bs-text-opacity:1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
.text-white {
  --bs-text-opacity:1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.text-body {
  --bs-text-opacity:1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}
.text-muted {
  --bs-text-opacity:1;
  color: var(--bs-secondary-color) !important;
}
.text-black-50 {
  --bs-text-opacity:1;
  color: rgba(0, 0, 0, .5) !important;
}
.text-white-50 {
  --bs-text-opacity:1;
  color: rgba(255, 255, 255, .5) !important;
}
.text-body-secondary {
  --bs-text-opacity:1;
  color: var(--bs-secondary-color) !important;
}
.text-body-tertiary {
  --bs-text-opacity:1;
  color: var(--bs-tertiary-color) !important;
}
.text-body-emphasis {
  --bs-text-opacity:1;
  color: var(--bs-emphasis-color) !important;
}
.text-reset {
  --bs-text-opacity:1;
  color: inherit !important;
}
.text-opacity-25 {
  --bs-text-opacity:0.25;
}
.text-opacity-50 {
  --bs-text-opacity:0.5;
}
.text-opacity-75 {
  --bs-text-opacity:0.75;
}
.text-opacity-100 {
  --bs-text-opacity:1;
}
.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}
.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}
.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}
.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}
.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}
.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}
.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}
.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}
.link-opacity-10 {
  --bs-link-opacity:0.1;
}
.link-opacity-10-hover:hover {
  --bs-link-opacity:0.1;
}
.link-opacity-25 {
  --bs-link-opacity:0.25;
}
.link-opacity-25-hover:hover {
  --bs-link-opacity:0.25;
}
.link-opacity-50 {
  --bs-link-opacity:0.5;
}
.link-opacity-50-hover:hover {
  --bs-link-opacity:0.5;
}
.link-opacity-75 {
  --bs-link-opacity:0.75;
}
.link-opacity-75-hover:hover {
  --bs-link-opacity:0.75;
}
.link-opacity-100 {
  --bs-link-opacity:1;
}
.link-opacity-100-hover:hover {
  --bs-link-opacity:1;
}
.link-offset-1 {
  text-underline-offset: 0.125em !important;
}
.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}
.link-offset-2 {
  text-underline-offset: 0.25em !important;
}
.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}
.link-offset-3 {
  text-underline-offset: 0.375em !important;
}
.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}
.link-underline-primary {
  --bs-link-underline-opacity:1;
  -webkit-text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-secondary {
  --bs-link-underline-opacity:1;
  -webkit-text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-success {
  --bs-link-underline-opacity:1;
  -webkit-text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-info {
  --bs-link-underline-opacity:1;
  -webkit-text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-warning {
  --bs-link-underline-opacity:1;
  -webkit-text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-danger {
  --bs-link-underline-opacity:1;
  -webkit-text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-light {
  --bs-link-underline-opacity:1;
  -webkit-text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-dark {
  --bs-link-underline-opacity:1;
  -webkit-text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline {
  --bs-link-underline-opacity:1;
  -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity,1)) !important;
}
.link-underline-opacity-0 {
  --bs-link-underline-opacity:0;
}
.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity:0;
}
.link-underline-opacity-10 {
  --bs-link-underline-opacity:0.1;
}
.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity:0.1;
}
.link-underline-opacity-25 {
  --bs-link-underline-opacity:0.25;
}
.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity:0.25;
}
.link-underline-opacity-50 {
  --bs-link-underline-opacity:0.5;
}
.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity:0.5;
}
.link-underline-opacity-75 {
  --bs-link-underline-opacity:0.75;
}
.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity:0.75;
}
.link-underline-opacity-100 {
  --bs-link-underline-opacity:1;
}
.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity:1;
}
.bg-primary {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-secondary {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-success {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}
.bg-info {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}
.bg-warning {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}
.bg-danger {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
.bg-light {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
.bg-dark {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
.bg-black {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
.bg-white {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-transparent {
  --bs-bg-opacity:1;
  background-color: transparent !important;
}
.bg-body-secondary {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body-tertiary {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-opacity-10 {
  --bs-bg-opacity:0.1;
}
.bg-opacity-25 {
  --bs-bg-opacity:0.25;
}
.bg-opacity-50 {
  --bs-bg-opacity:0.5;
}
.bg-opacity-75 {
  --bs-bg-opacity:0.75;
}
.bg-opacity-100 {
  --bs-bg-opacity:1;
}
.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}
.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}
.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}
.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}
.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}
.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}
.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}
.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}
.bg-gradient {
  background-image: var(--bs-gradient) !important;
}
.user-select-all {
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  user-select: all !important;
}
.user-select-auto {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  user-select: auto !important;
}
.user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
}
.pe-none {
  pointer-events: none !important;
}
.pe-auto {
  pointer-events: auto !important;
}
.rounded {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}
.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}
.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}
.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}
.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}
.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}
.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}
.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}
.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}
.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
.z-n1 {
  z-index: -1 !important;
}
.z-0 {
  z-index: 0 !important;
}
.z-1 {
  z-index: 1 !important;
}
.z-2 {
  z-index: 2 !important;
}
.z-3 {
  z-index: 3 !important;
}
@media (min-width:576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-sm-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-sm-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-sm-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: .25rem !important;
  }
  .m-sm-2 {
    margin: .5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important;
  }
  .mx-sm-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
  }
  .my-sm-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: .25rem !important;
  }
  .mt-sm-2 {
    margin-top: .5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: .25rem !important;
  }
  .me-sm-2 {
    margin-right: .5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: .25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: .5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: .25rem !important;
  }
  .ms-sm-2 {
    margin-left: .5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: .25rem !important;
  }
  .p-sm-2 {
    padding: .5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important;
  }
  .px-sm-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
  }
  .py-sm-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: .25rem !important;
  }
  .pt-sm-2 {
    padding-top: .5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: .25rem !important;
  }
  .pe-sm-2 {
    padding-right: .5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: .25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: .5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: .25rem !important;
  }
  .ps-sm-2 {
    padding-left: .5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: .25rem !important;
  }
  .gap-sm-2 {
    gap: .5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: .25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: .5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }
  .column-gap-sm-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: .25rem !important;
  }
  .column-gap-sm-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: .5rem !important;
  }
  .column-gap-sm-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width:768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-md-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-md-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-md-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-md-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: .25rem !important;
  }
  .m-md-2 {
    margin: .5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important;
  }
  .mx-md-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
  }
  .my-md-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: .25rem !important;
  }
  .mt-md-2 {
    margin-top: .5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: .25rem !important;
  }
  .me-md-2 {
    margin-right: .5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: .25rem !important;
  }
  .mb-md-2 {
    margin-bottom: .5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: .25rem !important;
  }
  .ms-md-2 {
    margin-left: .5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: .25rem !important;
  }
  .p-md-2 {
    padding: .5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important;
  }
  .px-md-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
  }
  .py-md-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: .25rem !important;
  }
  .pt-md-2 {
    padding-top: .5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: .25rem !important;
  }
  .pe-md-2 {
    padding-right: .5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: .25rem !important;
  }
  .pb-md-2 {
    padding-bottom: .5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: .25rem !important;
  }
  .ps-md-2 {
    padding-left: .5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: .25rem !important;
  }
  .gap-md-2 {
    gap: .5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: .25rem !important;
  }
  .row-gap-md-2 {
    row-gap: .5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 3rem !important;
  }
  .column-gap-md-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-md-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: .25rem !important;
  }
  .column-gap-md-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: .5rem !important;
  }
  .column-gap-md-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width:992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-lg-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-lg-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-lg-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: .25rem !important;
  }
  .m-lg-2 {
    margin: .5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important;
  }
  .mx-lg-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
  }
  .my-lg-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: .25rem !important;
  }
  .mt-lg-2 {
    margin-top: .5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: .25rem !important;
  }
  .me-lg-2 {
    margin-right: .5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: .25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: .5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: .25rem !important;
  }
  .ms-lg-2 {
    margin-left: .5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: .25rem !important;
  }
  .p-lg-2 {
    padding: .5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important;
  }
  .px-lg-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
  }
  .py-lg-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: .25rem !important;
  }
  .pt-lg-2 {
    padding-top: .5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: .25rem !important;
  }
  .pe-lg-2 {
    padding-right: .5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: .25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: .5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: .25rem !important;
  }
  .ps-lg-2 {
    padding-left: .5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: .25rem !important;
  }
  .gap-lg-2 {
    gap: .5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: .25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: .5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }
  .column-gap-lg-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: .25rem !important;
  }
  .column-gap-lg-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: .5rem !important;
  }
  .column-gap-lg-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width:1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-xl-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-xl-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-xl-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: .25rem !important;
  }
  .m-xl-2 {
    margin: .5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important;
  }
  .mx-xl-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
  }
  .my-xl-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: .25rem !important;
  }
  .mt-xl-2 {
    margin-top: .5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: .25rem !important;
  }
  .me-xl-2 {
    margin-right: .5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: .25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: .5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: .25rem !important;
  }
  .ms-xl-2 {
    margin-left: .5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: .25rem !important;
  }
  .p-xl-2 {
    padding: .5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important;
  }
  .px-xl-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
  }
  .py-xl-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: .25rem !important;
  }
  .pt-xl-2 {
    padding-top: .5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: .25rem !important;
  }
  .pe-xl-2 {
    padding-right: .5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: .25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: .5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: .25rem !important;
  }
  .ps-xl-2 {
    padding-left: .5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: .25rem !important;
  }
  .gap-xl-2 {
    gap: .5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: .25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: .5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xl-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: .25rem !important;
  }
  .column-gap-xl-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: .5rem !important;
  }
  .column-gap-xl-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width:1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: .25rem !important;
  }
  .m-xxl-2 {
    margin: .5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important;
  }
  .mx-xxl-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
  }
  .my-xxl-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: .25rem !important;
  }
  .mt-xxl-2 {
    margin-top: .5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: .25rem !important;
  }
  .me-xxl-2 {
    margin-right: .5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: .25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: .5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: .25rem !important;
  }
  .ms-xxl-2 {
    margin-left: .5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: .25rem !important;
  }
  .p-xxl-2 {
    padding: .5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important;
  }
  .px-xxl-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
  }
  .py-xxl-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: .25rem !important;
  }
  .pt-xxl-2 {
    padding-top: .5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: .25rem !important;
  }
  .pe-xxl-2 {
    padding-right: .5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: .25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: .5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: .25rem !important;
  }
  .ps-xxl-2 {
    padding-left: .5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: .25rem !important;
  }
  .gap-xxl-2 {
    gap: .5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: .25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: .5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xxl-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: .25rem !important;
  }
  .column-gap-xxl-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: .5rem !important;
  }
  .column-gap-xxl-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width:1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}

/* node_modules/ngx-spinner/animations/ball-clip-rotate.css */
/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-clip-rotate,
.la-ball-clip-rotate > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-clip-rotate {
  display: block;
  font-size: 0;
  color: #fff;
  overflow: hidden;
}
.la-ball-clip-rotate.la-dark {
  color: #333;
}
.la-ball-clip-rotate > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-clip-rotate {
  width: 32px;
  height: 32px;
}
.la-ball-clip-rotate > div {
  width: 32px;
  height: 32px;
  background: transparent;
  border-width: 2px;
  border-bottom-color: transparent;
  border-radius: 100%;
  -webkit-animation: ball-clip-rotate .75s linear infinite;
  -moz-animation: ball-clip-rotate .75s linear infinite;
  -o-animation: ball-clip-rotate .75s linear infinite;
  animation: ball-clip-rotate .75s linear infinite;
}
.la-ball-clip-rotate.la-sm {
  width: 16px;
  height: 16px;
}
.la-ball-clip-rotate.la-sm > div {
  width: 16px;
  height: 16px;
  border-width: 1px;
}
.la-ball-clip-rotate.la-2x {
  width: 64px;
  height: 64px;
}
.la-ball-clip-rotate.la-2x > div {
  width: 64px;
  height: 64px;
  border-width: 4px;
}
.la-ball-clip-rotate.la-3x {
  width: 96px;
  height: 96px;
}
.la-ball-clip-rotate.la-3x > div {
  width: 96px;
  height: 96px;
  border-width: 6px;
}
@-webkit-keyframes ball-clip-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes ball-clip-rotate {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes ball-clip-rotate {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes ball-clip-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-BA744Y45.css.map */