@charset "UTF-8";
.brand-header__layout {
  display: flex;
  gap: 0.625rem;
  align-items: center;
  justify-content: space-between;
  max-width: var(--size-row-max-width);
  padding: clamp(0.31rem, 2.76vw + -0.33rem, 1.56rem);
  padding-left: var(--size-row-padding-inline);
  box-sizing: content-box;
  margin-inline: auto;
}
.brand-header__layout > * {
  margin-block: 0;
  flex-shrink: 0;
}

.brand-header__logo {
  display: block;
  height: clamp(2.13rem, 2.21vw + 1.61rem, 3.13rem);
  width: auto;
}

.a-button--variant-expand {
  --button-border-style: none;
  --button-color: var(--color-blue-bright);
  --button-default-background-color: var(--color-white);
  --button-icon-size: calc(32rem / 16);
  --button-icon-color: var(--color-blue-bright);
  --button-hover-background-color: var(--color-blue-pale);
  --button-icon-hover-color: var(--color-blue);
  --button-selected-color: var(--color-blue-bright);
  --button-selected-background-color: var(--color-grey-lighter);
  --button-selected-hover-background-color: var(--color-blue-pale);
  --button-selected-hover-icon-color: var(--color-blue);
  --focus-offset: calc(-4rem / 16);
  padding: 0.875rem;
}
.a-button--variant-expand .a-button__icon {
  transition: transform 0.2s ease-in-out;
}
.a-button--variant-expand[aria-expanded=true] .a-button__icon {
  transform: rotate(90deg);
}

.a-button--variant-header {
  --button-border-radius: var(--is-ui-mode-large, calc(25rem / 16));
  --button-border-style: none;
  --button-icon-gap: calc(5rem / 16);
  --button-icon-size: calc(32rem / 16);
  --button-icon-only-size: calc(32rem / 16);
  --button-icon-only-margin-inline: calc(-11rem / 16);
  padding-block: 0.1875rem;
  padding-inline: 1.5625rem;
  height: 3.75rem;
  max-height: var(--is-ui-mode-large, 3.125rem);
  font-size: 1.125rem;
  line-height: 1;
  font-family: var(--font-display);
  font-weight: 400;
  justify-content: center;
}
.a-button--variant-header[data-layout=hide-label] {
  --focus-outline: none;
  --button-focus-inner-shadow: var(--focus-inner-shadow);
}
.a-button--variant-header[data-layout=hide-label-switch] {
  --_button-switch-focus-outline: var(--is-ui-mode-large, var(--focus-outline));
  --button-focus-inner-shadow: var(--is-ui-mode-compact, var(--focus-inner-shadow));
  --_button-toggle-icon-display: var(--is-ui-mode-compact, none);
}
.a-button--variant-header .a-button__icon--toggle {
  display: var(--_button-toggle-icon-display);
  --button-icon-size: calc(24rem / 16);
  --button-icon-color: var(--button-toggle-icon-color);
  --button-icon-hover-color: var(--button-toggle-hover-icon-color);
}

.a-button--variant-session {
  --button-color: var(--category-theme-color);
  --button-background-color: var(--category-theme-background-color);
  --button-border-color: var(--category-theme-accent-color);
  --button-icon-color: var(--category-theme-icon-color, var(--category-theme-accent-color));
  --button-hover-color: var(--color-white);
  --button-hover-background-color: var(--category-theme-accent-color);
  --button-icon-hover-color: var(--category-theme-icon-invert-color, var(--category-theme-background-color));
  --button-selected-color: var(--color-white);
  --button-selected-background-color: var(--category-theme-accent-color);
  --button-selected-border-color: var(--category-theme-accent-color);
  --button-selected-icon-color: var(--category-theme-background-color);
  --button-selected-hover-icon-color: var(--color-white);
  --button-border-top-left-radius: var(--session-button-left-radius, calc(5rem / 16));
  --button-border-bottom-left-radius: var(--session-button-left-radius, calc(5rem / 16));
  --button-border-top-right-radius: var(--session-button-right-radius, calc(5rem / 16));
  --button-border-bottom-right-radius: var(--session-button-right-radius, calc(5rem / 16));
  --button-border-width: calc(1rem / 16);
  --button-icon-gap: calc(6rem / 16);
  --button-icon-size: calc(20rem / 16);
  --focus-offset: calc(-2rem / 16);
  --a-button-align-items: flex-start;
  padding-block: 0.3125rem;
  padding-inline: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.3;
}
.a-button--variant-session .a-button__icon {
  margin-top: 0.5rem;
}
.a-button--variant-session .a-button__label {
  display: grid;
  grid-template-rows: minmax(0, 1fr);
  max-height: 100%;
  min-height: 2.375rem;
}

.a-button__label-overflow {
  margin-block: auto;
  max-height: 100%;
  overflow: hidden;
  overflow-wrap: anywhere;
}

.a-button--variant-round-expand {
  --button-border-radius: 999px;
  aspect-ratio: 1/1;
}

.studio-header {
  --studio-header-padding-block: clamp(0.94rem, 1.38cqw + 0.61rem, 1.56rem);
  --studio-header-padding-inline: var(--page--padding-inline);
  --studio-header-padding-inline-end: var(--studio-header-padding-inline);
  --container-padding-inline: var(--studio-header-padding-inline, calc(15rem / 16));
  --ui-box-padding-block: calc(15rem / 16);
  --ui-box-padding-inline: var(--studio-header-padding-inline-end);
}
.studio-header h1 {
  font-size: clamp(1.13rem, 1.5vw + 0.77rem, 2.13rem);
  line-height: 1.05;
  color: var(--color-blue);
  margin-inline-start: var(--is-burger-displayed, var(--studio-header-padding-inline));
}

.studio-header__top-bar {
  padding-block: var(--studio-header-padding-block);
  padding-inline-end: var(--studio-header-padding-inline-end);
  border-bottom: solid 0.0625rem var(--color-charcoal-light_25);
}

.studio-header__left {
  flex-grow: 1;
  display: flex;
  align-items: center;
  gap: var(--is-ui-mode-large, var(--button-row-gap));
}
.studio-header__left > * {
  margin-block: 0;
}
.studio-header__left > button {
  --a-button-display-override: var(--is-burger-displayed, none);
}

@container --content-width (width < 53rem) {
  .studio-header {
    --studio-header-padding-block: 0rem;
    --studio-header-padding-inline-end: 0rem;
    --is-ui-mode-compact: initial;
    --is-ui-mode-large: ;
  }
}
.form-field__field-layout {
  --INTERNAL--kendo-calendar-view-width: auto;
}
.form-field__field-layout > *:is(.k-dropdown-list, .k-dropdown,
.k-dropdownlist, .k-multiselect) {
  flex: auto;
}

.numbered-field-group {
  --numbered-field-group-left-pad: calc(60rem / 16);
  padding-block-start: 0.0625rem;
  counter-reset: index;
}

.numbered-field-group__item {
  --block-gap: calc(15rem / 16);
  padding-block: 1.125rem;
  padding-inline-end: 1.25rem;
}

.numbered-field-group__item-layout {
  --choice-bullet-label-indent: calc(36rem / 16);
  display: flex;
  align-items: flex-start;
}
.numbered-field-group__item-layout > * {
  flex: auto;
  margin-block: auto;
}
.numbered-field-group__item-layout > button {
  flex: none;
  margin-block: 0.25rem;
  margin-left: 0.9375rem;
}

.numbered-field-group__item-index {
  flex: none;
  width: var(--numbered-field-group-left-pad);
  height: 3rem;
  color: var(--color-charcoal-light);
  display: grid;
}
.numbered-field-group__item-index::before {
  place-self: center;
  counter-increment: index;
  content: counter(index);
}

.numbered-field-group__validation {
  --block-gap: calc(10rem / 16);
  padding-left: var(--numbered-field-group-left-pad);
}

.square-list-button {
  --link-background-color: var(--color-white);
  --link-border-style: none;
  --link-text-decoration: none;
  --link-outline: var(--color-grey-light);
  --link-hover-background-color: var(--color-blue-pale);
  --link-color: var(--color-charcoal-dark);
  --link-hover-color: var(--color-charcoal-dark);
  position: relative;
  display: block;
  padding-block: 0.8125rem;
  padding-inline: 1.1875rem;
  line-height: 1.3;
  outline: solid 1px var(--link-outline);
  color: var(--link-color);
  border-style: var(--link-border-style);
}
.square-list-button::before {
  content: "";
  position: absolute;
  inset: 0;
  outline: var(--square-link-focus-outline);
  pointer-events: none;
}
.square-list-button:focus-visible {
  z-index: 2;
  --square-link-focus-outline: var(--focus-outline);
}

.square-button-list-column {
  column-count: auto;
  column-width: 300px;
  column-gap: 1px;
  background-color: var(--color-grey-lighter);
  padding: clamp(0.31rem, 2.76vw + -0.33rem, 1.56rem);
}

.statistic-box {
  flex-grow: 2;
  flex-shrink: 0;
  flex-basis: 6.875rem;
  min-width: fit-content;
  display: grid;
  grid-template-rows: auto 1fr;
  gap: clamp(0.13rem, 1.57cqw + -0.24rem, 0.44rem);
  align-content: center;
  padding-inline: 0.625rem;
  padding-top: clamp(0.44rem, 2.51cqw + -0.15rem, 0.94rem);
  padding-bottom: clamp(0.63rem, 1.57cqw + 0.26rem, 0.94rem);
  border: none;
  border-bottom: 3px solid var(--category-theme-accent-color);
  background-color: var(--category-theme-background-color);
  color: var(--category-theme-color);
  --a-button-display-override: inline-flex;
  --text-button-font-size: var(--statistic-box-text-size);
}

.statistic-box--total {
  --category-theme-color: var(--color-white);
  --category-theme-icon-color: var(--color-white);
  --category-theme-accent-color: var(--color-charcoal-dark);
  --category-theme-background-color: var(--color-charcoal-dark);
  --link-color: var(--color-white);
  --link-hover-color: var(--color-white);
  flex-grow: 1;
  margin-left: var(--statistic-box-gap);
}

.statistic-box__heading {
  text-align: center;
  font-size: var(--statistic-box-text-size);
  line-height: 1.2;
}
.statistic-box__heading:has(button) {
  margin: -0.3125rem;
}

.statistic-box__value {
  align-self: end;
  display: flex;
  gap: 0.3125rem;
  align-items: baseline;
  justify-content: center;
  font-size: var(--statistic-box-total-size);
  font-weight: 700;
  line-height: 1;
}

.statistic-box__metric {
  font-size: var(--statistic-box-text-size);
  font-weight: 700;
}

@media (min-height: 52em) {
  .statistic-box {
    min-width: min-content;
  }
}
.statistic-box-group {
  overflow-x: auto;
  overflow-y: hidden;
  display: flex;
  padding-bottom: 1.875rem;
}

.statistic-box-group__layout {
  display: inline-flex;
  width: 100vw;
  --statistic-box-gap: clamp(0.31rem, 1.57cqw + -0.05rem, 0.63rem);
  gap: var(--statistic-box-gap);
  --statistic-box-text-size: clamp(0.69rem, 0.36cqw + 0.6rem, 1rem);
  --statistic-box-total-size: clamp(1.5rem, 2.33cqw + 0.95rem, 3.5rem);
}

.name-plate {
  --labelled-icon-gap: var(--name-plate-icon-gap, calc(15rem / 16));
  --labelled-icon-icon-size: var(--name-plate-avatar-size);
}

.name-plate__label {
  --block-gap: calc(4rem / 16);
  font-size: var(--name-plate-label-size, 0.875rem);
}

.time-list__slot-list {
  line-height: 1.3;
  columns: 2;
  column-gap: 0;
}

.time-list__legend-layout {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 0.9375rem;
  row-gap: 0.625rem;
}

.time-list__label {
  flex-grow: 999;
  flex-basis: 16ch;
}

.time-list__key {
  display: flex;
  gap: 0.625rem;
  flex-grow: 1;
  justify-content: end;
}

.time-list-item {
  position: relative;
  display: flex;
  width: 100%;
  height: 54px;
  min-width: 150px;
  break-inside: avoid;
}

.time-list-item--dummy {
  pointer-events: none;
  padding-block: 1.08rem;
}

.time-list-item__time {
  display: flex;
  gap: 1ch;
  font-size: 1rem;
  width: 100%;
  padding-block: 1rem;
  padding-inline: 1.25rem 0.75rem;
  cursor: pointer;
  color: var(--color-charcoal-dark);
}
.time-list-item__time:hover {
  outline-color: var(--color-blue-pale);
  background-color: var(--color-blue-pale);
}
input:checked + .time-list-item__time {
  outline-color: var(--color-blue-bright);
  background-color: var(--color-blue-bright);
  color: var(--color-white);
}
.time-list-item__time::before {
  content: "";
  position: absolute;
  inset: 0.25rem;
  outline: var(--radio-focus-outline);
  pointer-events: none;
}
input:focus-visible + .time-list-item__time {
  z-index: 2;
  --radio-focus-outline: var(--focus-outline);
}

.time-list-item__time-badges {
  margin-left: auto;
  display: flex;
  column-gap: 0.25rem;
}

.time-select__option {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.time-select__badges {
  text-align: right;
}

.conflict-badge-icon:has(.conflict-badge-icon__label) {
  display: flex;
  column-gap: 0.25rem;
  align-items: center;
}

.conflict-badge-icon__label {
  font-size: 0.6875rem;
  line-height: 1.2;
  color: var(--color-charcoal-light);
}

.data-table {
  --table-cell-width: 50%;
  --table-cell-small-width: ;
}

.data-table__cell-status {
  width: 2.625rem;
  height: 2.625rem;
  padding: 0.5625rem;
  border-radius: 50%;
}

.data-table__cell-status--complete {
  color: var(--table-body-cell-positive-color);
  background-color: var(--table-body-cell-positive-background-color);
}

.cell--warning {
  --table-body-cell-color: var(--table-body-cell-warning-color);
}

.cell--large {
  width: var(--table-cell-large-width);
}

.cell--medium {
  width: var(--table-cell-medium-width);
}

.cell--small {
  width: var(--table-cell-small-width);
}

:is(th, td):has(> .important-cell-content) {
  background-image: linear-gradient(var(--table-cell-important-cell-rule-color));
  background-size: 0.25rem auto;
  background-repeat: no-repeat;
}

.data-table--with-summary-col col:last-child {
  background-color: var(--table-summary-background-color);
}
.data-table--with-summary-col thead th:last-child {
  --table-cell-color: var(--table-summary-colheader-color);
  --table-columnheader-cell-background-color: var(--table-summary-colheader-background-color);
}
.data-table--with-summary-col tbody td:last-child.cell--negative {
  --table-body-cell-color: var(--color-red-dark);
  --table-body-cell-background-color: var(--color-red-pale);
}
.data-table--with-summary-col tbody td:last-child.cell--warning {
  --table-body-cell-background-color: var(--color-orange-pale);
}
.data-table--with-summary-col tbody td:last-child.cell--positive {
  --table-body-cell-color: var(--color-green-dark);
  --table-body-cell-background-color: var(--color-green-pale);
}

.name-tag {
  --labelled-icon-gap: calc(10rem / 16);
  --inline-wrapping-bricks-column-gap: calc(10rem / 16);
  --inline-wrapping-bricks-row-gap: calc(2rem / 16);
  --inline-wrapping-bricks-align: baseline;
  line-height: 1.3;
  color: var(--color-charcoal);
}
.name-tag strong {
  font-weight: 400;
  color: var(--color-charcoal-dark);
}

.name-tag__minor-label {
  color: var(--name-tag-subdued-color, var(--color-grey-dark));
  font-size: 0.875rem;
}

.select-trainer-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  flex-grow: 1;
}
.select-trainer-option > *:first-child {
  flex: auto;
}

.select-trainer-option__category {
  flex: none;
  min-width: fit-content;
  color: var(--k-list-item-selected-color, var(--color-grey-dark));
  font-style: italic;
  font-size: 0.875rem;
}

.calendar-title-button {
  --button-border-style: none;
  --button-background-color: transparent;
  --button-border-radius: calc(4rem / 16);
  --button-hover-background-color: var(--color-blue-pale);
  min-height: 2.625rem;
  padding-block: 0.1875rem;
  padding-inline: 0.5rem;
  font-size: 1rem;
  font-weight: 700;
}

.main-box {
  padding-block-start: var(--page--padding-block);
}

.trainer-header {
  --name-plate-avatar-size: clamp(2.75rem, 7.84cqw + 0.91rem, 5rem);
  display: flex;
  align-items: center;
  gap: 1rem;
}
.trainer-header > *:first-child {
  flex: none;
}
.trainer-header > *:last-child {
  flex: auto;
}

.session {
  display: flex;
}

.session__main-button {
  --session-button-right-radius: 0;
  flex: auto;
}
.session__main-button + * {
  margin-left: -0.0625rem;
}

.session__menu {
  --ui-box-padding-inline: 0rem;
  --ui-box-padding-block: calc(15rem / 16);
  --session-button-left-radius: 0;
  --pop-tip-hide: 1;
  --pop-tip-hide-padding-left: 25;
  --pop-tip-hide-padding-top: 80;
  position: relative;
  display: grid;
  margin-left: -0.0625rem;
}
.session__menu > * {
  display: grid;
}

.date-selector {
  flex: auto;
  min-width: 12.5rem;
  box-sizing: content-box;
  display: flex;
  --button-color: var(--color-blue-bright);
  --button-background-color: var(--color-grey-light);
  --button-hover-background-color: var(--color-blue-pale);
  --input-border-color: var(--color-grey);
}
.date-selector[inert] {
  --input-disabled-background-color: var(--color-grey-light);
  --input-disabled-border-color: var(--color-grey-light);
  border-color: var(--input-disabled-border-color, var(--input-border-color));
  background-color: var(--input-disabled-background-color, var(--input-background-color));
}
.date-selector[inert] .k-input-solid {
  border-color: var(--input-disabled-border-color);
  background-color: var(--input-disabled-background-color);
}
.date-selector[data-error=true] {
  --input-border-color: var(--color-red);
}
.date-selector .k-input {
  width: auto;
  flex: 1;
}
.date-selector .k-input-solid {
  border-color: var(--input-border-color);
  background-color: var(--input-background-color);
}

.date-selector__button {
  --button-border-width: 0;
  --focus-offset: calc(-4rem / 16);
  align-self: flex-end;
  height: 3rem;
  width: 3.0625rem;
  line-height: 1rem;
  display: block;
}
.date-selector[inert] .date-selector__button {
  --button-background-color: var(--input-disabled-background-color);
  --button-color: var(--color-charcoal-light);
  --button-border-color: var(--input-disabled-border-color);
  --button-border-style: solid;
}
.date-selector[data-error=true] .date-selector__button {
  --button-background-color: var(--color-red-pale);
  --button-color: var(--color-red);
  --button-border-color: var(--color-red);
  --button-border-style: solid;
  border-width: 0 0 0 1px;
}

.resource-order-list {
  --resource-order-list-width: clamp(16.88rem, 126.67cqw + -10.04rem, 21.63rem);
  position: relative;
  width: var(--resource-order-list-width);
  height: 100%;
  padding-top: 1.5rem;
  padding-inline-start: var(--title-bar-padding-left);
}

.resource-order-list__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0.8rem;
  width: var(--resource-order-list-width);
  height: clamp(3.75rem, 33.33cqw + -3.33rem, 5rem);
}

.k-dropdown-list button, .k-dropdown button,
.k-dropdownlist button {
  --button-border-radius: unset;
}

.k-dropdown-list[aria-invalid=true], [aria-invalid=true].k-dropdown,
[aria-invalid=true].k-dropdownlist {
  border-color: var(--color-red-dark);
}
.k-dropdown-list[aria-invalid=true] button, [aria-invalid=true].k-dropdown button,
[aria-invalid=true].k-dropdownlist button {
  --button-background-color: var(--color-white);
  --button-color: var(--color-red-dark);
  --button-border-color: var(--color-red-dark);
  --button-border-style: solid;
  --button-icon-color: var(--color-red-dark);
  border-width: 0;
}

.person-select {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.person-select__number {
  flex: 1;
  color: var(--text-theme-color-diminished);
  margin-inline-start: 0.5ch;
}

.person-select__role {
  margin-inline-start: auto;
  color: var(--text-theme-color-diminished);
  font-style: italic;
}

.countdown-timer {
  display: grid;
  grid-template-areas: "fill";
  color: var(--color-red-bright);
}
.countdown-timer > * {
  grid-area: fill;
  place-self: center;
}
.countdown-timer circle {
  fill: none;
  stroke-width: 12px;
  stroke-linecap: round;
  transition: stroke-dashoffset 1s ease-out;
}

.countdown-timer__bar {
  stroke: rgba(0, 0, 0, 0.08);
}

.countdown-timer__value {
  stroke: currentColor;
  stroke-dasharray: 100;
  stroke-dashoffset: var(--countdown-timer-percent-remaining);
}

.countdown-timer__count {
  font-size: 2.25rem;
  font-family: var(--font-display);
  font-variant-numeric: tabular-nums;
  min-width: 1.5ch;
  text-align: right;
}

.associate-search-item__expand-header {
  display: flex;
  gap: 0.0625rem;
  background-color: var(--color-grey-lighter);
}
.associate-search-item__expand-header:has([aria-expanded=true]) {
  background-color: var(--color-grey-lighter);
}
.associate-search-item__expand-header > button {
  flex: none;
  order: -1;
}

.associate-search-item__link-bar {
  --bigger-click-hover-background-color: var(--color-blue-pale);
  --bigger-click-focus-background-color: var(--color-blue-pale);
  --focus-offset: calc(-4rem / 16);
  --link-color: var(--color-charcoal-dark);
  --link-hover-color: var(--color-charcoal-dark);
  --link-text-decoration: none;
  --studio-manager-subdued-color: var(--color-grey-dark);
  --inline-divided-divider-color: var(--color-grey);
  background-color: white;
  flex: auto;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  min-block-size: 3.75rem;
  padding-inline-start: 1.25rem;
  padding-inline-end: clamp(0.63rem, 2.65cqw + 0.07rem, 1.25rem);
}
.associate-search-item__link-bar > :first-child {
  flex: auto;
}
.associate-search-item__link-bar:hover {
  --studio-manager-subdued-color: var(--color-charcoal);
  --name-tag-subdued-color: var(--color-charcoal);
  --inline-divided-divider-color: var(--color-charcoal-light);
}

.associate-search-item__link-icon {
  flex: none;
  margin-inline-start: auto;
  align-self: center;
  color: var(--color-blue-bright);
}

.associate-search-item__content {
  padding: clamp(1.25rem, 2.65cqw + 0.69rem, 1.88rem);
  background-image: linear-gradient(180deg, var(--color-grey-lighter), var(--color-white));
}

.studio-manager {
  --inline-divided-divider-height: 0.8em;
  font-size: clamp(0.69rem, 0.8cqw + 0.52rem, 0.88rem);
  line-height: 1.3;
  color: var(--studio-manager-subdued-color);
}
.studio-manager strong {
  color: var(--color-charcoal-dark);
  font-weight: inherit;
}

.note-item__label {
  --inline-wrapping-bricks-row-gap: calc(2rem / 16);
  --inline-wrapping-bricks-column-gap: calc(10rem / 16);
  font-size: 1rem;
  line-height: 1.1;
  color: var(--color-charcoal);
}
.note-item__label strong {
  font-size: 1.125rem;
  color: var(--color-charcoal-dark);
}

.note-item__footer {
  --name-plate-label-size: calc(11rem / 16);
  --name-plate-icon-gap: calc(10rem / 16);
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
  color: var(--color-charcoal);
}

.client-profile-banner {
  --name-plate-avatar-size: clamp(2.5rem, 10.55cqw + 0.03rem, 5rem);
  --name-plate-icon-gap: clamp(0.63rem, 1.32cqw + 0.32rem, 0.94rem);
  display: flex;
  flex-wrap: wrap;
  column-gap: 1rem;
  row-gap: 0.2rem;
  align-items: center;
  font-size: clamp(0.69rem, 0.79cqw + 0.5rem, 0.88rem);
  color: var(--color-grey-dark);
}
.client-profile-banner > * {
  width: fit-content;
  flex-shrink: 0;
  flex-grow: 1;
}
.client-profile-banner .client-profile-banner__buttons {
  --ui-box-padding-inline: 0rem;
  --ui-box-padding-block: calc(15rem / 16);
  flex-grow: 999;
  width: auto;
  min-width: 9rem;
  position: relative;
}

@media print {
  .client-profile-banner .avatar {
    display: none;
  }
}
:root {
  --progress-bar-value-color: var(--color-green);
  --progress-bar-base-color: var(--color-charcoal-pale);
}

.progress-bar {
  display: flex;
  block-size: var(--progress-bar-height, 0.125rem);
  border-radius: var(--progress-bar-border-radius, 0);
  background-color: var(--progress-bar-base-color);
  --_progress-bar-percent: calc(1% * var(--progress-bar-percent, 0));
}
.progress-bar::before {
  content: "";
  background-color: var(--progress-bar-value-color);
  inline-size: var(--_progress-bar-percent);
  border-radius: inherit;
}

.k-link:has(.date-unavailable) {
  color: var(--date-unavailable-color, ) !important;
  background-color: var(--date-unavailable-background-color, ) !important;
}

.k-calendar-td {
  --date-unavailable-color: var(--color-charcoal-light);
}
.k-calendar-td:hover {
  --date-unavailable-color: var(--color-red-light);
  --date-unavailable-background-color: var(--color-red-pale);
}

.k-calendar-td.k-selected {
  --date-unavailable-color: var(--color-red-light);
  --date-unavailable-background-color: var(--color-red-pale);
}

.k-link:has(.date-conflicted) {
  color: var(--date-conflicted-color, ) !important;
  background-color: var(--date-conflicted-background-color, ) !important;
}
.k-link:has(.date-conflicted)::after {
  content: "";
  background-color: var(--color-red-light);
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  position: absolute;
  bottom: 0.1875rem;
  left: 50%;
  transform: translateX(-50%);
}

.k-calendar-td:hover {
  --date-conflicted-color: var(--color-red-light);
  --date-conflicted-background-color: var(--color-red-pale);
}

.k-calendar-td.k-selected {
  --date-conflicted-color: var(--color-red-light);
  --date-conflicted-background-color: var(--color-red-pale);
}

.profile-image-field {
  --block-gap: calc(30rem / 16);
  display: flex;
  align-items: center;
  border: solid 0.0625rem var(--color-grey);
}
.profile-image-field > * {
  flex: auto;
}
.profile-image-field > img {
  flex-grow: 0;
  max-width: max(5rem, 25cqi);
  height: auto;
}

.cropper-example {
  max-height: 500px;
  max-width: 100%;
}

.drag-drop-selectable-list {
  --drag-drop-listitem-background-color: var(--color-white);
  --drag-drop-listitem-color: var(--color-charcoal-dark);
  --drag-drop-listitem-icon-color: var(--color-grey);
  width: fit-content;
  height: fit-content;
}
.drag-drop-selectable-list ul {
  /*list-style: none;*/
  padding: 0;
  margin: 0;
}
.drag-drop-selectable-list ul li > * {
  margin-top: 0;
}

.drag-drop-selectable-list__item {
  user-select: none;
  width: auto;
  height: auto;
  color: var(--drag-drop-listitem-color);
}

.drag-drop-selectable-list__draggable-icon {
  color: var(--drag-drop-listitem-icon-color);
}

.draggable {
  background-color: var(--drag-drop-listitem-background-color);
  border: 1px solid var(--color-grey-lighter);
  position: relative !important;
}
.draggable[aria-selected=true] {
  --drag-drop-listitem-background-color: var(--color-blue-bright);
  --drag-drop-listitem-color: var(--color-white);
  --drag-drop-listitem-icon-color: var(--color-white);
  border-color: var(--drag-drop-listitem-background-color);
  z-index: 2;
}
.draggable[aria-selected=true] .labelled-icon__label {
  color: var(--drag-drop-listitem-color);
}
.draggable[aria-selected=false]:hover {
  --drag-drop-listitem-background-color: var(--color-blue-pale);
  --drag-drop-listitem-icon-color: var(--color-blue-bright);
}

.booking-legend-panel {
  background-color: white;
  display: flex;
  padding: var(--title-bar-padding-left);
  padding-block-start: 0;
  gap: 20px;
  flex-flow: row;
}

.booking-legend-panel__left {
  flex: 2;
}
.booking-legend-panel__left .booking-legend-panel__left-inner {
  columns: 11.25rem;
  --block-gap: calc(5rem / 16);
}

.booking-legend-panel__right {
  flex: 1;
  border-left: 1px solid var(--button-default-border-color);
  padding-left: 20px;
}
.booking-legend-panel__right .booking-legend-panel__right-inner > * {
  margin-bottom: 4px;
}

@container --pane-width (width < 600px) {
  .booking-legend-panel {
    flex-flow: column;
  }
  .booking-legend-panel__right {
    flex: 1;
    border-left: 0;
    padding-left: 0;
  }
}
.booking-note-view {
  display: flex;
  flex-flow: column;
  background-color: var(--color-white);
  border: 1px solid var(--color-grey-light);
}

.booking-note-view__note {
  flex: 1;
  margin: 1rem;
}

.booking-note-view__footer {
  flex: 1;
  display: flex;
  margin: 1rem;
}
.booking-note-view__footer .booking-note-view__footer-left {
  flex: 1;
  display: flex;
  justify-content: flex-start;
}
.booking-note-view__footer .booking-note-view__footer-right {
  flex: 1;
  display: flex;
  justify-content: end;
}

ol:has(> .checkbox-field-disclosure) {
  display: grid;
  grid-template-columns: max-content 1fr;
}
.checkbox-field-disclosure {
  display: grid;
  grid-column: 1/-1;
  grid-template-columns: subgrid;
  grid-template-rows: var(--_row-height, auto);
  row-gap: 1.25rem;
  padding: 1.25rem;
  align-items: center;
  --_choice-column: 2;
}
.checkbox-field-disclosure .choice-bullet {
  grid-column: var(--_choice-column);
}
.checkbox-field-disclosure > * + * {
  grid-column: 2;
  --block-gap: calc(20rem / 16);
}
.checkbox-field-disclosure:not(:has(:checked)) {
  --box-background-color: var(--color-grey-light);
  --checkbox-unchecked-disabled-border-color: var(--color-grey);
}
@container --content-width (width > 46.875rem) {
  .checkbox-field-disclosure {
    --_choice-column: 1;
    --_row-height: minmax(calc(78rem / 16), auto);
  }
}

.split-header {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1.25rem;
  row-gap: 1.25rem;
}
.split-header > * {
  flex-grow: 1;
  --flex-item-width: auto;
}
.split-header > *:last-child {
  flex-grow: 999;
}

.associate-summary {
  --labelled-icon-gap: calc(10rem / 16);
  --labelled-icon-icon-size: calc(32rem / 16);
  --inline-wrapping-bricks-column-gap: calc(5rem / 16);
}

.associate-summary__label {
  --block-gap: calc(3rem / 16);
}

.associate-summary__id {
  font-size: 0.875rem;
  color: var(--color-charcoal);
}

.micro-stat {
  display: flex;
  column-gap: 0.625rem;
  align-items: center;
  color: var(--micro-stat-label-color);
  text-align: end;
}
.micro-stat dt {
  flex: auto;
  font-size: 0.875rem;
}
.micro-stat dd {
  flex: none;
  display: block;
  padding-block: 0.46875rem;
  padding-inline: 0.3125rem;
  min-width: 2.25rem;
  text-align: center;
  font-weight: 700;
  color: var(--micro-stat-color);
  background-color: var(--micro-stat-background-color);
}

.micro-stat--value-first {
  flex-direction: row-reverse;
  text-align: start;
}

.micro-stat--theme-success {
  --micro-stat-color: var(--color-green-dark);
  --micro-stat-background-color: var(--color-green-pale);
  --micro-stat-label-color: var(--color-charcoal);
}

.micro-stat--theme-neutral {
  --micro-stat-color: var(--color-charcoal-dark);
  --micro-stat-background-color: var(--color-grey-light);
  --micro-stat-label-color: var(--color-charcoal-dark);
}

.dash-stat {
  min-width: 13rem;
  width: -moz-available;
  width: -webkit-fill-available;
  width: stretch;
}

.dash-stat__label {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.1;
}

.dash-stat__value {
  display: flex;
  justify-content: center;
  align-items: start;
  padding-block: 0.9375rem;
  font-size: clamp(1.5rem, 8.44vw + -0.48rem, 3.5rem);
  line-height: 1;
  font-weight: 700;
  color: var(--dash-stat-color, white);
  background-color: var(--dash-stat-background-color, var(--color-charcoal-dark));
}
.dash-stat__value sup {
  margin-block-start: 0.2em;
  font-size: clamp(1rem, 1.58vw + 0.63rem, 1.38rem);
  font-weight: 400;
}

.dash-stat--theme-positive {
  --dash-stat-color: var(--color-green);
  --dash-stat-background-color: var(--color-green-pale);
}

.dash-stat--theme-moderate {
  --dash-stat-color: var(--color-orange);
  --dash-stat-background-color: var(--color-orange-pale);
}

.dash-stat--theme-negative {
  --dash-stat-color: var(--color-red-light);
  --dash-stat-background-color: var(--color-red-pale);
}

.invoice-table {
  width: var(--data-table-width, 100%);
  --table-caption-font-size: calc(18rem / 16);
  --table-caption-font-weight: 700;
  --table-caption-padding-block: 0 calc(20rem / 16);
  --table-cell-width: 90%;
  --table-cell-small-width: 10%;
  --table-cell-large-width: 25%;
  --table-cell-padding-inline-start: calc(10rem / 16);
  --table-cell-padding-inline-end: calc(10rem / 16);
  --table-foot-cell-padding-block: calc(10rem / 16);
  --table-cell-first-padding-inline-start: 0;
  --table-cell-last-padding-inline-end: 0;
  --table-columnheader-padding-block: calc(10rem / 16);
  --table-columnheader-border-block-start: solid 1px var(--color-grey);
  --table-columnheader-font-size: calc(14rem / 16);
  --table-columnheader-color: var(--color-charcoal);
  --table-body-cell-padding-block: calc(10rem / 16);
  --table-body-cell-border-block-start: solid 1px var(--color-grey);
  --table-rowheader-font-weight: 400;
  --table-rowheader-color: var(--color-charcoal);
  --table-caption-background-color: transparent;
  --table-columnheader-background-color: transparent;
  --table-border: none;
}
.invoice-table tfoot tr:first-child :is(th, td) {
  --table-foot-cell-border-block-start: solid 1px var(--color-charcoal-dark);
}

.invoice-header {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.9375rem;
  padding-block-end: 0.625rem;
  color: black;
  border-bottom: solid 0.125rem black;
  font-size: 1.375rem;
  font-family: var(--font-display);
}
.invoice-header > * {
  margin-block: 0;
}
.invoice-header h2 {
  --heading-color: black;
  font-size: clamp(1.38rem, 1.93vw + 0.92rem, 2.25rem);
}

.client-heading {
  font-family: var(--font-body);
  font-size: clamp(0.88rem, 1.06cqw + 0.63rem, 1.13rem);
  color: var(--color-charcoal-dark);
}

.studio-heading {
  font-family: var(--font-body);
  font-size: clamp(1.25rem, 1.66cqw + 0.86rem, 2rem);
  color: var(--color-charcoal-dark);
}

.notify-item {
  position: relative;
  display: flex;
  gap: 0.9375rem;
  padding-block: 1.25rem;
}
.notify-item > * {
  flex: auto;
}

.notify-item--message {
  padding-inline-start: 1.4375rem;
}

.notify-item--task {
  --inline-divider-color: var(--color-grey);
  gap: 0.625rem;
}

.notify-item__meta {
  color: var(--color-charcoal);
}

.notify-item__new-indicator {
  position: absolute;
  inset-block-start: 1.625rem;
  inset-inline-start: 0;
  width: 0.5rem;
  aspect-ratio: 1/1;
  background-color: var(--color-red-light);
  border-radius: 0.5rem;
}

.notify-item__type-icon {
  flex: none;
  color: var(--color-grey);
}

.notify-item__status-icon {
  flex: none;
  color: var(--icon-theme-color);
}

.clipboard-name-plate {
  --name-plate-avatar-size: calc(60rem / 16);
  --name-plate-label-size: calc(18rem / 16);
}

.status-tag {
  --labelled-icon-gap: calc(5rem / 16);
  --labelled-icon-icon-color: var(--icon-theme-color);
  --labelled-icon-icon-size: calc(24rem / 16);
  display: inline;
  box-decoration-break: clone;
  border-radius: 0.25rem;
  padding-block: 0.3125rem;
  padding-inline: 0.5625rem;
  font-size: 0.875rem;
  max-width: fit-content;
}
.status-tag:has(.labelled-icon__icon) {
  display: inline-flex;
  padding-inline: 0.5625rem 0.9375rem;
}
[colspan] .status-tag:only-child {
  display: block;
  max-width: none;
  text-align: center;
}

/* Followup Status Select Component Styles */
.followup-status-select {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.followup-status-select__indicator--large {
  width: 2rem;
  height: 2rem;
}

.followup-status-select__indicator {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  flex-shrink: 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

/* Status-specific colors based on Figma design */
.followup-status-select__indicator--dropout {
  background-color: #FFBB61;
}

.followup-status-select__indicator--na {
  background-color: #675FC8;
}

.followup-status-select__indicator--new-followup {
  background-color: #218838;
}

.followup-status-select__indicator--pending-program {
  background-color: #970092;
}

.followup-status-select__indicator--unconverted {
  background-color: #73DEEA;
}

.followup-status-select__indicator--no-action {
  background-color: var(--color-grey);
}

.followup-status-select__indicator--all {
  background-color: #fff;
}

.supplemental-field-layout {
  --layout-flex-column-basis: 7rem;
  align-content: center;
}

.input-card-badge {
  pointer-events: none;
}
.form-field__field-layout:has(> .input-card-badge) {
  --form-field-right-icon-width: calc(63rem / 16);
}

.device-preview-layout {
  display: grid;
  --side: round( 50%);
  grid-template-columns: 1fr;
  align-items: start;
}

.device-preview-layout__surface {
  width: min-content;
  margin-inline: auto;
}
.device-preview-layout__surface > * {
  margin: auto;
}
.device-preview-layout__surface > * + * {
  margin-block: 1.25rem;
}

.device-preview-layout__sticker {
  display: none;
  position: sticky;
  top: 1rem;
}

@container --content-width (width > 46.875rem) {
  .device-preview-layout {
    grid-template-columns: 1fr 1fr;
  }
  .device-preview-layout__sticker {
    display: block;
  }
  .device-preview-layout__accordion {
    display: none;
  }
}
.device-preview {
  display: grid;
  width: 18.4375rem;
  align-items: center;
  aspect-ratio: 295/621;
  border: solid 0.375rem var(--color-grey);
  border-radius: 2.8125rem;
  background-color: var(--color-grey-light);
  user-select: none;
}

.sms-preview {
  line-height: 1.3;
}

.sms-preview__message-placeholder {
  font-size: 1.375rem;
  text-align: center;
  color: var(--color-grey-dark);
  text-wrap: balance;
}

.sms-preview__date-stamp {
  font-size: 0.6875rem;
  text-align: center;
  color: rgba(60, 60, 67, 0.6);
}

.sms-preview__text {
  margin-inline: 0.875rem;
  padding-block: 0.625rem;
  padding-inline: 0.9375rem;
  border-radius: 1.125rem;
  background-color: var(--color-white);
  font-size: 1rem;
  color: var(--color-charcoal-dark);
}

.payment-method-select__option {
  padding-left: 2.5rem;
}

.payment-method-select__value,
.payment-method-select__option:has(img),
.payment-method-select__option:has(svg) {
  padding-left: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.composite-time-select {
  --layout-flex-gap: calc(10rem / 16);
  --layout-flex-column-basis: calc(89rem / 16);
}

.content-banner {
  border-radius: 2rem;
}

.behaviour-table {
  --table-cell-width: 25%;
  --table-border: none;
  --table-columnheader-font-weight: 700;
  --table-columnheader-background-color: transparent;
  --table-columnheader-padding-block: 0 calc(10rem / 16);
  --table-body-cell-padding-block: calc(10rem / 16);
  --table-body-cell-border-block-end: none;
  --table-cell-first-padding-inline-start: 0;
}
.behaviour-table tr:has(.choice-button:nth-child(1) input:checked) .choice-button:nth-child(1) input:not(:checked) + label,
.behaviour-table tr:has(.choice-button:nth-child(2) input:checked) .choice-button:nth-child(2) input:not(:checked) + label,
.behaviour-table tr:has(.choice-button:nth-child(3) input:checked) .choice-button:nth-child(3) input:not(:checked) + label,
.behaviour-table tr:has(.choice-button:nth-child(4) input:checked) .choice-button:nth-child(4) input:not(:checked) + label,
.behaviour-table td:has(.choice-button input:checked) .choice-button input:not(:checked) + label {
  --choice-button-background-color: var(--color-blue-tint);
}
.behaviour-table th {
  --_table-cell-padding-inline-start: 0;
  --_table-cell-padding-inline-end: 0.5ch;
  word-break: break-word;
  line-height: 1.1;
}
.behaviour-table tbody {
  --_table-cell-padding-inline-start: 0;
  --_table-cell-padding-inline-end: calc(20rem / 16);
  --table-cell-last-padding-inline-end: calc(20rem / 16);
}
.behaviour-table {
  table-layout: fixed;
  min-width: 100%;
}
.behaviour-table [data-container="--column"] {
  container-type: inline-size;
}
.behaviour-table .form-field {
  --100cqi: 100cqi;
  --width-n: tan(atan2(var(--100cqi), 1px));
  --label-width-n: 120;
  --label-width: calc(1px * var(--label-width-n));
  --angle: calc(-1 * acos(
  	calc(var(--width-n) / var(--label-width-n))
  ));
  --opposite-n: sqrt(
  	pow(var(--label-width-n), 2) - pow(var(--width-n), 2)
  );
  --opposite: calc(1px * var(--opposite-n));
  padding-top: calc(var(--opposite) - 0.625rem);
}
.behaviour-table .form-field__label-row {
  transform-origin: left top;
  rotate: var(--angle);
  text-wrap: nowrap;
  line-height: 1;
}

.not-field {
  padding-block-start: 0.875rem;
  padding-block-end: 0.9375rem;
  padding-inline: 1rem;
  font-weight: 400;
  background-color: var(--not-field-background-color, var(--color-grey-light));
}
.not-field:has(> .not-field__unit) {
  display: flex;
  justify-content: space-between;
  column-gap: 1ch;
}
.not-field:not(:only-child) {
  max-width: 8.3125rem;
  min-width: fit-content;
}

:where(.not-field) {
  margin-block: var(--field-margin-block, 0);
}

.not-field__unit {
  color: var(--color-charcoal-light);
}

:is(th, td):has(> .not-field) {
  position: relative;
  --table-body-cell-padding-block: 0;
  --field-margin-block: var(--table-saw--OFF, calc(15rem / 16));
}

.status-icon-theme {
  color: var(--icon-theme-color);
  background-color: var(--icon-theme-background-color);
}

.session-review {
  display: grid;
  grid-template-columns: min-content minmax(0, 1fr);
  column-gap: clamp(0.94rem, 1.96cqw + 0.53rem, 1.88rem);
  row-gap: 1.25rem;
}
.session-review:not(:first-child) {
  padding-block-start: 2.1875rem;
}
.session-review:not(:last-child) {
  padding-block-end: 2.1875rem;
}

.session-review__icon {
  clip-path: circle();
  padding: 22%;
  inline-size: clamp(2.5rem, 5.23cqw + 1.41rem, 5rem);
  block-size: auto;
}

.session-review__bookings {
  grid-column: 2/3;
}

.step-progress-bar {
  display: grid;
  grid-template-columns: 1.875rem 1fr min-content;
  grid-template-rows: min-content min-content;
  gap: 0.625rem;
  align-items: center;
  position: relative;
  z-index: 2;
  --progress-bar-base-color: var(--color-grey);
  --progress-bar-height: calc(14rem / 16);
  --progress-bar-border-radius: 999px;
  --bigger-click-hover-background-color: var(--color-blue-tint);
  --bigger-click-focus-background-color: var(--box-background-color);
  --step-indicator-color: var(--color-green);
  --step-indicator-border-color: var(--color-green);
  --step-indicator-background-color: var(--color-white);
  --step-indicator-min-width: calc(30rem / 16);
}
.step-progress-bar:hover {
  --progress-bar-base-color: var(--color-blue-pale);
}
.step-progress-bar .progress-bar {
  grid-column: 1/-1;
  grid-row-start: 2;
}
.step-progress-bar button {
  grid-column-end: -1;
  grid-row-start: 1;
}

.step-progress-bar__step-increment-label {
  font-size: 0.6875rem;
  color: var(--color-charcoal);
}

.step-progress-bar__step-title {
  font-size: 0.875rem;
}

.count-badge {
  --count-badge-block-inset: calc(-4rem / 16) auto;
  --count-badge-inline-inset: auto calc(-10rem / 16);
}

.slide-button {
  align-self: start;
  position: relative;
  display: grid;
  grid-template-rows: auto minmax(2.125rem, auto);
  text-align: center;
  font-size: 0.6875rem;
  line-height: 1.3;
  border-radius: 0.375rem;
  --button-border-style: none;
  --button-background-color: var(--color-white);
  --button-selected-background-color: var(--color-white);
}
.slide-button:hover {
  --_label-background-color: var(--color-blue-pale);
}
.slide-button[aria-current=true] {
  --_label-color: var(--color-white);
  --_label-background-color: var(--color-blue-bright);
}
.slide-button img {
  aspect-ratio: 16/9;
  object-fit: contain;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.slide-button__completion {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  padding: 0.3125rem;
  box-sizing: content-box;
  border-top-right-radius: inherit;
  border-bottom-left-radius: inherit;
  color: var(--color-white);
  background-color: var(--color-green);
}

.slide-button__label {
  display: grid;
  place-content: center;
  padding-block: 0.1875rem;
  padding-inline: 0.625rem;
  color: var(--_label-color, var(--color-charcoal-dark));
  background-color: var(--_label-background-color, var(--color-grey-lightish));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}

.modal-dialog--presentation {
  --title-bar-padding: calc(15rem / 16);
  --title-bar-title-size: calc(22rem / 16);
  --title-bar-padding-left: clamp(1.25rem, 2.18vw + 0.74rem, 1.88rem);
  width: min((100cqb - 10.625rem) * 16 / 9, 75rem);
  max-width: calc(100vw - 1.25rem);
  max-height: calc(100dvh - 1.25rem);
  margin-top: 0.625rem;
  margin-inline: auto;
}
.modal-dialog--presentation[open] {
  animation: slideFromTop 0.3s ease;
}

.slides-nav {
  scroll-snap-type: inline mandatory;
  scroll-behavior: smooth;
}
.slides-nav li {
  width: 11.625rem;
}
.slides-nav button[aria-current=true] {
  animation-fill-mode: backwards;
  animation-name: scroll-snap;
  animation-duration: 0.25s;
}

@keyframes scroll-snap {
  from {
    scroll-snap-align: center;
  }
}
.slide__img {
  display: block;
}

.inline-description-list > * {
  display: inline;
}
.inline-description-list dt::after {
  content: ": ";
}
.inline-description-list dd {
  color: var(--text-theme-color-minor-emphasis);
}
.inline-description-list dd:not(:last-child)::after {
  content: ", ";
}

.stacked-description-list dt {
  font-size: 0.6875rem;
}

.zero-dot::before {
  content: "•"/"0";
}

.stacked-dash-description-list div > * {
  display: inline;
}
.stacked-dash-description-list dt::after {
  content: " – ";
}

.print-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-family: var(--font-display);
  font-size: 1.375rem;
  font-weight: 700;
  padding-block-end: 0.625rem;
  border-block-end: solid 2px black;
  --inline-wrapping-bricks-column-gap: 54px;
}
.print-header h1 {
  font-size: 2rem;
}
.print-header > * {
  margin-block: 0;
}

.poster-page-layout {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  min-height: 100%;
}
.poster-page-layout > img {
  object-fit: cover;
  object-position: center;
  block-size: 100%;
  inline-size: 100%;
}
@media (max-width: 64rem) {
  .poster-page-layout > img {
    display: none;
  }
}

.poster-page-layout__pane {
  --heading-color: var(--color-blue);
  --button-row-item-width: calc(240rem / 16);
  --block-gap: clamp(5rem, 20.51cqw + 0.19rem, 12.5rem);
  padding: clamp(1.25rem, 21.79cqw + -3.86rem, 7.5rem);
}

.k-reset {
  margin: 0;
  padding: 0;
  border-width: 0;
  outline: 0;
  text-decoration: none;
  font: inherit;
  list-style: none;
}

kendo-sortable {
  display: block;
}

.k-link,
.k-link:hover {
  color: inherit;
  text-decoration: none;
  outline: 0;
  cursor: pointer;
}

.k-content {
  outline: 0;
}

.k-centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.k-no-click {
  pointer-events: none;
}

.k-pdf-export-shadow {
  position: absolute;
  overflow: hidden;
  left: -15000px;
  width: 14400px;
}

.kendo-pdf-hide-pseudo-elements::before,
.kendo-pdf-hide-pseudo-elements::after {
  display: none !important;
}

.k-block,
.k-panel {
  border-radius: 4px;
  border-color: black;
  color: #424242;
  background-color: #ffffff;
  padding: 0;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
}
.k-block > .k-header,
.k-panel > .k-header {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-color: rgba(0, 0, 0, 0.08);
  color: #424242;
  background-color: #fafafa;
  padding-inline: 8px;
  padding-block: 4px;
}
.k-block > .k-content,
.k-panel > .k-content {
  padding-inline: 8px;
  padding-block: 4px;
}

.k-content {
  border-color: black;
  color: #424242;
  background-color: #ffffff;
}

.k-disabled,
.k-widget[disabled] {
  opacity: 0.6;
  filter: grayscale(0.1);
}
.k-disabled .k-link,
.k-widget[disabled] .k-link {
  cursor: default;
  outline: 0;
}
.k-disabled [disabled],
.k-disabled .k-disabled,
.k-widget[disabled] [disabled],
.k-widget[disabled] .k-disabled {
  opacity: 1;
  filter: grayscale(0);
}

.k-hr {
  margin: 16px auto;
  padding: 0;
  height: 0;
  border-width: 1px 0 0;
  border-style: solid;
  border-color: black;
  display: block;
  float: none;
  clear: both;
}

.k-d-flex-row > .k-hr {
  margin: 0;
  width: 0;
  height: auto;
  border-width: 0 0 0 1px;
  flex: 0 0 auto;
}

.k-d-flex-col > .k-hr {
  margin: 0;
  flex: 0 0 auto;
}

.k-dirty {
  margin: 0;
  padding: 0;
  width: 0;
  height: 0;
  border-width: 3px;
  border-style: solid;
  border-color: #f31700 #f31700 transparent transparent;
  position: absolute;
  top: 0;
  right: 0;
}

[dir=rtl] .k-dirty,
.k-rtl .k-dirty {
  border-color: transparent transparent #f31700 #f31700;
  right: auto;
  left: 0;
}

.k-animation-container {
  position: absolute;
  overflow: hidden;
  z-index: 100;
}
.k-animation-container-fixed {
  position: fixed;
}
.k-animation-container-relative {
  position: relative;
  display: inline-block;
}

.k-push-right-enter, .k-push-right-appear {
  transform: translate(-100%, 0);
}
.k-push-right-enter-active, .k-push-right-appear-active {
  transform: translate(0, 0);
  transition: transform 300ms ease-in-out;
}
.k-push-right-exit {
  transform: translate(0, 0);
}
.k-push-right-exit-active {
  transform: translate(100%, 0);
  transition: transform 300ms ease-in-out;
}

.k-push-left-enter, .k-push-left-appear {
  transform: translate(100%, 0);
}
.k-push-left-enter-active, .k-push-left-appear-active {
  transform: translate(0, 0);
  transition: transform 300ms ease-in-out;
}
.k-push-left-exit {
  transform: translate(0, 0);
}
.k-push-left-exit-active {
  transform: translate(-100%, 0);
  transition: transform 300ms ease-in-out;
}

.k-push-down-enter, .k-push-down-appear {
  transform: translate(0, -100%);
}
.k-push-down-enter-active, .k-push-down-appear-active {
  transform: translate(0, 0);
  transition: transform 300ms ease-in-out;
}
.k-push-down-exit {
  transform: translate(0, 0);
}
.k-push-down-exit-active {
  transform: translate(0, 100%);
  transition: transform 300ms ease-in-out;
}

.k-push-up-enter, .k-push-up-appear {
  transform: translate(0, 100%);
}
.k-push-up-enter-active, .k-push-up-appear-active {
  transform: translate(0, 0);
  transition: transform 300ms ease-in-out;
}
.k-push-up-exit {
  transform: translate(0, 0);
}
.k-push-up-exit-active {
  transform: translate(0, -100%);
  transition: transform 300ms ease-in-out;
}

.k-expand-vertical-enter, .k-expand-vertical-appear {
  transform: scaleY(0);
}
.k-expand-vertical-enter-active, .k-expand-vertical-appear-active {
  transform: scaleY(1);
  transition: transform 300ms ease-in-out;
}
.k-expand-vertical-exit {
  transform: scaleY(1);
}
.k-expand-vertical-exit-active {
  transform: scaleY(0);
  transition: transform 300ms ease-in-out;
}

.k-expand-horizontal-enter, .k-expand-horizontal-appear {
  transform: scaleX(0);
}
.k-expand-horizontal-enter-active, .k-expand-horizontal-appear-active {
  transform: scaleX(1);
  transition: transform 300ms ease-in-out;
}
.k-expand-horizontal-exit {
  transform: scaleX(1);
}
.k-expand-horizontal-exit-active {
  transform: scaleX(0);
  transition: transform 300ms ease-in-out;
}

.k-fade-enter, .k-fade-appear {
  opacity: 0;
}
.k-fade-enter-active, .k-fade-appear-active {
  opacity: 1;
  transition: opacity 500ms ease-in-out;
}
.k-fade-exit {
  opacity: 1;
}
.k-fade-exit-active {
  opacity: 0;
  transition: opacity 500ms ease-in-out;
}
.k-fade-exit-active + .k-fade-exit-active, .k-fade-enter-active + .k-fade-enter-active {
  display: none;
}

.k-zoom-in-enter, .k-zoom-in-appear {
  opacity: 0;
  transform: scale(0);
}
.k-zoom-in-enter-active, .k-zoom-in-appear-active {
  opacity: 1;
  transform: scale(1);
  transition: transform, opacity 300ms ease-in-out;
}
.k-zoom-in-exit {
  opacity: 1;
  transform: scale(1);
}
.k-zoom-in-exit-active {
  opacity: 0;
  transform: scale(2);
  transition: transform, opacity 300ms ease-in-out;
}

.k-zoom-out-enter, .k-zoom-out-appear {
  opacity: 0;
  transform: scale(2);
}
.k-zoom-out-enter-active, .k-zoom-out-appear-active {
  opacity: 1;
  transform: scale(1);
  transition: transform, opacity 300ms ease-in-out;
}
.k-zoom-out-exit {
  opacity: 1;
  transform: scale(1);
}
.k-zoom-out-exit-active {
  opacity: 0;
  transform: scale(0);
  transition: transform, opacity 300ms ease-in-out;
}

.k-slide-in-appear {
  opacity: 0.1;
  transform: translate(0, -3em);
}
.k-slide-in-appear .k-centered {
  transform: translate(-50%, -60%);
}
.k-slide-in-appear-active {
  opacity: 1;
  transform: translate(0, 0);
  transition: transform 0.3s cubic-bezier(0.2, 0.6, 0.4, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.2, 1);
}
.k-slide-in-appear-active .k-centered {
  transform: translate(-50%, -50%);
}

.k-slide-down-enter, .k-slide-down-appear {
  transform: translateY(-100%);
}
.k-slide-down-enter-active, .k-slide-down-appear-active {
  transform: translateY(0);
  transition: transform 300ms ease-in-out;
}
.k-slide-down-exit {
  transform: translateY(0);
}
.k-slide-down-exit-active {
  transform: translateY(-100%);
  transition: transform 300ms ease-in-out;
}

.k-slide-up-enter, .k-slide-up-appear {
  transform: translateY(100%);
}
.k-slide-up-enter-active, .k-slide-up-appear-active {
  transform: translateY(0);
  transition: transform 300ms ease-in-out;
}
.k-slide-up-exit {
  transform: translateY(0);
}
.k-slide-up-exit-active {
  transform: translateY(100%);
  transition: transform 300ms ease-in-out;
}

.k-slide-right-enter, .k-slide-right-appear {
  transform: translateX(-100%);
}
.k-slide-right-enter-active, .k-slide-right-appear-active {
  transform: translateX(0);
  transition: transform 300ms ease-in-out;
}
.k-slide-right-exit {
  transform: translateX(0);
}
.k-slide-right-exit-active {
  transform: translateX(-100%);
  transition: transform 300ms ease-in-out;
}

.k-slide-left-enter, .k-slide-left-appear {
  transform: translateX(100%);
}
.k-slide-left-enter-active, .k-slide-left-appear-active {
  transform: translateX(0);
  transition: transform 300ms ease-in-out;
}
.k-slide-left-exit {
  transform: translateX(0);
}
.k-slide-left-exit-active {
  transform: translateX(100%);
  transition: transform 300ms ease-in-out;
}

.k-reveal-vertical-enter, .k-reveal-vertical-appear {
  max-height: 0;
}
.k-reveal-vertical-enter-active, .k-reveal-vertical-appear-active {
  transition: max-height 300ms ease-in-out;
}
.k-reveal-vertical-exit-active {
  max-height: 0 !important;
  transition: max-height 300ms ease-in-out;
}

.k-reveal-horizontal-enter, .k-reveal-horizontal-appear {
  max-width: 0;
}
.k-reveal-horizontal-enter-active, .k-reveal-horizontal-appear-active {
  transition: max-width 300ms ease-in-out;
}
.k-reveal-horizontal-exit-active {
  max-width: 0 !important;
  transition: max-width 300ms ease-in-out;
}

.k-fx-end .k-fx-next,
.k-fx-end .k-fx-current {
  transition: all 350ms ease-out;
}

.k-fx {
  position: relative;
}
.k-fx .k-fx-current {
  z-index: 0;
}
.k-fx .k-fx-next {
  z-index: 1;
}

.k-fx-hidden,
.k-fx-hidden * {
  visibility: hidden !important;
}

.k-fx-reverse .k-fx-current {
  z-index: 1;
}
.k-fx-reverse .k-fx-next {
  z-index: 0;
}

.k-fx-zoom.k-fx-start .k-fx-next {
  transform: scale(0) !important;
}
.k-fx-zoom.k-fx-end .k-fx-next {
  transform: scale(1) !important;
}
.k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-next, .k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-next {
  transform: scale(1) !important;
}
.k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-current {
  transform: scale(1) !important;
}
.k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-current {
  transform: scale(0) !important;
}

.k-fx-fade.k-fx-start .k-fx-next {
  will-change: opacity;
  opacity: 0;
}
.k-fx-fade.k-fx-end .k-fx-next {
  opacity: 1;
}
.k-fx-fade.k-fx-reverse.k-fx-start .k-fx-current {
  will-change: opacity;
  opacity: 1;
}
.k-fx-fade.k-fx-reverse.k-fx-end .k-fx-current {
  opacity: 0;
}

.k-fx-slide.k-fx-end .k-fx-next .k-content, .k-fx-slide.k-fx-end .k-fx-next .k-header, .k-fx-slide.k-fx-end .k-fx-next .k-footer, .k-fx-slide.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-end .k-fx-current .k-header, .k-fx-slide.k-fx-end .k-fx-current .k-footer, .k-fx-slide.k-fx-end .k-fx-next .km-content, .k-fx-slide.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-end .k-fx-next .km-footer, .k-fx-slide.k-fx-end .k-fx-current .km-content, .k-fx-slide.k-fx-end .k-fx-current .km-header, .k-fx-slide.k-fx-end .k-fx-current .km-footer {
  transition: all 350ms ease-out;
}
.k-fx-slide.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-start .k-fx-next .km-content {
  will-change: transform;
  transform: translateX(100%);
}
.k-fx-slide.k-fx-start .k-fx-next .k-header, .k-fx-slide.k-fx-start .k-fx-next .k-footer, .k-fx-slide.k-fx-start .k-fx-next .km-header, .k-fx-slide.k-fx-start .k-fx-next .km-footer {
  will-change: opacity;
  opacity: 0;
}
.k-fx-slide.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-end .k-fx-current .km-content {
  transform: translateX(-100%);
}
.k-fx-slide.k-fx-end .k-fx-next .k-header, .k-fx-slide.k-fx-end .k-fx-next .k-footer, .k-fx-slide.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-end .k-fx-next .km-footer {
  opacity: 1;
}
.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-content, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-content {
  will-change: transform;
  transform: translateX(0);
}
.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-content {
  transform: translateX(100%);
}
.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-content {
  transform: translateX(-100%);
}
.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-content, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-content {
  transform: translateX(0);
}
.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-footer, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-footer {
  will-change: opacity;
  opacity: 1;
}
.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-footer, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-footer {
  opacity: 1;
}
.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-footer, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-footer {
  opacity: 0;
}
.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-footer, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-footer {
  opacity: 1;
}
.k-fx-slide.k-fx-right.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-right.k-fx-start .k-fx-next .km-content {
  transform: translateX(-100%);
}
.k-fx-slide.k-fx-right.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-right.k-fx-end .k-fx-current .km-content {
  transform: translateX(100%);
}
.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .km-content {
  transform: translateX(0);
}
.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .km-content {
  transform: translateX(-100%);
}
.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .km-content {
  transform: translateX(100%);
}
.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .km-content {
  transform: translateX(0%);
}

.k-fx-tile.k-fx-start .k-fx-next {
  will-change: transform;
  transform: translateX(100%);
}
.k-fx-tile.k-fx-end .k-fx-current {
  transform: translateX(-100%);
}
.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current {
  will-change: transform;
  transform: translateX(0);
}
.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current {
  transform: translateX(100%);
}
.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next {
  transform: translateX(-100%);
}
.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next {
  transform: translateX(0);
}
.k-fx-tile.k-fx-right.k-fx-start .k-fx-next {
  transform: translateX(-100%);
}
.k-fx-tile.k-fx-right.k-fx-end .k-fx-current {
  transform: translateX(100%);
}
.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current {
  transform: translateX(0);
}
.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current {
  transform: translateX(-100%);
}
.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next {
  transform: translateX(100%);
}
.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next {
  transform: translateX(0%);
}

.k-fx.k-fx-overlay.k-fx-start .k-fx-next, .k-fx.k-fx-overlay.k-fx-left.k-fx-start .k-fx-next {
  will-change: transform;
  transform: translateX(100%);
}
.k-fx.k-fx-overlay.k-fx-right.k-fx-start .k-fx-next {
  transform: translateX(-100%);
}
.k-fx.k-fx-overlay.k-fx-up.k-fx-start .k-fx-next {
  transform: translateY(100%);
}
.k-fx.k-fx-overlay.k-fx-down.k-fx-start .k-fx-next {
  transform: translateY(-100%);
}
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-next {
  transform: none;
}
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-current {
  will-change: transform;
  transform: none;
}
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-end .k-fx-current, .k-fx.k-fx-overlay.k-fx-reverse.k-fx-left.k-fx-end .k-fx-current {
  transform: translateX(100%);
}
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-right.k-fx-end .k-fx-current {
  transform: translateX(-100%);
}
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-up.k-fx-end .k-fx-current {
  transform: translateY(100%);
}
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-down.k-fx-end .k-fx-current {
  transform: translateY(-100%);
}

.k-input,
.k-picker {
  margin: 0;
  padding: 0;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  outline: 0;
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.3;
  font-weight: normal;
  text-align: start;
  box-shadow: none;
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: stretch;
  vertical-align: middle;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-appearance: none;
}
.k-input *,
.k-input *::before,
.k-input *::after,
.k-picker *,
.k-picker *::before,
.k-picker *::after {
  box-sizing: border-box;
}
.k-input > .k-input,
.k-input > .k-picker,
.k-picker > .k-input,
.k-picker > .k-picker {
  border-width: 0 !important;
  color: inherit;
  background: none;
  font: inherit;
  outline: 0;
  box-shadow: none;
}
.k-input > *,
.k-picker > * {
  margin: 0;
}
.k-input::placeholder,
.k-picker::placeholder {
  color: var(--color-charcoal-light);
  opacity: 1;
  user-select: none;
}

input.k-input,
textarea.k-textarea {
  padding-block: 0.8125rem 0.875rem;
  padding-inline: 0.9375rem;
}
input.k-input:disabled, input.k-input[disabled],
textarea.k-textarea:disabled,
textarea.k-textarea[disabled] {
  opacity: 0.6;
  filter: grayscale(0.1);
}
[disabled] input.k-input:disabled, .k-disabled input.k-input:disabled, [disabled] input.k-input[disabled], .k-disabled input.k-input[disabled],
[disabled] textarea.k-textarea:disabled,
.k-disabled textarea.k-textarea:disabled,
[disabled] textarea.k-textarea[disabled],
.k-disabled textarea.k-textarea[disabled] {
  opacity: 1;
  filter: grayscale(0);
}

textarea.k-textarea {
  overflow: auto;
}

.k-picker {
  cursor: pointer;
}

select.k-picker {
  padding-block: 0.8125rem 0.875rem;
  padding-inline: 0.9375rem;
  appearance: auto;
}
select.k-picker:disabled, select.k-picker[disabled] {
  opacity: 0.6;
  filter: grayscale(0.1);
}
[disabled] select.k-picker:disabled, .k-disabled select.k-picker:disabled, [disabled] select.k-picker[disabled], .k-disabled select.k-picker[disabled] {
  opacity: 1;
  filter: grayscale(0);
}

.k-input-inner {
  padding-block: 0.8125rem 0.875rem;
  padding-inline: 0.625rem;
  width: 100%;
  border: 0;
  outline: 0;
  color: inherit;
  background: none;
  font: inherit;
  flex: 1;
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-appearance: none;
  --focus-outline: none;
}
.k-input-inner::placeholder {
  color: var(--color-charcoal-light);
  opacity: 1;
  user-select: none;
}
.k-input-inner:invalid {
  box-shadow: none;
}
.k-input-inner:has(.avatar) {
  padding-block: 0.5rem;
}

span.k-input-inner {
  white-space: nowrap;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

textarea.k-input-inner {
  margin: 0;
}

.k-input-value-icon {
  flex: none;
}

.k-input-value-text {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.k-input-value-text::before {
  content: "​";
  width: 0px;
  overflow: hidden;
  flex: none;
  display: inline-block;
  vertical-align: top;
}

.k-input-value-tag {
  margin-block: -0.8125rem -0.875rem;
  margin-inline: -0.625rem;
}

.k-input-values {
  min-width: 0px;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  cursor: text;
}

.k-input-values .k-chip-list {
  display: contents;
}

.k-icon-picker .k-input-inner {
  padding: 0.8125rem 0.875rem;
  justify-content: center;
}

.k-input-prefix,
.k-input-suffix {
  border-color: inherit;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  flex: none;
}
.k-input-prefix > *,
.k-input-suffix > * {
  flex-shrink: 0;
}

.k-input-separator {
  margin: 0;
  width: 0;
  height: 16px;
  border-width: 0 0 0 1px;
  border-style: solid;
  border-color: inherit;
  align-self: center;
}

.k-input-icon,
.k-input-validation-icon,
.k-input-loading-icon,
.k-input-prefix > .k-icon,
.k-input-prefix > .k-svg-icon,
.k-input-suffix > .k-icon,
.k-input-suffix > .k-svg-icon {
  flex: none;
  align-self: center;
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  box-sizing: content-box;
}

.k-input-icon.k-svg-icon > svg, .k-input-icon.k-icon-md > svg,
.k-input-validation-icon.k-svg-icon > svg,
.k-input-validation-icon.k-icon-md > svg,
.k-input-loading-icon.k-svg-icon > svg,
.k-input-loading-icon.k-icon-md > svg {
  width: 16px;
  height: 16px;
}
.k-input-icon.k-icon-xs > svg,
.k-input-validation-icon.k-icon-xs > svg,
.k-input-loading-icon.k-icon-xs > svg {
  width: 12px;
  height: 12px;
}
.k-input-icon.k-icon-sm > svg,
.k-input-validation-icon.k-icon-sm > svg,
.k-input-loading-icon.k-icon-sm > svg {
  width: 14px;
  height: 14px;
}
.k-input-icon.k-icon-lg > svg,
.k-input-validation-icon.k-icon-lg > svg,
.k-input-loading-icon.k-icon-lg > svg {
  width: 20px;
  height: 20px;
}
.k-input-icon.k-icon-xl > svg,
.k-input-validation-icon.k-icon-xl > svg,
.k-input-loading-icon.k-icon-xl > svg {
  width: 24px;
  height: 24px;
}
.k-input-icon.k-icon-xxl > svg,
.k-input-validation-icon.k-icon-xxl > svg,
.k-input-loading-icon.k-icon-xxl > svg {
  width: 32px;
  height: 32px;
}
.k-input-icon.k-icon-xxxl > svg,
.k-input-validation-icon.k-icon-xxxl > svg,
.k-input-loading-icon.k-icon-xxxl > svg {
  width: 48px;
  height: 48px;
}

.k-clear-value {
  outline: 0;
  color: var(--color-grey-dark);
  flex: none;
  align-self: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 1;
}

.k-clear-value:hover,
.k-clear-value.k-hover {
  color: var(--color-red-light);
  opacity: 1;
}

.k-clear-value:focus-visible {
  outline: 1px dotted;
  outline-offset: -1px;
}

.k-input-button {
  width: calc(1.3em + 8px);
  border-width: 0;
  border-inline-start-width: 1px;
  flex: none;
  aspect-ratio: auto;
  box-shadow: none;
}
.k-input-button > .k-button-icon {
  min-width: auto !important;
}
.k-input-button:focus {
  box-shadow: none;
}

.k-picker .k-input-button {
  color: inherit;
  background: none;
  border-color: transparent;
}

.k-input-spinner {
  width: calc(1.3em + 8px);
  flex: none;
  display: flex;
  flex-flow: column nowrap;
}
.k-input-spinner .k-spinner-increase,
.k-input-spinner .k-spinner-decrease {
  border-width: 0;
  border-inline-start-width: 1px;
  flex: 1 1 50%;
  box-shadow: none;
  position: relative;
  aspect-ratio: auto;
}
.k-input-spinner .k-spinner-increase .k-button-icon,
.k-input-spinner .k-spinner-decrease .k-button-icon {
  margin-block: -1em;
  margin-inline: 0;
  min-width: auto !important;
  min-height: auto !important;
}
.k-input-spinner .k-spinner-increase .k-icon,
.k-input-spinner .k-spinner-increase .k-svg-icon {
  bottom: auto;
}
.k-input-spinner .k-spinner-decrease .k-icon,
.k-input-spinner .k-spinner-decrease .k-svg-icon {
  top: auto;
}

.k-searchbar {
  flex: 1 1 auto;
  display: flex;
  flex-flow: row nowrap;
}

.k-picker-wrap,
.k-dropdown-wrap,
.k-dateinput-wrap,
.k-multiselect-wrap,
.k-numeric-wrap {
  width: 100%;
  border-width: 0;
  border-color: inherit;
  box-sizing: border-box;
  flex: 1 1 auto;
  display: flex;
  flex-flow: row nowrap;
  overflow: hidden;
  position: relative;
}

.k-input-flat,
.k-picker-flat {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-width: 1px 0;
  border-top-color: transparent !important;
  background-image: none !important;
}

.k-input-outline {
  background: none !important;
}

.k-input-md .k-input-values,
.k-picker-md .k-input-values {
  padding: 0.125rem;
  gap: 0.125rem;
}
.k-input-md .k-input-values > .k-searchbar,
.k-input-md .k-input-values > .k-input-inner,
.k-picker-md .k-input-values > .k-searchbar,
.k-picker-md .k-input-values > .k-input-inner {
  margin: -0.125rem;
}
.k-input-md .k-input-button,
.k-input-md .k-spinner-increase,
.k-input-md .k-spinner-decrease,
.k-picker-md .k-input-button,
.k-picker-md .k-spinner-increase,
.k-picker-md .k-spinner-decrease {
  padding-block: 0.8125rem 0.875rem;
  padding-inline: 0.9375rem;
}
.k-input-md .k-input-icon,
.k-input-md .k-input-validation-icon,
.k-input-md .k-input-loading-icon,
.k-input-md .k-clear-value,
.k-input-md .k-input-prefix > .k-icon,
.k-input-md .k-input-prefix > .k-svg-icon,
.k-input-md .k-input-suffix > .k-icon,
.k-input-md .k-input-suffix > .k-svg-icon,
.k-picker-md .k-input-icon,
.k-picker-md .k-input-validation-icon,
.k-picker-md .k-input-loading-icon,
.k-picker-md .k-clear-value,
.k-picker-md .k-input-prefix > .k-icon,
.k-picker-md .k-input-prefix > .k-svg-icon,
.k-picker-md .k-input-suffix > .k-icon,
.k-picker-md .k-input-suffix > .k-svg-icon {
  padding-block: 0.8125rem 0.875rem;
  padding-inline: 0.8125rem 0.875rem;
  box-sizing: content-box;
}
.k-input-md.k-icon-picker .k-input-inner,
.k-picker-md.k-icon-picker .k-input-inner {
  width: calc(1.3em);
  height: calc(1.3em);
  padding: 0.8125rem 0.875rem;
  box-sizing: content-box;
}

.k-dropdown-operator.k-picker-md .k-input-button {
  padding: 0.8125rem 0.875rem;
}

select.k-picker-md {
  padding-block: 0.8125rem 0.875rem;
  padding-inline: 0.9375rem;
}

.k-input > kendo-popup,
.k-picker > kendo-popup {
  position: fixed;
}

@keyframes autoFillStart {}
@keyframes autoFillEnd {}
.k-autofill:-webkit-autofill {
  animation-name: autoFillStart;
}

.k-autofill:not(:-webkit-autofill) {
  animation-name: autoFillEnd;
}

.k-input:-webkit-autofill {
  animation-name: autoFillStart;
}

.k-input:not(:-webkit-autofill) {
  animation-name: autoFillEnd;
}

.k-searchbox-icon {
  padding: 0.75rem;
  padding-right: 0;
  width: 2.25rem;
  height: 3rem;
  color: var(--color-blue-bright);
}

.k-input-solid {
  border-color: var(--color-grey);
  color: var(--color-charcoal-dark);
  background-color: #ffffff;
}
.k-input-solid:hover, .k-input-solid.k-hover {
  border-color: var(--color-blue);
}
.k-input-solid:focus, .k-input-solid.k-focus {
  border-color: var(--color-blue);
  outline: var(--focus-outline);
  outline-offset: var(--focus-offset);
}
.k-input-solid:focus-within {
  border-color: var(--color-grey);
}
.k-input-solid[aria-invalid=true], .k-input-solid.k-invalid, .k-input-solid.ng-invalid.ng-touched, .k-input-solid.ng-invalid.ng-dirty {
  border-color: var(--color-red-light);
}
.k-input-solid[aria-invalid=true] .k-input-validation-icon, .k-input-solid.k-invalid .k-input-validation-icon, .k-input-solid.ng-invalid.ng-touched .k-input-validation-icon, .k-input-solid.ng-invalid.ng-dirty .k-input-validation-icon {
  color: purple;
}
.k-picker-solid {
  border-color: var(--color-grey);
  color: #424242;
  background-color: var(--color-white);
}
.k-picker-solid:hover, .k-picker-solid.k-hover {
  border-color: var(--color-blue);
  background-color: k-try-shade(#f5f5f5, 0.5);
}
.k-picker-solid:focus, .k-picker-solid.k-focus {
  outline: var(--focus-outline);
  outline-offset: var(--focus-offset);
}
.k-picker-solid:focus-within {
  outline: var(--focus-outline);
  outline-offset: var(--focus-offset);
}
.k-picker-solid:disabled, .k-picker-solid[disabled], .k-picker-solid.k-disabled {
  background-color: var(--color-grey-light);
}
.k-picker-solid[aria-invalid=true], .k-picker-solid.k-invalid, .k-picker-solid.ng-invalid.ng-touched, .k-picker-solid.ng-invalid.ng-dirty {
  border-color: var(--color-red-light);
}
.k-picker-solid[aria-invalid=true] .k-input-validation-icon, .k-picker-solid.k-invalid .k-input-validation-icon, .k-picker-solid.ng-invalid.ng-touched .k-input-validation-icon, .k-picker-solid.ng-invalid.ng-dirty .k-input-validation-icon {
  color: purple;
}
.k-input-outline {
  border-color: rgba(66, 66, 66, 0.5);
  color: var(--color-charcoal-dark);
}
.k-input-outline > .k-input-button {
  border-color: inherit;
}
.k-input-outline > .k-input-spinner {
  border-color: inherit;
}
.k-input-outline > .k-input-spinner > .k-spinner-increase, .k-input-outline > .k-input-spinner > .k-spinner-decrease {
  border-color: inherit;
}
.k-input-outline:hover, .k-input-outline.k-hover {
  border-color: rgba(66, 66, 66, 0.8);
}
.k-input-outline.k-invalid, .k-input-outline.ng-invalid.ng-touched, .k-input-outline.ng-invalid.ng-dirty {
  border-color: var(--color-red-light);
}
.k-input-outline.k-invalid .k-input-validation-icon, .k-input-outline.ng-invalid.ng-touched .k-input-validation-icon, .k-input-outline.ng-invalid.ng-dirty .k-input-validation-icon {
  color: #f31700;
}
.k-picker-outline {
  border-color: rgba(66, 66, 66, 0.5);
  color: #424242;
}
.k-picker-outline:hover, .k-picker-outline.k-hover {
  border-color: #424242;
  color: k-contrast-legacy(#424242);
  background-color: #424242;
}
.k-picker-outline:disabled, .k-picker-outline[disabled], .k-picker-outline.k-disabled {
  background-color: var(--color-grey-light);
}
.k-picker-outline.k-invalid, .k-picker-outline.ng-invalid.ng-touched, .k-picker-outline.ng-invalid.ng-dirty {
  border-color: var(--color-red-light);
}
.k-picker-outline.k-invalid .k-input-validation-icon, .k-picker-outline.ng-invalid.ng-touched .k-input-validation-icon, .k-picker-outline.ng-invalid.ng-dirty .k-input-validation-icon {
  color: #f31700;
}
.k-input-flat {
  border-color: var(--color-grey);
  color: var(--color-charcoal-dark);
}
.k-input-flat:hover, .k-input-flat.k-hover {
  border-color: var(--color-blue);
}
.k-input-flat.k-invalid, .k-input-flat.ng-invalid.ng-touched, .k-input-flat.ng-invalid.ng-dirty {
  border-color: var(--color-red-light);
}
.k-input-flat.k-invalid .k-input-validation-icon, .k-input-flat.ng-invalid.ng-touched .k-input-validation-icon, .k-input-flat.ng-invalid.ng-dirty .k-input-validation-icon {
  color: #f31700;
}
.k-picker-flat {
  border-color: rgba(0, 0, 0, 0.08);
  color: #424242;
}
.k-picker-flat:hover, .k-picker-flat.k-hover {
  border-color: rgba(0, 0, 0, 0.08);
  background-color: rgba(66, 66, 66, 0.04);
}
.k-picker-flat:disabled, .k-picker-flat[disabled], .k-picker-flat.k-disabled {
  background-color: var(--color-grey-light);
}
.k-picker-flat.k-invalid, .k-picker-flat.ng-invalid.ng-touched, .k-picker-flat.ng-invalid.ng-dirty {
  border-color: var(--color-red-light);
}
.k-picker-flat.k-invalid .k-input-validation-icon, .k-picker-flat.ng-invalid.ng-touched .k-input-validation-icon, .k-picker-flat.ng-invalid.ng-dirty .k-input-validation-icon {
  color: #f31700;
}
.k-popup {
  margin: 0;
  margin-top: 0.125rem;
  padding-block: 0;
  padding-inline: 0;
  border-width: 0;
  border-style: solid;
  box-sizing: border-box;
  font-size: 1rem;
  line-height: 1.3;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.k-popup .k-item {
  outline: none;
}

.k-animation-container {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.k-animation-container-shown {
  overflow: visible;
}

.k-popup > .k-colorpalette {
  padding-block: 8px;
  padding-inline: 8px;
}

.k-popup.k-popup-transparent {
  border-width: 0;
  background-color: transparent;
}

.k-popup.k-popup-flush {
  padding: 0;
}

.k-popup > .k-widget,
.k-popup > .k-coloreditor {
  border-width: 0;
}

.k-shadow {
  box-shadow: 0 4px 8px 0 var(--color-shadow_25);
}

.k-popup {
  border-color: var(--color-grey);
  color: var(--color-charcoal-dark);
  background-color: var(--color-white);
  box-shadow: 0 4px 8px 0 var(--color-shadow_25);
}

.k-animation-container {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.k-animation-container[popover] {
  --popover-background-color: transparent;
}

.k-list-container {
  display: flex;
  flex-flow: column nowrap;
}
.k-list-container > .k-list {
  flex: 1;
  height: 100%;
}

.k-list {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.3;
  display: flex;
  flex-flow: column nowrap;
  outline: none;
  position: relative;
  overflow: hidden;
}
.k-list *,
.k-list *::before,
.k-list *::after {
  box-sizing: border-box;
}

.k-popup > .k-list {
  height: 100%;
  border-width: 0;
}

.k-list-group-sticky-header {
  border-width: 0;
  border-width: 0 0 1px;
  border-style: solid;
  font-weight: 700;
  white-space: nowrap;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  flex: none;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

.k-list-content {
  border-color: inherit;
  flex: 1 1 auto;
  overflow: hidden;
  overflow-y: auto;
  position: relative;
}

.k-list-ul {
  --list-block-gap: 0;
  margin: 0;
  padding: 0;
  border-width: 0;
  border-color: inherit;
  height: auto;
  list-style: none;
}

.k-list-item, .k-list-optionlabel {
  padding-block: 0.9375rem;
  padding-inline: 0.9375rem;
  border: 0;
  outline: none;
  cursor: pointer;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  align-content: center;
  gap: 4px;
  position: relative;
  transition-property: color, background-color, outline-color, box-shadow;
  transition-duration: 200ms;
  transition-timing-function: ease;
}
.k-list-item.k-first::before, .k-first.k-list-optionlabel::before {
  content: "";
  border-width: 1px 0 0;
  border-style: solid;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.k-list-item-text::before,
.k-list-header-text::before,
.k-list-optionlabel::before {
  content: "​";
  width: 0px;
  overflow: hidden;
}

.k-list-optionlabel {
  column-gap: 0;
}

.k-list-group-item {
  border-width: 0;
  border-width: 1px 0 0;
  border-style: solid;
  font-weight: 700;
  cursor: default;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  align-content: center;
  gap: 4px;
  position: relative;
}

.k-list-item-group-label {
  padding-block: 0;
  padding-inline: 0.5em;
  font-size: 0.75em;
  position: absolute;
  top: 0;
  inset-inline-end: 0;
}

.k-virtual-content,
.k-virtual-list .k-list-content {
  overflow-y: scroll;
}

.k-virtual-list .k-list-item, .k-virtual-list .k-list-optionlabel,
.k-virtual-list .k-list-group-item,
.k-virtual-content .k-list-item,
.k-virtual-content .k-list-optionlabel,
.k-virtual-content .k-list-group-item {
  position: absolute;
  width: 100%;
}

.k-virtual-list .k-list-item-text,
.k-virtual-list .k-list-header-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.k-virtual-list .k-list-optionlabel {
  position: relative;
}

.k-list-filter {
  display: block;
  position: relative;
  padding: 1.25rem;
  box-sizing: border-box;
  flex: none;
}

.k-list-md .k-list-group-sticky-header {
  padding-block: 4px;
  padding-inline: 8px;
}
.k-list-md .k-list-group-item {
  padding-block: 4px;
  padding-inline: 8px;
}

.k-no-data, .k-nodata {
  min-height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  text-align: center;
  white-space: normal;
}

.k-list {
  border-color: black;
  color: #424242;
  background-color: #ffffff;
}

.k-list-group-sticky-header {
  border-color: inherit;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.06);
}

.k-list-item:hover, .k-list-optionlabel:hover, .k-list-item.k-hover, .k-hover.k-list-optionlabel {
  color: var(--color-charcoal-dark);
  background-color: var(--color-blue-pale);
}
.k-list-item.k-selected, .k-selected.k-list-optionlabel {
  color: #ffffff;
  background-color: var(--color-blue-bright);
  --k-list-item-selected-color: $kendo-list-item-selected-text;
  --text-theme-color-diminished: var(--color-white);
}
.k-list-item.k-selected:hover, .k-selected.k-list-optionlabel:hover, .k-list-item.k-selected.k-hover, .k-selected.k-hover.k-list-optionlabel {
  color: #ffffff;
  background-color: var(--color-blue-light);
}

.k-list-optionlabel,
.k-list-optionlabel.k-hover,
.k-list-optionlabel:hover {
  color: #666666;
}

.k-list-group-item {
  border-color: inherit;
}

.k-list-item-group-label {
  color: #ffffff;
  background-color: #424242;
}

.k-no-data {
  color: #666666;
}

.k-chip {
  padding-block: 0.6875rem;
  padding-inline: 0.9375rem 0;
  border-width: 0;
  border-style: solid;
  border-radius: 0.375rem;
  outline: 0;
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.3;
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  gap: 4px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  user-select: none;
}
.k-chip *,
.k-chip *::before,
.k-chip *::after {
  box-sizing: border-box;
}
.k-chip .k-selected-icon-wrapper {
  display: none !important;
}

.k-chip-content {
  padding-block: 0.6875rem;
  padding-inline: 0;
  margin-block: calc(-1 * 0.6875rem);
  margin-inline: 0;
  min-width: 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  overflow: hidden;
  flex: 1 1 auto;
  gap: 0.625rem;
}
.k-chip-content .k-icon-wrapper-host {
  display: initial;
}

.k-chip-content:last-child {
  margin-inline-end: 4px;
}

.k-chip-text,
.k-chip-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  flex: 1 1 auto;
}

/*.k-chip-avatar {
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	flex: none;
	margin-block: calc(-6rem / 16);
}*/
.k-chip-avatar {
  padding-block: 0.38rem;
}

.k-chip-avatar .avatar {
  width: 2rem;
}

.k-chip-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
}

.k-chip-actions {
  margin-block: -5em;
  margin-inline: 0;
  flex: none;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  align-self: center;
}

.k-chip-action {
  flex: none;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  align-self: center;
  color: var(--color-blue-pale);
}

.k-remove-icon {
  font-size: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
}

.k-chip-list {
  min-width: 0px;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
}

.k-chip-md .k-chip-action {
  padding: 0.6875rem;
}

.k-chip-list-sm {
  gap: 4px;
}

.k-chip-list-md {
  gap: 4px;
}

.k-chip-list-lg {
  gap: 4px;
}

.k-chip-solid-base {
  border-color: rgba(0, 0, 0, 0.08);
  color: var(--color-white);
  background-color: var(--color-blue-bright);
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
}
.k-chip-solid-base:focus, .k-chip-solid-base.k-focus {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
}
.k-chip-solid-base:hover, .k-chip-solid-base.k-hover {
  background-color: k-try-shade(#f5f5f5, 0.5);
}
.k-chip-solid-base.k-selected {
  background-color: k-try-shade(#f5f5f5, 1.5);
}

.k-chip-solid-error {
  border-color: k-try-tint(#f31700, 25%);
  color: k-try-shade(#f31700, 65%);
  background-color: k-try-tint(#f31700, 80%);
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
}
.k-chip-solid-error:focus, .k-chip-solid-error.k-focus {
  box-shadow: 0 0 0 2px rgba(243, 23, 0, 0.16);
}
.k-chip-solid-error:hover, .k-chip-solid-error.k-hover {
  background-color: k-try-tint(#f31700, 65%);
}
.k-chip-solid-error.k-selected {
  background-color: k-try-tint(#f31700, 50%);
}

.k-chip-solid-info {
  border-color: k-try-tint(#0058e9, 25%);
  color: k-try-shade(#0058e9, 65%);
  background-color: k-try-tint(#0058e9, 80%);
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
}
.k-chip-solid-info:focus, .k-chip-solid-info.k-focus {
  box-shadow: 0 0 0 2px rgba(0, 88, 233, 0.16);
}
.k-chip-solid-info:hover, .k-chip-solid-info.k-hover {
  background-color: k-try-tint(#0058e9, 65%);
}
.k-chip-solid-info.k-selected {
  background-color: k-try-tint(#0058e9, 50%);
}

.k-chip-solid-warning {
  border-color: k-try-tint(#ffc000, 25%);
  color: k-try-shade(#ffc000, 65%);
  background-color: k-try-tint(#ffc000, 80%);
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
}
.k-chip-solid-warning:focus, .k-chip-solid-warning.k-focus {
  box-shadow: 0 0 0 2px rgba(255, 192, 0, 0.16);
}
.k-chip-solid-warning:hover, .k-chip-solid-warning.k-hover {
  background-color: k-try-tint(#ffc000, 65%);
}
.k-chip-solid-warning.k-selected {
  background-color: k-try-tint(#ffc000, 50%);
}

.k-chip-solid-success {
  border-color: k-try-tint(#37b400, 25%);
  color: k-try-shade(#37b400, 65%);
  background-color: k-try-tint(#37b400, 80%);
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
}
.k-chip-solid-success:focus, .k-chip-solid-success.k-focus {
  box-shadow: 0 0 0 2px rgba(55, 180, 0, 0.16);
}
.k-chip-solid-success:hover, .k-chip-solid-success.k-hover {
  background-color: k-try-tint(#37b400, 65%);
}
.k-chip-solid-success.k-selected {
  background-color: k-try-tint(#37b400, 50%);
}

.k-chip-outline-base {
  border-color: var(--color-white);
  color: var(--color-white);
  background-color: white;
}
.k-chip-outline-base:focus, .k-chip-outline-base.k-focus {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
}
.k-chip-outline-base:hover, .k-chip-outline-base.k-hover {
  color: k-contrast-legacy(var(--color-white));
  background-color: var(--color-white);
}
.k-chip-outline-base.k-selected {
  color: k-contrast-legacy(var(--color-white));
  background-color: var(--color-white);
}

.k-chip-outline-error {
  border-color: k-try-shade(#f31700, 25%);
  color: k-try-shade(#f31700, 25%);
  background-color: #ffffff;
}
.k-chip-outline-error:focus, .k-chip-outline-error.k-focus {
  box-shadow: 0 0 0 2px rgba(243, 23, 0, 0.16);
}
.k-chip-outline-error:hover, .k-chip-outline-error.k-hover {
  color: k-contrast-legacy(k-try-shade(#f31700, 25%));
  background-color: k-try-shade(#f31700, 25%);
}
.k-chip-outline-error.k-selected {
  color: k-contrast-legacy(k-try-shade(#f31700, 25%));
  background-color: k-try-shade(#f31700, 25%);
}

.k-chip-outline-info {
  border-color: k-try-shade(#0058e9, 25%);
  color: k-try-shade(#0058e9, 25%);
  background-color: #ffffff;
}
.k-chip-outline-info:focus, .k-chip-outline-info.k-focus {
  box-shadow: 0 0 0 2px rgba(0, 88, 233, 0.16);
}
.k-chip-outline-info:hover, .k-chip-outline-info.k-hover {
  color: k-contrast-legacy(k-try-shade(#0058e9, 25%));
  background-color: k-try-shade(#0058e9, 25%);
}
.k-chip-outline-info.k-selected {
  color: k-contrast-legacy(k-try-shade(#0058e9, 25%));
  background-color: k-try-shade(#0058e9, 25%);
}

.k-chip-outline-warning {
  border-color: #ffc000;
  color: var(--color-white);
  background-color: #ffffff;
}
.k-chip-outline-warning:focus, .k-chip-outline-warning.k-focus {
  box-shadow: 0 0 0 2px rgba(255, 192, 0, 0.16);
}
.k-chip-outline-warning:hover, .k-chip-outline-warning.k-hover {
  color: k-try-shade(#ffc000, 80%);
  background-color: #ffc000;
}
.k-chip-outline-warning.k-selected {
  color: k-try-shade(#ffc000, 80%);
  background-color: #ffc000;
}

.k-chip-outline-success {
  border-color: k-try-shade(#37b400, 25%);
  color: k-try-shade(#37b400, 25%);
  background-color: #ffffff;
}
.k-chip-outline-success:focus, .k-chip-outline-success.k-focus {
  box-shadow: 0 0 0 2px rgba(55, 180, 0, 0.16);
}
.k-chip-outline-success:hover, .k-chip-outline-success.k-hover {
  color: k-contrast-legacy(k-try-shade(#37b400, 25%));
  background-color: k-try-shade(#37b400, 25%);
}
.k-chip-outline-success.k-selected {
  color: k-contrast-legacy(k-try-shade(#37b400, 25%));
  background-color: k-try-shade(#37b400, 25%);
}

.k-scheduler {
  border-width: 0;
  border-style: solid;
  box-sizing: border-box;
  outline: 0;
  font-family: var(--font-body);
  font-size: 14px;
  /*line-height: $kendo-scheduler-line-height;*/
  display: flex;
  flex-direction: column;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /*	table,
  thead,
  tfoot,
  tbody,
  tr,
  th,
  td,
  div:not(.k-event),
  .k-scheduler-edit-dialog,
  > * {
  	border-color: inherit;
  }*/
}

kendo-scheduler.k-scheduler {
  overflow: hidden;
}
kendo-scheduler.k-scheduler.k-readonly-scheduler .k-event-delete {
  display: none;
}

.k-scheduler-table {
  width: 100%;
  max-width: none;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}
.k-scheduler-table td,
.k-scheduler-table th {
  padding-block: 8px;
  padding-inline: 8px;
  height: 2rem;
  overflow: hidden;
  white-space: nowrap;
  border-style: solid;
  border-width: 0 0 1px 1px;
  vertical-align: top;
  box-sizing: content-box;
}
.k-scheduler-table td:first-child,
.k-scheduler-table th:first-child {
  border-left-width: 0;
}
.k-scheduler-table .k-middle-row td {
  border-bottom-style: dotted;
}
.k-scheduler-table .k-link {
  cursor: pointer;
}

.k-scheduler-layout-flex {
  overflow: auto;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.k-scheduler-layout-flex .k-scheduler-head {
  position: sticky;
  top: 0;
  z-index: 4;
}
.k-scheduler-layout-flex .k-scheduler-body {
  position: relative;
}
.k-scheduler-layout-flex .k-scheduler-head,
.k-scheduler-layout-flex .k-scheduler-body {
  display: flex;
  flex: 100%;
  flex-wrap: wrap;
  min-width: min-content;
}
.k-scheduler-layout-flex .k-scheduler-row {
  display: flex;
  flex: 1 1 100%;
  width: 100%;
  min-width: min-content;
}
.k-scheduler-layout-flex .k-scheduler-row .k-scheduler-row--dates .k-scheduler-cell.k-heading-cell {
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.k-scheduler-layout-flex .k-scheduler-group {
  display: flex;
  flex: 1 1 100%;
  width: 100%;
  min-width: 0;
  flex-wrap: wrap;
}
.k-scheduler-layout-flex .k-scheduler-group .k-group-cell {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  overflow: auto;
}
.k-scheduler-layout-flex .k-scheduler-group .k-group-content {
  padding: 0;
  display: flex;
  flex: 1 1 100%;
  width: 100%;
  border-width: 0;
  flex-wrap: wrap;
}
.k-scheduler-layout-flex .k-scheduler-group.k-group-horizontal .k-group-cell {
  flex-basis: 100%;
  border-width: 0;
  padding: 0;
}
.k-scheduler-layout-flex.k-scheduler-timeline-view .k-scheduler-body .k-scheduler-cell {
  flex-basis: auto;
}
.k-scheduler-layout-flex .k-more-events {
  bottom: 2px;
  left: 0;
  width: 100%;
}
.k-scheduler-layout-flex .k-scheduler-cell {
  display: flex;
  flex: 1 1 100%;
  padding-block: 8px;
  padding-inline: 8px;
  min-height: 2rem;
  min-width: 13.75rem;
  overflow: hidden;
  white-space: nowrap;
  border-style: solid;
  border-bottom-style: dashed;
  border-width: 0 1px 1px 0;
  vertical-align: top;
  box-sizing: content-box;
}
.k-scheduler-layout-flex .k-scheduler-cell.k-slot-cell {
  position: relative;
}
.k-scheduler-layout-flex .k-scheduler-cell.k-heading-cell .name-plate {
  padding: 1rem 0.5rem;
}
.k-scheduler-layout-flex .k-scheduler-cell.k-side-cell {
  justify-content: flex-end;
  flex-grow: 0;
  flex-basis: auto;
  overflow: visible;
}
.k-scheduler-layout-flex .k-scheduler-cell.k-major-cell {
  border-bottom-width: 0;
  line-height: 1.25rem;
  color: var(--color-charcoal);
}
.k-scheduler-layout-flex .k-resource-cell {
  flex: none;
  display: flex;
  flex-wrap: wrap;
  overflow: visible;
}
.k-scheduler-layout-flex .k-resource-content {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  border-width: 0;
}
.k-scheduler-layout-flex .k-sticky-cell {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 0;
  position: sticky;
  left: 0;
  z-index: 3;
}

.k-middle-row .k-scheduler-cell {
  border-bottom-style: solid;
}

.k-scheduler-toolbar {
  border-width: 0;
  border-bottom-width: 1px;
  white-space: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 2;
}
.k-scheduler-toolbar .k-widget {
  font-size: inherit;
}
.k-scheduler-toolbar .k-nav-current {
  color: inherit;
  outline: 0;
  text-decoration: none;
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}
.k-scheduler-toolbar .k-scheduler-search {
  display: inline-flex;
  flex-flow: row nowrap;
}

.k-scheduler-toolbar .k-views-dropdown {
  width: auto;
  font: inherit;
}

.k-scheduler-footer {
  box-shadow: none;
  border-width: 0;
  border-top-width: 1px;
  white-space: nowrap;
  flex-shrink: 0;
  position: relative;
}

.k-scheduler-layout {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  flex: 1 1 auto;
  position: relative;
  z-index: 1;
}
.k-scheduler-layout > tbody > tr > td {
  padding: 0;
  vertical-align: top;
}
.k-scheduler-layout td.k-selected,
.k-scheduler-layout .k-scheduler-cell.k-selected {
  outline: none;
}
.k-scheduler-layout tr + tr .k-scheduler-times tr th,
.k-scheduler-layout .k-scheduler-pane + .k-scheduler-pane .k-scheduler-times tr th {
  border-bottom-color: transparent;
}
.k-scheduler-layout tr + tr .k-scheduler-times tr .k-slot-cell,
.k-scheduler-layout tr + tr .k-scheduler-times tr .k-scheduler-times-all-day, .k-scheduler-layout tr + tr .k-scheduler-times tr:last-child th,
.k-scheduler-layout .k-scheduler-pane + .k-scheduler-pane .k-scheduler-times tr .k-slot-cell,
.k-scheduler-layout .k-scheduler-pane + .k-scheduler-pane .k-scheduler-times tr .k-scheduler-times-all-day,
.k-scheduler-layout .k-scheduler-pane + .k-scheduler-pane .k-scheduler-times tr:last-child th {
  border-bottom-color: inherit;
}

.k-scheduler-layout.k-scheduler-flex-layout {
  display: flex;
  flex-direction: column;
}
.k-scheduler-layout.k-scheduler-flex-layout.k-scheduler-weekview .k-scheduler-pane:first-child .k-scheduler-table, .k-scheduler-layout.k-scheduler-flex-layout.k-scheduler-dayview .k-scheduler-pane:first-child .k-scheduler-table {
  table-layout: fixed;
}

.k-scheduler-header,
.k-scheduler-view-header {
  padding-inline-end: 4px;
}

.k-scheduler-header th {
  text-align: center;
}

.k-scheduler-header,
.k-scheduler-header-wrap,
.k-scheduler-header-wrap > div {
  border-color: inherit;
  overflow: hidden;
}

.k-scheduler-header-wrap {
  border-width: 0;
  border-style: solid;
  position: relative;
}

.k-scheduler-times {
  border-color: inherit;
  position: relative;
  overflow: hidden;
}
.k-scheduler-times .k-scheduler-table {
  table-layout: auto;
}
.k-scheduler-times th {
  border-width: 0 1px 1px 0;
  text-align: end;
}
.k-scheduler-times .k-slot-cell,
.k-scheduler-times .k-scheduler-times-all-day {
  border-bottom-color: inherit;
}
.k-scheduler-times .k-slot-cell.k-last-resource {
  border-right: 0;
}
.k-scheduler-times .k-slot-cell.k-empty-slot {
  padding-left: 0;
  padding-right: 0;
}

.k-scheduler-datecolumn {
  width: 12em;
}

.k-scheduler-timecolumn {
  width: 11em;
  white-space: nowrap;
}

.k-scheduler-content {
  border-color: inherit;
  position: relative;
  overflow: auto;
}
.k-scheduler-content:focus {
  outline: none;
}

kendo-scheduler .k-event,
.k-event {
  min-height: 25px;
  box-sizing: border-box;
  text-align: start;
  outline: 0;
  cursor: default;
  position: absolute;
}
kendo-scheduler .k-event .k-event-template,
.k-event .k-event-template {
  line-height: calc(25px - 8px);
  padding-block: 4px;
  padding-inline: 8px;
}
kendo-scheduler .k-event .k-event-time,
.k-event .k-event-time {
  padding-bottom: 0;
  font-size: 0.875em;
  white-space: nowrap;
  display: none;
}
kendo-scheduler .k-event .k-event-actions,
.k-event .k-event-actions {
  white-space: nowrap;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8px;
  z-index: 2;
}
kendo-scheduler .k-event .k-event-actions .k-event-delete,
.k-event .k-event-actions .k-event-delete {
  opacity: 0.5;
  visibility: hidden;
}
kendo-scheduler .k-event .k-event-actions:hover .k-event-delete, kendo-scheduler .k-event .k-event-actions.k-hover .k-event-delete,
.k-event .k-event-actions:hover .k-event-delete,
.k-event .k-event-actions.k-hover .k-event-delete {
  opacity: 1;
}
kendo-scheduler .k-event .k-event-actions a,
.k-event .k-event-actions a {
  color: inherit;
}
kendo-scheduler .k-event .k-event-actions:first-child,
.k-event .k-event-actions:first-child {
  margin: 2px 0.4ex 0 4px;
  top: 0;
  right: 0;
  float: left;
  position: relative;
  opacity: 1;
  visibility: visible;
  line-height: normal;
}
kendo-scheduler .k-event .k-resize-handle,
.k-event .k-resize-handle {
  z-index: 4;
  opacity: 0.5;
  visibility: hidden;
}
kendo-scheduler .k-event .k-resize-handle::before,
.k-event .k-resize-handle::before {
  border-color: currentColor;
}
kendo-scheduler .k-event .k-resize-n,
.k-event .k-resize-n {
  height: 0.5em;
  top: 0;
}
kendo-scheduler .k-event .k-resize-s,
.k-event .k-resize-s {
  height: 0.5em;
  bottom: 0;
}
kendo-scheduler .k-event .k-resize-n::before,
kendo-scheduler .k-event .k-resize-s::before,
.k-event .k-resize-n::before,
.k-event .k-resize-s::before {
  width: 32px;
  border-bottom-width: 1px;
}
kendo-scheduler .k-event .k-resize-w,
.k-event .k-resize-w {
  width: 0.5em;
  left: 0;
}
kendo-scheduler .k-event .k-resize-e,
.k-event .k-resize-e {
  width: 0.5em;
  right: 0;
}
kendo-scheduler .k-event .k-resize-w::before,
kendo-scheduler .k-event .k-resize-e::before,
.k-event .k-resize-w::before,
.k-event .k-resize-e::before {
  height: 32px;
  border-left-width: 1px;
}
kendo-scheduler .k-event:hover .k-event-actions .k-event-delete,
kendo-scheduler .k-event:hover .k-resize-handle, kendo-scheduler .k-event.k-hover .k-event-actions .k-event-delete,
kendo-scheduler .k-event.k-hover .k-resize-handle,
.k-event:hover .k-event-actions .k-event-delete,
.k-event:hover .k-resize-handle,
.k-event.k-hover .k-event-actions .k-event-delete,
.k-event.k-hover .k-resize-handle {
  visibility: visible;
}
kendo-scheduler .k-event.k-event-drag-hint .k-event-time,
.k-event.k-event-drag-hint .k-event-time {
  display: block;
}
kendo-scheduler .k-event .k-event-top-actions,
kendo-scheduler .k-event .k-event-bottom-actions,
.k-event .k-event-top-actions,
.k-event .k-event-bottom-actions {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
kendo-scheduler .k-event .k-event-bottom-actions,
.k-event .k-event-bottom-actions {
  top: auto;
  bottom: 0;
}

.k-scheduler-mark {
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: middle;
}

.k-more-events {
  padding: 0;
  height: 13px;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  position: absolute;
  justify-content: center;
}
.k-more-events > .k-icon,
.k-more-events > .k-svg-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.k-current-time {
  position: absolute;
}
.k-current-time.k-current-time-arrow-left, .k-current-time.k-current-time-arrow-right, .k-current-time.k-current-time-arrow-down {
  width: 0;
  height: 0;
  background: transparent;
  border: 4px solid transparent;
}

.k-event-drag-hint {
  opacity: 0.5;
  z-index: 3;
}
.k-event-drag-hint .k-event-actions,
.k-event-drag-hint .k-event-top-actions,
.k-event-drag-hint .k-event-bottom-actions,
.k-event-drag-hint .k-resize-handle {
  display: none;
}
.k-event-drag-hint .k-event-time {
  display: block;
}

.k-scheduler-marquee {
  border-width: 0;
  border-style: solid;
}
.k-scheduler-marquee .k-label-top,
.k-scheduler-marquee .k-label-bottom {
  font-size: 0.75em;
  position: absolute;
}
.k-scheduler-marquee .k-label-top {
  left: 4px;
  top: 2px;
}
.k-scheduler-marquee .k-label-bottom {
  right: 4px;
  bottom: 2px;
}
.k-scheduler-marquee.k-first::before, .k-scheduler-marquee.k-last::after {
  content: "";
  border-width: 3px;
  border-style: solid;
  position: absolute;
  width: 0;
  height: 0;
}
.k-scheduler-marquee.k-first::before {
  top: 0;
  left: 0;
  border-right-color: transparent;
  border-bottom-color: transparent;
}
.k-scheduler-marquee.k-last::after {
  bottom: 0;
  right: 0;
  border-left-color: transparent;
  border-top-color: transparent;
}

.k-scheduler-tooltip {
  padding-block: 8px;
  padding-inline: 8px;
  border-width: 0;
  color: inherit;
}
.k-scheduler-tooltip .k-tooltip-title {
  margin-bottom: 12px;
}
.k-scheduler-tooltip .k-tooltip-title .k-month {
  font-size: 12px;
  text-transform: uppercase;
}
.k-scheduler-tooltip .k-tooltip-title .k-day {
  font-size: 24px;
}
.k-scheduler-tooltip .k-tooltip-events-container {
  overflow: auto;
}
.k-scheduler-tooltip .k-tooltip-events {
  max-height: 250px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.k-scheduler-tooltip .k-tooltip-event {
  padding-block: 4px;
  padding-inline: 8px;
  border-radius: 4px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-shrink: 0;
  position: relative;
  gap: 4px;
}
.k-scheduler-tooltip .k-tooltip-event .k-event-time {
  display: flex;
  flex-shrink: 0;
  font-size: inherit;
}
.k-scheduler-tooltip .k-no-data {
  height: auto;
  min-height: auto;
  color: inherit;
}

.k-safari .k-scheduler-tooltip .k-tooltip-event:not(:last-child) {
  margin-bottom: 4px;
}

.k-scheduler {
  color: #424242;
  background-color: #fff;
}

.k-current-time {
  background: #ff0000;
}
.k-current-time.k-current-time-arrow-left {
  border-right-color: #ff0000;
}
.k-current-time.k-current-time-arrow-right {
  border-left-color: #ff0000;
}
.k-current-time.k-current-time-arrow-down {
  border-top-color: #ff0000;
}

.k-scheduler .k-scheduler-toolbar {
  color: #424242;
  background-color: var(--color-grey-lighter);
  border: none;
}

.k-scheduler-footer {
  border-color: rgb(0%, 0%, 0.3137254902%);
  color: #424242;
  background-color: #fafafa;
}

.k-scheduler-header {
  background-color: #fafafa;
}

.k-scheduler-header-wrap {
  background-color: #fff;
}

.k-scheduler-body .k-scheduler-row:hover {
  --row-hover-background-color: var(--color-grey-light);
}

.k-scheduler-cell {
  border-color: rgba(0, 0, 0, 0.08);
  background-color: var(--scheduler-cell-background-color);
  transition: background-color 0.3s;
}
.k-scheduler-cell:hover {
  background-color: var(--scheduler-cell-hover-background-color);
}

.k-side-cell {
  --scheduler-cell-background-color: var(--row-hover-background-color, inherit);
}

.k-slot-cell {
  --scheduler-cell-background-color: var(--row-hover-background-color, inherit);
  --scheduler-cell-hover-background-color: var(--color-blue-pale);
}

.k-scheduler .k-nonwork-hour {
  --scheduler-cell-background-color: var(--row-hover-background-color, var(--color-grey-lighter));
  --scheduler-cell-hover-background-color: var(--row-hover-background-color, var(--color-grey-lighter));
  border-color: rgba(0, 0, 0, 0.08);
}

.k-scheduler-other-month,
.k-scheduler .k-other-month {
  background-color: #fff;
}

.k-scheduler-layout td.k-selected,
.k-scheduler-layout .k-scheduler-cell.k-selected {
  background-color: rgba(255, 99, 88, 0.25);
}

.k-scheduler-layout-flex .k-scheduler-head,
.k-scheduler-layout-flex .k-sticky-cell {
  background-color: #fff;
}

.k-scheduler-marquee::before,
.k-scheduler-marquee::after {
  border-color: #ff6358;
}

.k-scheduler-edit-dialog .k-dialog-actions {
  border-color: rgba(0, 0, 0, 0.08);
}

.k-tooltip.k-scheduler-tooltip {
  color: #424242;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.k-tooltip.k-scheduler-tooltip .k-callout {
  color: #ffffff;
}

.k-event.k-selected {
  box-shadow: 0px 0px 5px 0px #999;
  border-radius: 0.3125rem;
}

.k-dropdown-operator {
  width: min-content;
  flex: none;
  aspect-ratio: 1;
}
.k-dropdown-operator .k-input-button {
  border-width: 0;
  width: min-content;
}
.k-dropdown-operator .k-input-button .k-button-icon {
  width: auto;
  aspect-ratio: 1;
}
.k-dropdown-operator .k-input-inner {
  display: none;
}

.k-actionsheet-container {
  width: 100%;
  height: 100%;
  max-width: clamp(100vw, 100%, 100%);
  max-height: clamp(100vh, 100%, 100%);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  transform: translateZ(0);
}
.k-actionsheet-container > .k-overlay {
  position: absolute;
  z-index: 1;
}
.k-actionsheet-container > .k-animation-container {
  width: 100%;
  height: 100%;
  border-radius: 0;
  overflow: hidden;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  pointer-events: none;
}
.k-actionsheet-container > .k-animation-container > .k-child-animation-container {
  position: absolute;
}
.k-actionsheet-container > .k-actionsheet {
  position: absolute;
  z-index: 2;
}
.k-actionsheet-container .k-actionsheet {
  pointer-events: all;
}

.k-actionsheet {
  width: var(--kendo-actionsheet-width, 360px);
  height: var(--kendo-actionsheet-height, 60vh);
  max-width: var(--kendo-actionsheet-max-width, 100%);
  max-height: var(--kendo-actionsheet-max-height, 60vh);
  border-width: 0;
  border-style: solid;
  border-color: transparent;
  box-sizing: border-box;
  font-size: 14px;
  font-family: inherit;
  line-height: 1.3;
  overflow: hidden;
  position: relative;
}
.k-actionsheet *,
.k-actionsheet *::before,
.k-actionsheet *::after {
  box-sizing: border-box;
}

.k-actionsheet-titlebar, .k-actionsheet-jq .k-actionsheet-header {
  padding-block: 8px;
  padding-inline: 16px;
  border-width: 0;
  border-style: solid;
  border-color: transparent;
  flex: none;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  gap: 16px;
}

.k-actionsheet-titlebar-group {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  width: 100%;
}

.k-actionsheet-title {
  flex: 1;
}

.k-actionsheet-subtitle {
  font-size: 12px;
  line-height: 1.25;
}

.k-actionsheet-actions {
  flex: none;
}

.k-actionsheet-content {
  flex: 1;
  overflow: auto;
  position: relative;
}

.k-actionsheet-footer {
  flex: none;
}

.k-actionsheet-items {
  margin: 0;
  padding: 0;
  list-style: none;
  flex: none;
}

.k-actionsheet-item {
  padding: 0;
  box-sizing: border-box;
  display: flex;
  flex-flow: row nowrap;
  outline: none;
}

.k-actionsheet-action {
  margin: 0;
  padding-block: 8px;
  padding-inline: 16px;
  min-height: 40px;
  box-sizing: border-box;
  color: inherit;
  text-decoration: none;
  outline: 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  gap: 12px;
}

.k-actionsheet-item-text {
  display: flex;
  flex-flow: column nowrap;
}

.k-actionsheet-item-description {
  font-size: 0.875em;
}

.k-actionsheet .k-hr {
  margin: 0;
  flex: none;
}

.k-actionsheet-top {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-width: 0px;
  border-top-width: 0;
  top: 0;
  inset-inline-start: 50%;
  transform: translateX(-50%);
}

.k-actionsheet-bottom {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-width: 0px;
  border-bottom-width: 0;
  bottom: 0;
  inset-inline-start: 50%;
  transform: translateX(-50%);
}

.k-actionsheet-left {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-width: 0px;
  border-left-width: 0;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.k-actionsheet-right {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-width: 0px;
  border-right-width: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.k-actionsheet-fullscreen {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  height: 100%;
}

.k-animation-container > .k-actionsheet {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  transform: none;
}

.k-adaptive-actionsheet {
  max-width: 100%;
  width: 100%;
  font-size: 16px;
  display: flex;
  flex-flow: column nowrap;
}
.k-adaptive-actionsheet .k-actionsheet-titlebar, .k-adaptive-actionsheet .k-actionsheet-jq .k-actionsheet-header, .k-actionsheet-jq .k-adaptive-actionsheet .k-actionsheet-header {
  padding-block: 16px;
  padding-inline: 16px;
  border-bottom-width: 1px;
}
.k-adaptive-actionsheet .k-actionsheet-content {
  padding-block: 8px;
  padding-inline: 16px;
}
.k-adaptive-actionsheet .k-actionsheet-footer {
  padding-block: 8px;
  padding-inline: 16px;
}
.k-adaptive-actionsheet .k-actionsheet-filter {
  width: min(100%, 360px - 32px);
}
.k-adaptive-actionsheet .k-actionsheet-content,
.k-adaptive-actionsheet .k-actionsheet-footer {
  margin-inline: auto;
  width: k-string-unquote("min(100%, 360px)");
}
.k-adaptive-actionsheet .k-list-container,
.k-adaptive-actionsheet .k-treeview {
  height: 100%;
}
.k-adaptive-actionsheet .k-list-filter {
  width: 100%;
  padding-inline: 0;
}
.k-adaptive-actionsheet .k-menu-group {
  height: 100%;
  overflow: auto;
  position: static;
}
.k-adaptive-actionsheet .k-calendar {
  margin-inline: auto;
  border-width: 0;
  display: flex;
}
.k-adaptive-actionsheet .k-timeselector {
  height: 100%;
  border-width: 0;
  overflow: hidden;
}
.k-adaptive-actionsheet .k-timeselector .k-time-part {
  display: contents;
}
.k-adaptive-actionsheet .k-timeselector .k-time-list-wrapper {
  height: 100%;
}
.k-adaptive-actionsheet .k-datetime-wrap {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
}
.k-adaptive-actionsheet .k-datetime-selector {
  flex: 1 1 auto;
}
.k-adaptive-actionsheet .k-datetime-calendar-wrap {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  flex: 0 0 100%;
}
.k-adaptive-actionsheet .k-datetime-time-wrap {
  width: 100%;
  position: absolute;
  top: 0;
  left: 100%;
  bottom: 0;
  flex: 0 0 100%;
}
.k-adaptive-actionsheet .k-scrollable-wrap {
  height: 100%;
  overflow-y: auto;
}
.k-adaptive-actionsheet .k-data-table {
  max-height: 100%;
  overflow: hidden;
  display: flex;
  flex-flow: column nowrap;
}

.k-actionsheet-jq.k-actionsheet {
  height: auto;
}
.k-actionsheet-jq .k-actionsheet-header {
  align-items: flex-start;
}
.k-actionsheet-jq .k-actionsheet-action {
  align-items: center;
}

.k-rtl .k-actionsheet-top,
.k-rtl .k-actionsheet-bottom,
[dir=rtl] .k-actionsheet-top,
[dir=rtl] .k-actionsheet-bottom {
  transform: translateX(50%);
}

.k-actionsheet {
  border-color: #000000;
  color: #424242;
  background-color: #ffffff;
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.k-actionsheet-subtitle {
  color: #666666;
}

.k-actionsheet-item:hover, .k-actionsheet-item.k-hover {
  background-color: #fafafa;
}
.k-actionsheet-item:focus, .k-actionsheet-item.k-focus {
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
}
.k-actionsheet-item-description {
  color: #666666;
}

.k-actionsheet .k-hr {
  border-color: #000000;
}

.k-adaptive-actionsheet .k-actionsheet-titlebar {
  border-color: #000000;
}

.k-calendar {
  block-size: var(--INTERNAL--kendo-calendar-height, min-content);
  border-width: 0.0625rem;
  border-style: solid;
  box-sizing: border-box;
  outline: 0;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.3;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  flex-flow: column nowrap;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.k-calendar > .k-calendar {
  border: 0;
}

.k-calendar-table {
  margin-block: 0;
  margin-inline: auto;
  width: calc(100% - 1.75rem);
  border-width: 0;
  border-color: inherit;
  border-spacing: 0;
  border-collapse: separate;
  table-layout: fixed;
  text-align: center;
  outline: 0;
  display: table;
  position: relative;
  z-index: 1;
}

.k-calendar-caption,
.k-calendar-caption.k-calendar-th,
.k-calendar .k-meta-header,
.k-calendar .k-month-header {
  padding-block: 4px;
  padding-inline: 8px;
  height: 2.5rem;
  box-sizing: border-box;
  text-transform: none;
  text-align: start;
  font-weight: bold;
  cursor: default;
}

.k-calendar-th,
.k-calendar-td {
  border-width: 0;
  padding: 0;
  text-align: center;
  border-style: solid;
  border-color: inherit;
  font-weight: normal;
  cursor: default;
}

.k-calendar-th {
  inline-size: var(--INTERNAL--kendo-calendar-cell-size, 2.5rem);
  block-size: var(--INTERNAL--kendo-calendar-cell-size, 2.5rem);
  font-size: 0.6875rem;
  line-height: 1.3;
}

.k-calendar-td {
  inline-size: var(--INTERNAL--kendo-calendar-cell-size, min-content);
  block-size: var(--INTERNAL--kendo-calendar-cell-size, min-content);
  border-color: transparent;
}

.k-calendar .k-calendar-cell-inner, .k-calendar .k-link {
  padding-inline: var(--INTERNAL--kendo-calendar-cell-padding-x, 0.25em);
  padding-block: var(--INTERNAL--kendo-calendar-cell-padding-y, 0.25em);
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  white-space: normal;
  position: relative;
  overflow: hidden;
}

.k-calendar .k-header {
  border-bottom-width: 0.0625rem;
  border-bottom-style: solid;
  flex-flow: row nowrap;
  position: relative;
  z-index: 2;
}

.k-calendar-header {
  padding-block: 0.875rem;
  padding-inline: 0.875rem;
  min-width: 17.5rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 0 0 auto;
}
.k-calendar-header .k-title,
.k-calendar-header .k-calendar-title {
  font-weight: bold;
}
.k-calendar-header .k-calendar-nav {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

.k-calendar-footer,
.k-calendar .k-footer {
  padding-block: 8px;
  padding-inline: 16px;
  text-align: center;
  clear: both;
}

.k-calendar-view {
  margin: auto;
  padding-block: 0.5rem;
  padding-inline: 0.875rem;
  inline-size: var(--INTERNAL--kendo-calendar-view-width, 17.5rem);
  min-height: 17.5rem;
  box-sizing: content-box;
  gap: 16px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.k-month-calendar .k-calendar-td,
.k-calendar-monthview .k-calendar-td {
  width: 2.5rem;
  height: 2.5rem;
  inline-size: var(--INTERNAL--kendo-calendar-cell-size, 2.5rem);
  block-size: var(--INTERNAL--kendo-calendar-cell-size, 2.5rem);
}

.k-year-calendar .k-calendar-td,
.k-calendar-yearview .k-calendar-td {
  width: 4.375rem;
  height: 4.375rem;
  inline-size: var(--INTERNAL--kendo-calendar-cell-size, 4.375rem);
  block-size: var(--INTERNAL--kendo-calendar-cell-size, 4.375rem);
}

.k-decade-calendar .k-calendar-td,
.k-calendar-decadeview .k-calendar-td {
  width: 4.375rem;
  height: 4.375rem;
  inline-size: var(--INTERNAL--kendo-calendar-cell-size, 4.375rem);
  block-size: var(--INTERNAL--kendo-calendar-cell-size, 4.375rem);
}

.k-century-calendar .k-calendar-td,
.k-calendar-centuryview .k-calendar-td {
  width: 5rem;
  height: 5rem;
  inline-size: var(--INTERNAL--kendo-calendar-cell-size, 5rem);
  block-size: var(--INTERNAL--kendo-calendar-cell-size, 5rem);
}
.k-century-calendar .k-calendar-cell-inner, .k-century-calendar .k-link,
.k-calendar-centuryview .k-calendar-cell-inner,
.k-calendar-centuryview .k-link {
  text-align: start;
}

.k-popup .k-calendar {
  height: 100%;
}

.k-calendar-container,
.k-datetime-container {
  padding: 0;
}
.k-calendar-container .k-calendar,
.k-datetime-container .k-calendar {
  border-width: 0;
}

.k-calendar .k-content.k-scrollable,
.k-calendar .k-calendar-content.k-scrollable {
  box-sizing: content-box;
  overflow-x: hidden;
  overflow-y: auto;
  display: block;
  padding-inline-end: "right";
  padding-inline-start: "right";
  margin-inline-start: -"right";
  margin-inline-end: calc(-right - var(--kendo-scrollbar-width, 17px));
}

.k-calendar .k-scrollable-placeholder {
  position: absolute;
  z-index: -1;
  width: 1px;
  top: 0;
  right: 0;
}

.k-calendar-infinite {
  box-sizing: content-box;
  display: inline-flex;
  flex-flow: row nowrap;
}
.k-calendar-infinite .k-calendar-view {
  padding-block: 0px;
  padding-inline: 16px;
  height: 22.5rem;
  flex: 0 0 auto;
  display: flex;
  flex-flow: column nowrap;
  gap: 0;
  overflow: hidden;
}
.k-calendar-infinite .k-calendar-view .k-content.k-scrollable {
  position: relative;
}
.k-calendar-infinite .k-calendar-view::after {
  display: block;
  position: absolute;
  bottom: 0;
  content: "​";
  height: 0;
  line-height: 0;
  z-index: 1;
  width: 150%;
  left: -25%;
  box-shadow: 0 0 2.5rem 1.25rem var(--color-white);
}
.k-calendar-infinite .k-calendar-header {
  margin-left: -16px;
  margin-right: -16px;
  padding-block: 8px;
  padding-inline: 16px;
  width: auto;
  min-width: 0;
}
.k-calendar-infinite .k-calendar-weekdays {
  flex: 0 0 auto;
}

.k-calendar-navigation {
  width: 5em;
  text-align: center;
  flex: 0 0 auto;
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.k-calendar-navigation::before, .k-calendar-navigation::after {
  display: block;
  position: absolute;
  content: "​";
  height: 0;
  line-height: 0;
  z-index: 1;
  width: 200%;
  left: -50%;
  box-shadow: 0 0 6em 3em var(--color-grey-lighter);
}
.k-calendar-navigation::before {
  top: 0;
}
.k-calendar-navigation::after {
  bottom: 0;
}
.k-calendar-navigation .k-content,
.k-calendar-navigation .k-calendar-content {
  background: transparent;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.k-calendar-navigation .k-content ul,
.k-calendar-navigation .k-calendar-content ul {
  width: 5em;
}
.k-calendar-navigation .k-content li,
.k-calendar-navigation .k-calendar-content li {
  height: 2em;
  line-height: 2em;
  cursor: pointer;
  padding-block: 0;
  padding-inline: 1em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: clip;
}
.k-calendar-navigation .k-calendar-navigation-marker {
  font-weight: bold;
}
.k-calendar-navigation .k-calendar-navigation-highlight {
  width: 100%;
  border-width: 1px 0;
  border-style: solid;
  height: 2em;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.k-calendar-range {
  width: auto;
}
.k-calendar-range .k-calendar-view {
  width: auto;
  white-space: nowrap;
}
.k-calendar-range .k-calendar-view::after {
  display: none;
}
.k-calendar-range .k-calendar-view:focus {
  outline: 0;
}
.k-calendar-range .k-range-start {
  border-color: inherit;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.k-calendar-range .k-range-end {
  border-color: inherit;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.k-calendar-range .k-range-mid {
  border-color: inherit;
  border-radius: 0;
}

.k-rtl .k-calendar .k-content.k-scrollable,
.k-rtl .k-calendar .k-calendar-content.k-scrollable,
[dir=rtl] .k-calendar .k-content.k-scrollable,
[dir=rtl] .k-calendar .k-calendar-content.k-scrollable,
.k-calendar.k-rtl .k-content.k-scrollable,
.k-calendar.k-rtl .k-calendar-content.k-scrollable,
.k-calendar[dir=rtl] .k-content.k-scrollable,
.k-calendar[dir=rtl] .k-calendar-content.k-scrollable {
  padding-inline-end: "left";
  padding-inline-start: "left";
  margin-inline-start: -"left";
  margin-inline-end: calc(-left - var(--kendo-scrollbar-width, 17px));
}

.k-calendar {
  border-color: var(--color-grey);
  color: var(--color-charcoal-dark);
  background-color: var(--color-white);
}
.form-field:has(.validation-message) .k-calendar {
  border-color: var(--color-red-light);
}
.k-calendar .k-header {
  border-color: var(--color-grey);
  color: var(--color-charcoal-dark);
  background-color: var(--color-grey-lighter);
}
.k-calendar .k-calendar-th,
.k-calendar .k-calendar-caption,
.k-calendar .k-meta-header,
.k-calendar .k-month-header {
  color: var(--color-charcoal-light);
}
.k-calendar .k-calendar-view .k-today .k-calendar-cell-inner, .k-calendar .k-calendar-view .k-today .k-link {
  box-shadow: inset 0 0 0 2px var(--color-blue-bright);
}
.k-calendar .k-calendar-view .k-today.k-focus .k-calendar-cell-inner, .k-calendar .k-calendar-view .k-today.k-focus .k-link {
  box-shadow: inset 0 0 0 0.125rem var(--color-blue-dark);
}
.k-calendar .k-other-month {
  color: var(--color-charcoal-light);
}
.k-calendar .k-alt {
  background-color: transparent;
  color: var(--color-charcoal-light);
}
.k-calendar .k-out-of-range {
  pointer-events: none;
}
.k-calendar .k-calendar-td:hover .k-calendar-cell-inner, .k-calendar .k-calendar-td:hover .k-link,
.k-calendar .k-calendar-td.k-hover .k-calendar-cell-inner,
.k-calendar .k-calendar-td.k-hover .k-link {
  color: var(--color-charcoal-dark);
  background-color: var(--color-blue-pale);
}
.k-calendar .k-calendar-td.k-selected .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected .k-link {
  color: var(--color-white);
  background-color: var(--color-blue-bright);
}
.k-calendar .k-calendar-td.k-selected:hover .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected:hover .k-link,
.k-calendar .k-calendar-td.k-selected.k-hover .k-calendar-cell-inner,
.k-calendar .k-calendar-td.k-selected.k-hover .k-link {
  border-color: var(--color-blue-dark);
  color: var(--color-white);
  background-color: var(--color-blue-bright);
}
.k-calendar .k-calendar-td:focus .k-calendar-cell-inner, .k-calendar .k-calendar-td:focus .k-link,
.k-calendar .k-calendar-td.k-focus .k-calendar-cell-inner,
.k-calendar .k-calendar-td.k-focus .k-link {
  box-shadow: inset 0 0 0 0.125rem var(--color-blue-dark);
}
.k-calendar .k-calendar-td.k-selected:focus .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected:focus .k-link,
.k-calendar .k-calendar-td.k-selected.k-focus .k-calendar-cell-inner,
.k-calendar .k-calendar-td.k-selected.k-focus .k-link {
  box-shadow: inset 0 0 0 0.125rem var(--color-blue-dark);
}
.k-calendar .k-calendar-navigation {
  color: var(--color-charcoal-dark);
  background-color: var(--color-grey-lighter);
  box-shadow: inset -1px 0 var(--color-grey);
}
.k-calendar .k-calendar-navigation li:hover,
.k-calendar .k-calendar-navigation li.k-hover {
  color: red;
}
.k-calendar .k-calendar-navigation-highlight {
  border-color: var(--color-grey);
  color: var(--color-charcoal-dark);
  background-color: var(--color-white);
}
.k-calendar[dir=rtl] .k-calendar-navigation, .k-rtl .k-calendar .k-calendar-navigation {
  box-shadow: inset 1px 0 var(--color-grey);
}
.k-calendar.k-invalid, .k-calendar.k-invalid:hover, .k-calendar.ng-invalid.ng-touched, .k-calendar.ng-invalid.ng-dirty {
  border-color: #f31700;
}

.k-scheduler .k-calendar .k-other-month {
  color: var(--color-charcoal-light);
  background-color: transparent;
}

.k-calendar-tr {
  --table-columnheader-background-color: transparent;
}

.k-calendar .k-range-start,
.k-calendar .k-range-end,
.k-calendar .k-range-mid {
  background-color: rgba(var(--color-blue-bright), 0.25);
}
.k-calendar .k-range-start.k-range-end {
  background-image: none;
  background-color: transparent;
}
.k-calendar .k-range-start .k-calendar-cell-inner, .k-calendar .k-range-start .k-link,
.k-calendar .k-range-end .k-calendar-cell-inner,
.k-calendar .k-range-end .k-link {
  background-color: var(--color-blue-bright);
}
.k-calendar .k-range-start.k-active .k-calendar-cell-inner, .k-calendar .k-range-start.k-active .k-link,
.k-calendar .k-range-end.k-active .k-calendar-cell-inner,
.k-calendar .k-range-end.k-active .k-link {
  box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.2);
}
.k-calendar .k-range-split-start,
.k-calendar .k-range-split-end {
  position: relative;
}
.k-calendar .k-range-split-start::after,
.k-calendar .k-range-split-end::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 5px;
}
.k-calendar .k-range-split-start::after {
  left: -5px;
  right: auto;
  background-image: linear-gradient(to left, rgba(var(--color-blue-bright), 0.25), transparent 100%);
}
.k-calendar .k-range-split-end::after {
  right: -5px;
  left: auto;
  background-image: linear-gradient(to right, rgba(var(--color-blue-bright), 0.25), transparent 100%);
}

.k-loader {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  line-height: 0;
}

.k-loader-canvas {
  display: flex;
  position: relative;
}

.k-loader-segment {
  border-radius: 50%;
  background-color: currentColor;
  position: absolute;
}

.k-loader-sm {
  padding: 2px;
}
.k-loader-sm .k-loader-segment {
  width: 4px;
  height: 4px;
}

.k-loader-md {
  padding: 4px;
}
.k-loader-md .k-loader-segment {
  width: 8px;
  height: 8px;
}

.k-loader-lg {
  padding: 8px;
}
.k-loader-lg .k-loader-segment {
  width: 16px;
  height: 16px;
}

@keyframes pulsing-2-segment {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}
.k-loader-pulsing-2 .k-loader-canvas {
  align-items: center;
}
.k-loader-pulsing-2 .k-loader-segment:nth-child(1) {
  left: 0;
  transform: scale(1.5);
  transform-origin: 0 50%;
  animation: pulsing-2-segment 1s ease infinite;
  animation-delay: -0.5s;
}
.k-loader-pulsing-2 .k-loader-segment:nth-child(2) {
  right: 0;
  transform-origin: 100% 50%;
  animation: pulsing-2-segment 1s ease infinite;
}
.k-loader-pulsing-2.k-loader-sm .k-loader-canvas {
  width: 12px;
  height: 6px;
}
.k-loader-pulsing-2.k-loader-md .k-loader-canvas {
  width: 24px;
  height: 12px;
}
.k-loader-pulsing-2.k-loader-lg .k-loader-canvas {
  width: 48px;
  height: 24px;
}

@keyframes spinner-3-segment {
  0% {
    top: 0;
    left: 50%;
  }
  33.3333% {
    top: 100%;
    left: 0;
  }
  66.6666% {
    top: 100%;
    left: 100%;
  }
  100% {
    top: 0;
    left: 50%;
  }
}
.k-loader-spinner-3 .k-loader-segment {
  transform: translate(-50%, -50%);
}
.k-loader-spinner-3 .k-loader-segment:nth-child(1) {
  top: 0;
  left: 50%;
  animation: spinner-3-segment 2s ease infinite;
}
.k-loader-spinner-3 .k-loader-segment:nth-child(2) {
  top: 100%;
  left: 0;
  animation: spinner-3-segment 2s ease infinite;
  animation-delay: -0.6666666667s;
}
.k-loader-spinner-3 .k-loader-segment:nth-child(3) {
  top: 100%;
  left: 100%;
  animation: spinner-3-segment 2s ease infinite;
  animation-delay: -1.3333333333s;
}
.k-loader-spinner-3.k-loader-sm .k-loader-canvas {
  margin: 2px;
  width: calc(16px - 4px);
  height: calc(13.8564064608px - 4px);
}
.k-loader-spinner-3.k-loader-md .k-loader-canvas {
  margin: 4px;
  width: calc(32px - 8px);
  height: calc(27.7128129216px - 8px);
}
.k-loader-spinner-3.k-loader-lg .k-loader-canvas {
  margin: 8px;
  width: calc(64px - 16px);
  height: calc(55.4256258432px - 16px);
}

@keyframes spinner-4-segment-1 {
  0% {
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
  33.3% {
    top: 0;
    left: 0;
    transform: translateX(0) translateY(0);
  }
  66.6% {
    top: 0;
    left: 0;
    transform: translateX(0) translateY(0);
  }
  100% {
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
}
@keyframes spinner-4-segment-2 {
  0% {
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
  33.3% {
    top: 0;
    left: 100%;
    transform: translateX(-100%) translateY(0);
  }
  66.6% {
    top: 0;
    left: 100%;
    transform: translateX(-100%) translateY(0);
  }
  100% {
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
}
@keyframes spinner-4-segment-3 {
  0% {
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
  33.3% {
    top: 100%;
    left: 100%;
    transform: translateX(-100%) translateY(-100%);
  }
  66.6% {
    top: 100%;
    left: 100%;
    transform: translateX(-100%) translateY(-100%);
  }
  100% {
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
}
@keyframes spinner-4-segment-4 {
  0% {
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
  33.3% {
    top: 100%;
    left: 0;
    transform: translateX(0) translateY(-100%);
  }
  66.6% {
    top: 100%;
    left: 0;
    transform: translateX(0) translateY(-100%);
  }
  100% {
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
}
@keyframes spinner-4 {
  0% {
    transform: rotate(0);
  }
  33.3% {
    transform: rotate(0);
  }
  66.6% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
.k-loader-spinner-4 .k-loader-canvas {
  animation: spinner-4 1.833s ease infinite;
}
.k-loader-spinner-4 .k-loader-segment {
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.k-loader-spinner-4 .k-loader-segment:nth-child(1) {
  animation: spinner-4-segment-1 1.833s ease infinite;
}
.k-loader-spinner-4 .k-loader-segment:nth-child(2) {
  animation: spinner-4-segment-2 1.833s ease infinite;
}
.k-loader-spinner-4 .k-loader-segment:nth-child(3) {
  animation: spinner-4-segment-3 1.833s ease infinite;
}
.k-loader-spinner-4 .k-loader-segment:nth-child(4) {
  animation: spinner-4-segment-4 1.833s ease infinite;
}
.k-loader-spinner-4.k-loader-sm .k-loader-canvas {
  width: 16px;
  height: 16px;
}
.k-loader-spinner-4.k-loader-md .k-loader-canvas {
  width: 32px;
  height: 32px;
}
.k-loader-spinner-4.k-loader-lg .k-loader-canvas {
  width: 64px;
  height: 64px;
}

.k-loader-container {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2001;
}
.k-loader-container .k-loader {
  padding: 0;
}

.k-loader-container,
.k-loader-container-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.k-loader-container-overlay {
  opacity: 0.5;
}

.k-loader-container-inner {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
}

.k-loader-container-panel {
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
}

.k-loader-container-sm .k-loader-container-inner {
  padding: 16px;
  gap: 4px;
}
.k-loader-container-sm .k-loader-container-label {
  font-size: 12px;
}

.k-loader-container-md .k-loader-container-inner {
  padding: 20px;
  gap: 8px;
}
.k-loader-container-md .k-loader-container-label {
  font-size: 14px;
}

.k-loader-container-lg .k-loader-container-inner {
  padding: 24px;
  gap: 12px;
}
.k-loader-container-lg .k-loader-container-label {
  font-size: 16px;
}

.k-loader-top .k-loader-container-inner {
  flex-direction: column;
  text-align: center;
}

.k-loader-end .k-loader-container-label {
  order: -1;
}

.k-loading-mask,
.k-loading-image,
.k-loading-color {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
}
.k-loading-mask *,
.k-loading-mask *::before,
.k-loading-mask *::after, .k-loading-mask::before, .k-loading-mask::after,
.k-loading-image *,
.k-loading-image *::before,
.k-loading-image *::after,
.k-loading-image::before,
.k-loading-image::after,
.k-loading-color *,
.k-loading-color *::before,
.k-loading-color *::after,
.k-loading-color::before,
.k-loading-color::after {
  box-sizing: border-box;
}

.k-loading-mask {
  z-index: 100;
}
.k-loading-mask.k-opaque .k-loading-color {
  opacity: 1;
}

.k-loading-text {
  text-indent: -4000px;
  text-align: center;
  position: absolute;
  color: currentColor;
}

.k-loading-image {
  z-index: 2;
  color: currentColor;
}

.k-loading-color {
  background-color: #ffffff;
  opacity: 0.3;
}

.k-i-loading {
  position: relative;
  background-color: transparent;
  box-sizing: border-box;
  color: currentColor;
}
.k-i-loading::before, .k-i-loading::after {
  box-sizing: border-box;
}

.k-i-loading::before,
.k-i-loading::after,
.k-loading-image::before,
.k-loading-image::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  content: "";
  box-sizing: inherit;
  border-radius: 50%;
  border-width: 0.05em;
  border-style: solid;
  border-color: currentColor;
  border-top-color: transparent;
  border-bottom-color: transparent;
  background-color: transparent;
}

.k-icon.k-i-loading::before,
.k-icon.k-i-loading::after {
  content: "";
}

.k-i-loading::before,
.k-loading-image::before {
  margin-top: -0.5em;
  margin-left: -0.5em;
  width: 1em;
  height: 1em;
  animation: k-loading-animation 0.7s linear infinite;
}

.k-i-loading::after,
.k-loading-image::after {
  margin-top: -0.25em;
  margin-left: -0.25em;
  width: 0.5em;
  height: 0.5em;
  animation: k-loading-animation reverse 1.4s linear infinite;
}

.k-loading-image::before,
.k-loading-image::after {
  content: "";
  border-width: 1px;
  border-width: clamp(0.015em, 1px, 1px);
  font-size: 4em;
}

@keyframes loading {
  0% {
    stroke-dasharray: 0 251;
    stroke-dashoffset: 502;
  }
  50% {
    stroke-dasharray: 250 1;
  }
  100% {
    stroke-dasharray: 0 251;
    stroke-dashoffset: 0;
  }
}
@keyframes k-loading-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.k-loader-primary {
  color: #ff6358;
}

.k-loader-container-panel {
  background-color: #ffffff;
  border-color: #000000;
}

.k-loader-container-inner .k-text-secondary,
.k-loader-container-inner .\!k-text-secondary {
  color: #656565 !important;
}

.k-overlay {
  width: 100%;
  height: 100%;
  opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10001;
}

.k-overlay {
  background-color: #000000;
}

.k-overlay-primary {
  background-color: #ff6358;
}

.k-external-dropzone {
  height: 220px;
  display: flex;
  flex-flow: row nowrap;
}

.k-dropzone-inner {
  padding-block: 0.5rem;
  padding-inline: 0.5rem;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  font-size: 14px;
  font-family: inherit;
  line-height: 1.4rem;
  flex: 1 1 auto;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  position: relative;
}
.k-dropzone-inner .k-dropzone-icon {
  margin-bottom: 1.5rem;
}
.k-dropzone-inner .k-dropzone-hint {
  margin-bottom: 0.5rem;
}
.k-dropzone-inner .k-dropzone-note {
  font-size: 12px;
}

.k-dropzone-hint.k-hidden {
  display: none;
}

.k-dropzone-inner {
  border-color: rgba(0, 0, 0, 0.08);
  color: #424242;
  background-color: #fafafa;
}
.k-dropzone-inner .k-icon,
.k-dropzone-inner .k-dropzone-icon {
  color: k-try-tint(#424242, 4);
}
.k-dropzone-inner .k-dropzone-note {
  color: #666666;
}

.k-external-dropzone-hover .k-icon,
.k-external-dropzone-hover .k-dropzone-icon {
  color: #ff6358;
}

.k-upload {
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  font-size: 14px;
  position: relative;
  display: block;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.k-upload *,
.k-upload *::before,
.k-upload *::after {
  box-sizing: border-box;
}
.k-upload .k-upload-button {
  min-width: 7em;
}
.k-upload .k-dropzone,
.k-upload .k-upload-dropzone {
  text-align: end;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.k-upload .k-dropzone .k-dropzone-hint,
.k-upload .k-upload-dropzone .k-dropzone-hint {
  font-style: normal;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  flex: 1;
}
.k-upload .k-dropzone .k-upload-status,
.k-upload .k-upload-dropzone .k-upload-status {
  font-weight: normal;
  display: flex;
  align-items: center;
  position: relative;
}
.k-upload .k-dropzone .k-upload-status > .k-icon,
.k-upload .k-dropzone .k-upload-status > .k-svg-icon,
.k-upload .k-upload-dropzone .k-upload-status > .k-icon,
.k-upload .k-upload-dropzone .k-upload-status > .k-svg-icon {
  margin-inline-end: 0.5rem;
}
.k-upload .k-dropzone .k-upload-status + .k-dropzone-hint,
.k-upload .k-upload-dropzone .k-upload-status + .k-dropzone-hint {
  display: none;
}
.k-upload .k-dropzone-active .k-upload-status {
  display: none;
}
.k-upload .k-dropzone-active .k-upload-status + .k-dropzone-hint {
  display: block;
}
.k-upload .k-upload-files {
  max-height: 300px;
  overflow-y: auto;
  margin: 0;
  padding: 0;
  border-width: 1px 0 0;
  border-style: solid;
  border-color: inherit;
  list-style: none;
}
.k-upload .k-upload-files .k-file-multiple,
.k-upload .k-upload-files .k-file-single {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.k-upload .k-upload-files .k-file-single {
  align-items: center;
}
.k-upload .k-upload-files .k-file-multiple {
  align-items: flex-start;
}
.k-upload .k-upload-files .k-filename {
  margin-left: 1rem;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
}
.k-upload .k-upload-files .k-upload-pct {
  margin-block: 0;
  margin-inline: 0.5rem;
  font-weight: normal;
  vertical-align: middle;
}
.k-upload .k-upload-files ~ .k-clear-selected,
.k-upload .k-upload-files ~ .k-upload-selected {
  margin-top: -0.5rem;
  border-width: 0;
}
.k-upload .k-upload-files ~ .k-upload-selected {
  border-left-width: 1px;
  border-left-style: solid;
  margin-left: -1px;
}
.k-upload .k-upload-files .k-file-name,
.k-upload .k-upload-files .k-file-size,
.k-upload .k-upload-files .k-file-validation-message,
.k-upload .k-upload-files .k-file-summary {
  display: block;
}
.k-upload .k-upload-files .k-file-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  font-size: 1rem;
  color: var(--color-charcoal-dark);
}
.k-upload .k-upload-files .k-file-size,
.k-upload .k-upload-files .k-file-summary,
.k-upload .k-upload-files .k-file-validation-message {
  font-size: 11px;
}
.k-upload .k-upload-files .k-file-icon-wrapper > svg {
  display: block;
}
.k-upload .k-upload-files .k-file-icon-wrapper .k-file-state {
  position: absolute;
}
.k-upload .k-upload-files .k-file-state {
  visibility: hidden;
}
.k-upload .k-upload-files .k-file-info {
  display: block;
  overflow: hidden;
  flex: 1 0 0;
}
.k-upload .k-multiple-files-wrapper,
.k-upload .k-file-single > .k-file-info {
  margin-inline-start: 0.3125rem;
  display: block;
  overflow: hidden;
  flex: 1 0 0;
}
.k-upload .k-multiple-files-wrapper .k-file-info {
  margin-bottom: 12px;
  display: block;
}
.k-upload .k-multiple-files-wrapper .k-file-summary {
  margin-top: -4px;
}
.k-upload .k-progressbar {
  --kendo-progressbar-height: 2px;
  position: absolute;
  left: 0.5rem;
  right: 0.5rem;
  bottom: 0.25rem;
  width: auto;
}
.k-upload .k-actions {
  border-top-width: 1px;
}

.k-upload-button-wrap {
  position: relative;
  direction: ltr;
}
.k-upload-button-wrap input {
  font: 170px monospace !important;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.k-upload-button-wrap input[disabled],
.k-upload-button-wrap input.k-disabled {
  visibility: hidden;
}

.upload-status-icon {
  color: var(--upload-status-icon-color);
  margin-right: 0.25rem;
}

.upload-status--success {
  --upload-status-icon-color: var(--color-green);
}

.upload-status--pending {
  --upload-status-icon-color: var(--color-black);
}

.upload-status--error {
  --upload-status-icon-color: var(--color-red-light);
}

.k-file-single {
  position: relative;
}

.k-file-single__progress {
  position: absolute;
  inset-inline: 0.4375rem;
  inset-block-end: 0.8125rem;
}

.k-upload {
  border-color: rgba(0, 0, 0, 0.08);
  color: #000;
  background-color: #ffffff;
}
.k-upload .k-dropzone.k-hover,
.k-upload .k-upload-dropzone.k-hover {
  background-color: #e9ecef;
}
.k-upload .k-dropzone .k-dropzone-hint,
.k-upload .k-upload-dropzone .k-dropzone-hint {
  color: #666666;
}
.k-upload .k-upload-files,
.k-upload .k-file {
  border-color: rgba(0, 0, 0, 0.08);
}
.k-upload .k-upload-status {
  color: #666666;
}
.k-upload .k-file-progress .k-progressbar .k-selected {
  background-color: #0058e9;
}
.k-upload .k-file-success .k-file-validation-message {
  color: var(--color-green);
}
.k-upload .k-file-success .k-progressbar .k-selected {
  background-color: #37b400;
}
.k-upload .k-file-error .k-file-validation-message {
  color: var(--color-red-light);
}
.k-upload .k-file-error .k-progressbar .k-selected {
  background-color: #f31700;
}
.k-upload .k-file-size,
.k-upload .k-file-validation-message,
.k-upload .k-file-summary {
  color: var(--color-charcoal);
}
.k-upload .k-multiple-files-wrapper .k-file-summary {
  color: #000;
}
.k-upload.k-invalid, .k-upload.ng-invalid.ng-touched, .k-upload.ng-invalid.ng-dirty {
  border-color: #f31700;
}

.k-file.k-focus {
  outline: var(--focus-outline);
  outline-offset: -0.25rem;
}

.box-theme {
  --heading-color: var(--box-heading-color, inherit);
  --heading-emphasis-color: var(--box-heading-emphasis-color, inherit);
  --heading-small-color: var(--box-heading-small-color);
}

@media print {
  .box-theme {
    color: black !important;
    background-color: white !important;
    --heading-color: black !important;
  }
}
.box-theme--base {
  --box-text-color: var(--color-charcoal-dark);
  --box-background-color: var(--color-grey-lighter);
  --box-border-color: var(--color-grey);
  --box-heading-color: var(--color-blue);
  --box-heading-emphasis-color: var(--color-blue-bright);
  --box-heading-small-color: var(--color-charcoal);
  --text-theme-color-minor: var(--color-charcoal);
  --text-theme-color-diminished: var(--color-grey-dark);
  --button-default-color: var(--color-blue);
  --button-default-background-color: var(--box-background-color);
  --button-default-border-color: var(--color-grey-light);
  --button-ui-default-background-color: var(--box-background-color);
  --button-ui-default-disabled-background-color: var(--box-background-color);
  --button-ui-default-border-color: var(--color-grey);
  --button-ui-destructive-background-color: var(--box-background-color);
  --button-ui-destructive-disabled-background-color: var(--box-background-color);
  --button-ui-destructive-border-color: var(--color-grey);
  --link-color: var(--color-blue);
  --link-hover-color: var(--color-blue-bright);
  --list-marker-color: var(--color-blue-bright);
  --divider-color: var(--color-grey);
  --table-caption-background-color: var(--color-grey-shade);
  --table-columnheader-background-color: var(--color-grey);
  --table-border-color: var(--color-grey-lightish);
  --table-border: solid thin var(--table-border-color);
  --table-body-cell-border-block-end: solid thin var(--table-border-color);
}

.box-theme--base-aux {
  --box-text-color: var(--color-charcoal-dark);
  --box-background-color: var(--color-grey-lighterish);
  --box-heading-color: var(--color-blue);
  --box-title-background-color: var(--color-grey);
  --button-ui-default-background-color: var(--box-background-color);
  --button-ui-default-border-color: var(--color-grey);
  --button-ui-default-disabled-background-color: var(--box-background-color);
  --button-ui-destructive-background-color: var(--box-background-color);
  --button-ui-destructive-border-color: var(--color-grey);
  --button-ui-destructive-disabled-background-color: var(--box-background-color);
  --link-color: var(--color-blue);
  --link-hover-color: var(--color-blue-bright);
  --list-marker-color: var(--color-blue-bright);
}

.box-theme--frame {
  --box-text-color: var(--color-white);
  --box-background-color: var(--color-blue);
  --box-heading-color: var(--color-white);
  --button-header-default-color: var(--color-white);
  --button-header-default-background-color: var(--box-background-color);
  --button-header-default-icon-color: var(--color-blue-bright);
  --button-header-default-toggle-icon-color: var(--color-blue-pale);
  --button-header-default-hover-toggle-icon-color: var(--color-blue-pale);
  --button-header-default-hover-color: var(--color-white);
  --button-header-default-hover-background-color: var(--color-blue-dark);
  --button-theme-dismiss-icon-color: var(--color-blue-bright);
  --button-theme-dismiss-icon-hover-color: var(--color-white);
  --button-theme-dismiss-hover-background-color: var(--color-blue-dark);
}

.box-theme--frame-aux {
  --box-text-color: var(--color-white);
  --box-background-color: var(--color-blue-dark);
  --box-heading-color: var(--color-white);
  --button-theme-dismiss-icon-color: var(--color-blue-bright);
  --button-theme-dismiss-icon-hover-color: var(--color-white);
  --button-theme-dismiss-hover-background-color: var(--color-blue);
}

.box-theme--content-feature {
  --box-text-color: var(--color-charcoal-dark);
  --box-background-color: var(--color-white);
  --box-aux-background-color: var(--color-grey-lighter);
  --box-heading-color: var(--color-blue);
  --box-heading-emphasis-color: var(--color-blue-bright);
  --box-heading-small-color: var(--color-charcoal);
  --box-border-color: var(--color-grey);
  --box-title-background-color: var(--color-grey);
  --text-theme-color-minor: var(--color-charcoal);
  --text-theme-color-minor-emphasis: var(--color-charcoal-dark);
  --text-theme-color-diminished: var(--color-grey-dark);
}

:root,
.box-theme--content-feature {
  --button-default-color: var(--color-blue);
  --button-default-background-color: var(--box-background-color);
  --button-default-border-color: var(--color-grey-light);
  --button-default-hover-background-color: var(--color-blue-pale);
  --button-default-hover-border-color: var(--color-blue-pale);
  --button-default-disabled-color: var(--color-grey);
  --button-default-disabled-background-color: var(--box-background-color);
  --button-default-disabled-border-color: var(--color-grey-light);
  --button-destructive-color: var(--color-red-light);
  --button-destructive-background-color: var(--box-background-color);
  --button-destructive-border-color: var(--color-grey-light);
  --button-destructive-hover-background-color: var(--color-red-pale);
  --button-destructive-hover-border-color: var(--color-red-pale);
  --button-destructive-disabled-color: var(--color-grey);
  --button-destructive-disabled-background-color: var(--box-background-color);
  --button-destructive-disabled-border-color: var(--color-grey-light);
  --button-hero-color: var(--color-white);
  --button-hero-background-color: var(--color-blue);
  --button-hero-border-color: var(--color-blue);
  --button-hero-hover-background-color: var(--color-blue-dark);
  --button-hero-hover-border-color: var(--color-blue-dark);
  --button-hero-disabled-color: var(--color-white);
  --button-hero-disabled-background-color: var(--color-grey);
  --button-hero-disabled-border-color: var(--color-grey);
  --button-hero-positive-color: var(--color-white);
  --button-hero-positive-background-color: var(--color-green);
  --button-hero-positive-border-color: var(--color-green);
  --button-hero-positive-hover-background-color: var(--color-green-dark);
  --button-hero-positive-hover-border-color: var(--color-green-dark);
  --button-hero-positive-disabled-color: var(--color-white);
  --button-hero-positive-disabled-background-color: var(--color-grey);
  --button-hero-positive-disabled-border-color: var(--color-grey);
  --button-hero-destructive-color: var(--color-white);
  --button-hero-destructive-background-color: var(--color-red-light);
  --button-hero-destructive-border-color: var(--color-red-light);
  --button-hero-destructive-hover-background-color: var(--color-red);
  --button-hero-destructive-hover-border-color: var(--color-red);
  --button-hero-destructive-disabled-color: var(--color-white);
  --button-hero-destructive-disabled-background-color: var(--color-grey);
  --button-hero-destructive-disabled-border-color: var(--color-grey);
  --button-ui-default-color: var(--color-charcoal-dark);
  --button-ui-default-background-color: var(--box-background-color);
  --button-ui-default-border-color: var(--color-grey-light-trans);
  --button-ui-default-icon-color: var(--color-blue-bright);
  --button-ui-default-toggle-icon-color: var(--color-grey-dark);
  --button-ui-default-hover-background-color: var(--color-blue-pale);
  --button-ui-default-hover-border-color: var(--color-blue-pale);
  --button-ui-default-disabled-color: var(--color-grey-light-trans);
  --button-ui-default-disabled-background-color: var(--box-background-color);
  --button-ui-default-disabled-border-color: var(--color-grey-light-trans);
  --button-ui-default-selected-color: var(--color-white);
  --button-ui-default-selected-background-color: var(--color-blue-bright);
  --button-ui-default-selected-border-color: var(--color-blue-bright);
  --button-ui-default-selected-icon-color: var(--color-white);
  --button-ui-default-selected-hover-background-color: var(--color-blue-light);
  --button-ui-default-selected-hover-border-color: var(--color-blue-light);
  --button-ui-destructive-color: var(--color-charcoal-dark);
  --button-ui-destructive-background-color: var(--box-background-color);
  --button-ui-destructive-border-color: var(--color-grey-light-trans);
  --button-ui-destructive-icon-color: var(--color-red-light);
  --button-ui-destructive-toggle-icon-color: var(--color-grey-dark);
  --button-ui-destructive-hover-background-color: var(--color-red-pale);
  --button-ui-destructive-hover-border-color: var(--color-red-pale);
  --button-ui-destructive-disabled-color: var(--color-grey-light-trans);
  --button-ui-destructive-disabled-background-color: var(--box-background-color);
  --button-ui-destructive-disabled-border-color: var(--color-grey-light-trans);
  --button-ui-alert-color: var(--color-charcoal-dark);
  --button-ui-alert-background-color: var(--box-background-color);
  --button-ui-alert-border-color: var(--color-grey-light-trans);
  --button-ui-alert-icon-color: var(--color-orange);
  --button-ui-alert-toggle-icon-color: var(--color-grey-dark);
  --button-ui-alert-hover-background-color: var(--color-orange-pale);
  --button-ui-alert-hover-border-color: var(--color-orange-pale);
  --button-ui-alert-disabled-color: var(--color-grey-light-trans);
  --button-ui-alert-disabled-background-color: var(--box-background-color);
  --button-ui-alert-disabled-border-color: var(--color-grey-light-trans);
  --button-header-default-color: var(--color-blue);
  --button-header-default-background-color: var(--box-background-color);
  --button-header-default-icon-color: var(--color-blue-bright);
  --button-header-default-hover-color: var(--color-blue);
  --button-header-default-hover-background-color: var(--color-blue-pale);
  --button-header-default-toggle-icon-color: var(--color-grey-dark);
  --button-header-default-hover-toggle-icon-color: var(--color-blue-bright);
  --button-header-default-selected-color: var(--color-white);
  --button-header-default-selected-background-color: var(--color-blue-bright);
  --button-header-default-selected-icon-color: var(--color-blue-pale);
  --button-header-default-selected-hover-background-color: var(--color-blue-light);
  --button-header-hero-color: var(--color-white);
  --button-header-hero-background-color: var(--color-red-light);
  --button-header-hero-icon-color: var(--color-white);
  --button-header-hero-toggle-icon-color: var(--color-red-pale);
  --button-header-hero-hover-color: var(--color-white);
  --button-header-hero-hover-background-color: var(--color-red);
  --button-header-hero-selected-background-color: var(--color-red);
  --button-header-hero-selected-hover-background-color: var(--color-red-dark);
  --button-theme-dismiss-icon-color: var(--color-grey-dark);
  --button-theme-dismiss-icon-hover-color: var(--color-blue);
  --button-theme-dismiss-hover-background-color: var(--color-blue-pale);
  --link-color: var(--color-blue);
  --link-hover-color: var(--color-blue-bright);
  --list-marker-color: var(--color-blue-bright);
  --divider-color: var(--color-grey);
}
:root table,
.box-theme--content-feature table {
  --table-border-color: var(--color-grey);
}

.box-theme--ui {
  --box-text-color: var(--color-charcoal-dark);
  --box-background-color: var(--color-grey);
  --box-heading-color: var(--color-blue);
  --box-border-color: var(--color-grey-shade);
  --button-default-background-color: var(--box-background-color);
  --button-default-border-color: var(--color-grey-lighterish);
  --button-ui-default-background-color: var(--box-background-color);
  --button-ui-default-border-color: var(--color-grey-lighterish);
  --button-ui-destructive-background-color: var(--box-background-color);
  --button-ui-destructive-disabled-background-color: var(--box-background-color);
  --button-ui-destructive-border-color: var(--color-grey-lighterish);
}

.box-theme--ui-aux {
  --box-text-color: var(--color-charcoal-dark);
  --box-background-color: var(--color-grey-light);
  --box-heading-color: var(--color-blue);
  --button-ui-default-background-color: var(--box-background-color);
  --button-ui-default-border-color: var(--color-grey);
  --button-ui-default-disabled-color: var(--color-grey);
  --button-ui-default-disabled-border-color: var(--color-grey);
  --button-ui-default-disabled-background-color: var(--box-background-color);
  --button-ui-default-disabled-icon-color: var(--color-grey);
  --button-ui-destructive-background-color: var(--box-background-color);
  --button-ui-destructive-border-color: var(--color-grey);
  --button-ui-destructive-disabled-background-color: var(--box-background-color);
  --link-color: var(--color-blue);
  --link-hover-color: var(--color-blue-bright);
  --list-marker-color: var(--color-blue-bright);
}

.box-theme--ui-feature {
  --box-text-color: var(--color-charcoal-dark);
  --box-background-color: var(--color-white);
  --box-heading-color: var(--color-blue);
  --box-heading-emphasis-color: var(--color-blue-bright);
  --box-border-color: var(--color-grey);
  --text-theme-color-minor: var(--color-charcoal);
  --text-theme-color-minor-emphasis: var(--color-charcoal-dark);
  --text-theme-color-diminished: var(--color-grey-dark);
  --link-color: var(--color-blue);
  --link-hover-color: var(--color-blue-bright);
  --button-default-color: var(--color-blue);
  --button-default-background-color: var(--box-background-color);
  --button-default-border-color: var(--color-grey-light);
  --button-default-hover-background-color: var(--color-blue-pale);
  --button-default-hover-border-color: var(--color-blue-pale);
  --button-default-disabled-color: var(--color-grey);
  --button-default-disabled-background-color: var(--box-background-color);
  --button-default-disabled-border-color: var(--color-grey-light);
  --button-ui-default-color: var(--color-charcoal-dark);
  --button-ui-default-background-color: var(--box-background-color);
  --button-ui-default-border-color: var(--color-grey-light-trans);
  --button-ui-default-icon-color: var(--color-blue-bright);
  --button-ui-default-toggle-icon-color: var(--color-grey-dark);
  --button-ui-default-hover-background-color: var(--color-blue-pale);
  --button-ui-default-hover-border-color: var(--color-blue-pale);
  --button-ui-default-disabled-color: var(--color-grey-light-trans);
  --button-ui-default-disabled-border-color: var(--color-grey-light-trans);
  --button-ui-default-disabled-background-color: var(--box-background-color);
  --button-ui-default-selected-color: var(--color-white);
  --button-ui-default-selected-background-color: var(--color-blue-bright);
  --button-ui-default-selected-border-color: var(--color-blue-bright);
  --button-ui-default-selected-icon-color: var(--color-white);
  --button-ui-default-selected-hover-background-color: var(--color-blue-light);
  --button-ui-default-selected-hover-border-color: var(--color-blue-light);
  --button-ui-destructive-color: var(--color-charcoal-dark);
  --button-ui-destructive-background-color: var(--box-background-color);
  --button-ui-destructive-border-color: var(--color-grey-light-trans);
  --button-ui-destructive-icon-color: var(--color-red-light);
  --button-ui-destructive-toggle-icon-color: var(--color-grey-dark);
  --button-ui-destructive-hover-background-color: var(--color-red-pale);
  --button-ui-destructive-hover-border-color: var(--color-red-pale);
  --button-ui-destructive-disabled-color: var(--color-grey-light-trans);
  --button-ui-destructive-disabled-background-color: var(--box-background-color);
  --button-ui-destructive-disabled-border-color: var(--color-grey-light-trans);
}

.box-theme--frame-minor {
  --box-text-color: var(--color-charcoal-dark);
  --box-background-color: var(--color-grey-light);
  --box-heading-color: var(--color-blue);
  --button-ui-default-background-color: var(--box-background-color);
  --button-ui-default-border-color: var(--color-grey);
  --button-ui-default-disabled-background-color: var(--box-background-color);
  --button-ui-destructive-background-color: var(--box-background-color);
  --button-ui-destructive-border-color: var(--color-grey);
  --button-ui-destructive-disabled-background-color: var(--box-background-color);
  --link-color: var(--color-blue);
  --link-hover-color: var(--color-blue-bright);
  --list-marker-color: var(--color-blue-bright);
}

.box-theme--title {
  --box-text-color: var(--color-charcoal-dark);
  --box-background-color: var(--color-grey-shade);
  --box-heading-color: var(--color-black);
  --box-heading-emphasis-color: var(--color-charcoal-dark);
  --link-color: var(--color-blue);
  --link-hover-color: var(--color-blue-bright);
  --button-ui-default-background-color: var(--box-background-color);
  --button-ui-default-border-color: var(--color-grey-lighterish);
}

.box-theme--title-aux {
  --box-text-color: var(--color-charcoal-dark);
  --box-background-color: var(--color-grey);
  --box-heading-color: var(--color-black);
  --box-heading-emphasis-color: var(--color-charcoal-dark);
  --link-color: var(--color-blue);
  --link-hover-color: var(--color-blue-bright);
}

.box-theme--info-aux {
  --box-text-color: var(--color-charcoal-dark);
  --box-background-color: var(--color-blue-tint);
  --box-heading-color: var(--color-charcoal-dark);
  --box-title-background-color: var(--color-blue-pale);
  --box-border-color: var(--color-blue-pale);
  --box-aux-background-color: var(--color-blue-tint);
  --button-theme-dismiss-icon-color: var(--color-blue-dark_50);
  --button-theme-dismiss-icon-hover-color: var(--color-blue-dark);
  --button-theme-dismiss-hover-background-color: var(--color-white_20);
  --button-ui-default-icon-color: var(--color-black);
  --button-ui-default-background-color: var(--box-background-color);
  --button-ui-default-hover-background-color: var(--color-blue-pale);
  --button-ui-default-border-color: var(--color-blue-pale);
  --button-ui-default-disabled-background-color: var(--box-background-color);
  --button-ui-destructive-background-color: var(--box-background-color);
  --button-ui-destructive-border-color: var(--color-blue-pale);
  --button-ui-destructive-disabled-background-color: var(--box-background-color);
}

.box-theme--notify-error {
  --box-text-color: var(--color-red);
  --box-background-color: var(--color-red-pale);
  --box-heading-color: var(--color-red);
  --button-theme-dismiss-icon-color: var(--color-red_50);
  --button-theme-dismiss-icon-hover-color: var(--color-red);
  --button-theme-dismiss-hover-background-color: var(--color-white_20);
  --button-ui-default-background-color: var(--box-background-color);
  --button-ui-default-border-color: var(--color-white);
  --button-ui-destructive-color: var(--color-charcoal-dark);
  --button-ui-destructive-background-color: var(--box-background-color);
  --button-ui-destructive-border-color: var(--color-white);
  --button-ui-destructive-icon-color: var(--color-red-light);
  --button-ui-destructive-toggle-icon-color: var(--color-grey-dark);
  --button-ui-destructive-hover-color: var(--color-white);
  --button-ui-destructive-hover-icon-color: var(--color-white);
  --button-ui-destructive-hover-background-color: var(--color-red);
  --button-ui-destructive-hover-border-color: var(--color-red);
  --button-ui-destructive-disabled-color: var(--color-grey-light);
  --button-ui-destructive-disabled-background-color: var(--box-background-color);
  --button-ui-destructive-disabled-border-color: var(--color-grey-light);
}

.box-theme--notify-info {
  --box-text-color: var(--color-blue-dark);
  --box-background-color: var(--color-blue-pale);
  --box-heading-color: var(--color-blue-dark);
  --button-theme-dismiss-icon-color: var(--color-blue-dark_50);
  --button-theme-dismiss-icon-hover-color: var(--color-blue-dark);
  --button-theme-dismiss-hover-background-color: var(--color-white_20);
}

.box-theme--notify-success {
  --box-text-color: var(--color-green-dark);
  --box-background-color: var(--color-green-pale);
  --box-heading-color: var(--color-green-dark);
  --button-theme-dismiss-icon-color: var(--color-green-dark_50);
  --button-theme-dismiss-icon-hover-color: var(--color-green-dark);
  --button-theme-dismiss-hover-background-color: var(--color-white_20);
}

.box-theme--notify-urgent {
  --box-text-color: var(--color-white);
  --box-background-color: var(--color-red-light);
  --box-heading-color: var(--color-white);
  --button-theme-dismiss-icon-color: var(--color-white_50);
  --button-theme-dismiss-icon-hover-color: var(--color-white);
  --button-theme-dismiss-hover-background-color: var(--color-white_20);
}

.box-theme--notify-warning {
  --box-text-color: var(--color-yellow-dark);
  --box-background-color: var(--color-yellow-pale);
  --box-heading-color: var(--color-yellow-dark);
  --button-theme-dismiss-icon-color: var(--color-yellow-dark_50);
  --button-theme-dismiss-icon-hover-color: var(--color-yellow-dark);
  --button-theme-dismiss-hover-background-color: var(--color-white_20);
  --button-ui-default-background-color: var(--box-background-color);
  --button-ui-default-border-color: var(--color-white);
  --button-ui-destructive-color: var(--color-charcoal-dark);
  --button-ui-destructive-background-color: var(--box-background-color);
  --button-ui-destructive-border-color: var(--color-white);
  --button-ui-destructive-icon-color: var(--color-red-light);
  --button-ui-destructive-toggle-icon-color: var(--color-grey-dark);
  --button-ui-destructive-hover-color: var(--color-white);
  --button-ui-destructive-hover-icon-color: var(--color-white);
  --button-ui-destructive-hover-background-color: var(--color-red);
  --button-ui-destructive-hover-border-color: var(--color-red);
  --button-ui-destructive-disabled-color: var(--color-grey-light);
  --button-ui-destructive-disabled-background-color: var(--box-background-color);
  --button-ui-destructive-disabled-border-color: var(--color-grey-light);
}

.box-theme--notify-impersonation {
  --box-text-color: var(--color-white);
  --box-background-color: var(--color-fuchsia);
  --link-color: var(--color-white);
  --link-hover-color: var(--color-white);
}

.box-theme--notify-active {
  --box-text-color: var(--color-white);
  --box-background-color: var(--color-green);
  --link-color: var(--color-white);
  --link-hover-color: var(--color-white);
}

.box-theme--night {
  --box-text-color: var(--color-white);
  --box-background-color: var(--color-charcoal-dark);
  --box-heading-color: var(--color-white);
  --table-foot-cell-border-inline: solid thin var(--color-charcoal-dark);
}

.box-theme--selected {
  --box-text-color: var(--color-white);
  --box-background-color: var(--color-blue-bright);
  --box-heading-color: var(--color-white);
  --text-theme-color-diminished: var(--color-white);
}

.box-theme--content-alert {
  --box-text-color: var(--color-charcoal-dark);
  --box-background-color: var(--color-red-tint);
  --box-border-color: var(--color-red-pale);
  --box-title-background-color: var(--color-red-pale);
}

.box-theme--content-warn {
  --box-text-color: var(--color-charcoal-dark);
  --box-background-color: var(--color-orange-tint);
  --box-border-color: var(--color-orange-pale);
  --box-title-background-color: var(--color-orange-pale);
  --table-caption-background-color: var(--color-orange-pale);
  --table-border-color: var(--color-orange-pale);
  --table-border: solid thin var(--table-border-color);
  --table-body-cell-border-block-end: solid thin var(--table-border-color);
}

.box-theme--content-info {
  --box-text-color: var(--color-charcoal-dark);
  --box-background-color: var(--color-blue-tint);
  --box-aux-background-color: var(--color-blue-tint);
  --box-border-color: var(--color-blue-pale);
  --box-title-background-color: var(--color-blue-pale);
}

.box-theme--type-corporate {
  --box-text-color: var(--color-charcoal-dark);
  --box-background-color: var(--color-creulean-pale);
}

.box-theme--type-in-studio {
  --box-text-color: var(--color-charcoal-dark);
  --box-background-color: var(--color-pink-pale);
}

.box-theme--type-location {
  --box-text-color: var(--color-charcoal-dark);
  --box-background-color: var(--color-shamrock-pale);
}

.category-theme {
  color: var(--category-theme-color);
  background-color: var(--category-theme-background-color);
}

.category-theme--admin {
  --category-theme-color: var(--color-charcoal-dark);
  --category-theme-icon-color: var(--color-creulean);
  --category-theme-accent-color: var(--color-creulean);
  --category-theme-background-color: var(--color-creulean-pale);
}

.category-theme--admin-sub {
  --category-theme-color: var(--color-charcoal-dark);
  --category-theme-icon-color: var(--color-creulean);
  --category-theme-accent-color: var(--color-creulean);
  --category-theme-background-color: var(--color-creulean-tint);
}

.category-theme--bioscan {
  --category-theme-color: var(--color-charcoal-dark);
  --category-theme-icon-color: var(--color-leaf);
  --category-theme-accent-color: var(--color-leaf);
  --category-theme-background-color: var(--color-leaf-pale);
}

.category-theme--comment {
  --category-theme-color: var(--color-charcoal-dark);
  --category-theme-icon-color: var(--color-gold);
  --category-theme-accent-color: var(--color-gold);
  --category-theme-background-color: var(--color-gold-pale);
}

.category-theme--goals {
  --category-theme-color: var(--color-charcoal-dark);
  --category-theme-icon-color: var(--color-danube);
  --category-theme-accent-color: var(--color-danube);
  --category-theme-background-color: var(--color-danube-pale);
}

.category-theme--group {
  --category-theme-color: var(--color-charcoal-dark);
  --category-theme-icon-color: var(--color-silver);
  --category-theme-accent-color: var(--color-silver);
  --category-theme-background-color: var(--color-silver-pale);
}

.category-theme--initial {
  --category-theme-color: var(--color-charcoal-dark);
  --category-theme-icon-color: var(--color-pink);
  --category-theme-accent-color: var(--color-pink);
  --category-theme-background-color: var(--color-pink-pale);
}

.category-theme--nutrition {
  --category-theme-color: var(--color-charcoal-dark);
  --category-theme-icon-color: var(--color-mandarine);
  --category-theme-accent-color: var(--color-mandarine);
  --category-theme-background-color: var(--color-mandarine-pale);
}

.category-theme--peer {
  --category-theme-color: var(--color-charcoal-dark);
  --category-theme-icon-color: var(--color-beige);
  --category-theme-accent-color: var(--color-beige);
  --category-theme-background-color: var(--color-beige-pale);
}

.category-theme--personal {
  --category-theme-color: var(--color-charcoal-dark);
  --category-theme-icon-color: var(--color-shamrock);
  --category-theme-accent-color: var(--color-shamrock);
  --category-theme-background-color: var(--color-shamrock-pale);
}

.category-theme--rookie {
  --category-theme-color: var(--color-charcoal-dark);
  --category-theme-icon-color: var(--color-cobalt);
  --category-theme-accent-color: var(--color-cobalt);
  --category-theme-background-color: var(--color-cobalt-pale);
}

.category-theme--trainer {
  --category-theme-color: var(--color-charcoal-dark);
  --category-theme-icon-color: var(--color-tangerine);
  --category-theme-accent-color: var(--color-tangerine);
  --category-theme-background-color: var(--color-tangerine-pale);
}

.category-theme--trial {
  --category-theme-color: var(--color-charcoal-dark);
  --category-theme-icon-color: var(--color-violet);
  --category-theme-accent-color: var(--color-violet);
  --category-theme-background-color: var(--color-violet-pale);
}

.category-theme--undefined {
  --category-theme-color: var(--color-charcoal-dark);
  --category-theme-icon-color: var(--color-grey-dark);
  --category-theme-accent-color: var(--color-grey-dark);
  --category-theme-background-color: var(--color-grey-light);
}

.category-theme--processed {
  --category-theme-color: var(--color-white);
  --category-theme-icon-color: var(--color-white);
  --category-theme-icon-invert-color: var(--color-white);
  --category-theme-accent-color: var(--color-red-dark);
  --category-theme-background-color: var(--color-red);
}

.category-theme--pending-payment {
  --category-theme-color: var(--color-white);
  --category-theme-icon-color: var(--color-white);
  --category-theme-icon-invert-color: var(--color-white);
  --category-theme-accent-color: var(--color-orange-dark);
  --category-theme-background-color: var(--color-orange);
}

.category-theme--forfeit {
  --category-theme-color: var(--color-white);
  --category-theme-icon-color: var(--color-white);
  --category-theme-icon-invert-color: var(--color-white);
  --category-theme-accent-color: var(--color-fuchsia-dark);
  --category-theme-background-color: var(--color-fuchsia);
}

.category-theme--forfeit-pending-payment {
  --category-theme-color: var(--color-white);
  --category-theme-icon-color: var(--color-white);
  --category-theme-icon-invert-color: var(--color-white);
  --category-theme-accent-color: var(--color-blue-dark);
  --category-theme-background-color: var(--color-blue-light);
}

.box-theme--status-caution {
  --box-text-color: var(--color-charcoal-dark);
  --box-background-color: var(--color-yellow-pale);
}

.box-theme--status-complete {
  --box-text-color: var(--color-white);
  --box-background-color: var(--color-green);
}

.box-theme--status-critical {
  --box-text-color: var(--color-white);
  --box-background-color: var(--color-red-bright);
}

.box-theme--status-error {
  --box-text-color: var(--color-charcoal-dark);
  --box-background-color: var(--color-red-pale);
  --icon-theme-color: var(--color-red);
}

.box-theme--status-info {
  --box-text-color: var(--color-charcoal-dark);
  --box-background-color: var(--color-blue-pale);
}

.box-theme--status-neutral {
  --box-text-color: var(--color-charcoal-dark);
  --box-background-color: var(--color-grey);
}

.box-theme--status-success {
  --box-text-color: var(--color-charcoal-dark);
  --box-background-color: var(--color-green-pale);
}

.box-theme--status-na {
  --box-text-color: var(--color-charcoal-dark);
  --box-background-color: var(--color-lavendar);
}

.box-theme--status-pending {
  --box-text-color: var(--color-charcoal-dark);
  --box-background-color: var(--color-fuchsia-pale);
}

.box-theme--status-unconverted {
  --box-text-color: var(--color-charcoal-dark);
  --box-background-color: var(--color-creulean-half);
}

.icon-theme--information {
  --icon-theme-color: var(--color-charcoal-light);
}

.icon-theme--information-notable {
  --icon-theme-color: var(--color-charcoal-dark);
}

.icon-theme--pending {
  --icon-theme-color: var(--color-grey);
}

.icon-theme--success {
  --icon-theme-color: var(--color-green);
}

.icon-theme--goal {
  --icon-theme-color: var(--color-blue-bright);
}

.icon-theme--best {
  --icon-theme-color: var(--color-yellow);
}

.icon-theme--warning,
.icon-theme--urgent,
.icon-theme--error {
  --icon-theme-color: var(--color-red-light);
}

.icon-theme--alert {
  --icon-theme-color: var(--color-red);
}

.status-icon-theme--success {
  --icon-theme-color: var(--color-white);
  --icon-theme-background-color: var(--color-green);
}

.status-icon-theme--active {
  --icon-theme-color: var(--color-white);
  --icon-theme-background-color: var(--color-blue-bright);
}

.status-icon-theme--subdued {
  --icon-theme-color: var(--color-grey-dark);
  --icon-theme-background-color: var(--color-grey-light);
}

.avatar-theme--shade {
  --category-theme-color: var(--color-charcoal-dark);
  --category-theme-icon-color: var(--color-grey-dark);
  --category-theme-accent-color: var(--color-grey-dark);
  --category-theme-background-color: var(--color-grey-light);
}

:root {
  --color-red-dark: #9F001C;
  --color-red: rgb(187 0 33);
  --color-red_50: rgb(187 0 33 / 50%);
  --color-red-light: #EA0029;
  --color-red-bright: #ff0000;
  --color-red-mid: #ffb2c0;
  --color-red-pale: #FFDFE2;
  --color-red-tint: #FFEFF0;
  --color-accent-dark: var(--color-red-dark);
  --color-accent: var(--color-red);
  --color-accent-50: var(--color-red_50);
  --color-accent-light: var(--color-red-light);
  --color-accent-bright: var(--color-red-bright);
  --color-accent-pale: var(--color-red-pale);
  --color-blue-dark: rgb(0 32 92);
  --color-blue-dark_50: rgb(0 32 92 / 50%);
  --color-blue: #002F87;
  --color-blue-light: #0042A7;
  --color-blue-system: #0500FF;
  --color-blue-bright: #0079D1;
  --color-blue-half: #7AB7E4;
  --color-blue-pale: #BFDDF3;
  --color-blue-tint: #dfeef9;
  --color-shadow_15: rgb(0 0 0 / 15%);
  --color-shadow_25: rgb(0 0 0 / 25%);
  --color-charcoal-dark: #212529;
  --color-charcoal_dark_70: rgb(33 37 41 / 70%);
  --color-charcoal: rgb(106 106 106);
  --color-charcoal_25: rgb(106 106 106 / 25%);
  --color-charcoal-light: rgb(167 168 171);
  --color-charcoal-light_25: rgb(167 168 171 / 25%);
  --color-charcoal-pale: rgb(235, 235, 235);
  --color-grey-dark: #8A9AA3;
  --color-grey-shade: #C8CFD4;
  --color-grey: #D3DADF;
  --color-grey-lightish: #DEE4E9;
  --color-grey-light: #E9ECEF;
  --color-grey-light-trans: oklch(84% 0.013 242.85 / 0.4);
  --color-grey-lighterish: #EDF1F3;
  --color-grey-lighter: #F4F6F7;
  --color-grey-lighter-90: rgb(244 246 247 / 90%);
  --color-white: rgb(255 255 255);
  --color-white_50: rgb(255 255 255 / 50%);
  --color-white_20: rgb(255 255 255 / 20%);
  --color-green-dark: rgb(15 81 50);
  --color-green-dark_50: rgb(15 81 50 / 50%);
  --color-green: #218838;
  --color-green-pale: #BFE5C7;
  --color-green-tint: #D9EFDD;
  --color-yellow-dark: rgb(87 60 0);
  --color-yellow-dark_50: rgb(87 60 0 / 50%);
  --color-yellow: #FFAF00;
  --color-yellow-pale: #FCE6C6;
  --color-orange-dark: #9F530F;
  --color-orange: #F57F17;
  --color-orange-pale: #FFE2C9;
  --color-orange-tint: #FFF0E4;
  --color-lavendar-dark: #675FC8;
  --color-lavendar: #AEA9EA;
  --color-lavendar-pale: #C9C6F1;
  --color-creulean-dark: #078092;
  --color-creulean: #09B2CC;
  --color-creulean-half: #A6EAF2;
  --color-creulean-pale: #BCECF3;
  --color-creulean-tint: #CDF1f6;
  --color-fuchsia-dark: #631463;
  --color-fuchsia: #A01FA0;
  --color-fuchsia-pale: #E0B2DF;
  --color-leaf-dark: #456C41;
  --color-leaf: #80B07C;
  --color-leaf-pale: #D7e5D8;
  --color-gold-dark: #867709;
  --color-gold: #E0C70F;
  --color-gold-pale: #FAF3BF;
  --color-danube-dark: #2C6E96;
  --color-danube: #5CA4CF;
  --color-danube-pale: #BDD9EA;
  --color-silver-dark: #595959;
  --color-silver: #A1A1A1;
  --color-silver-pale: #DFE1E5;
  --color-silver-tint: #E9EBEE;
  --color-pink-dark: #E40C65;
  --color-pink: #F98CB9;
  --color-pink-pale: #FDDEEE;
  --color-mandarine-dark: #AD6500;
  --color-mandarine: #ff9C11;
  --color-mandarine-pale: #FCE6C6;
  --color-beige-dark: #6E684A;
  --color-beige: #B4AE8F;
  --color-beige-pale: #EFE8CC;
  --color-shamrock-dark: #20794A;
  --color-shamrock: #3CCC80;
  --color-shamrock-pale: #D3F6E4;
  --color-cobalt-dark: #366C96;
  --color-cobalt: #81AFD1;
  --color-cobalt-pale: #C7E7FF;
  --color-tangarine-dark: #EB0000;
  --color-tangerine: #FF8383;
  --color-tangerine-pale: #FFD6D6;
  --color-violet-dark: #76539D;
  --color-violet: #A48AC1;
  --color-violet-pale: #DED4E9;
}

:root {
  --focus-color: var(--color-yellow);
  --focus-outline: solid calc(2rem / 16) var(--focus-color);
  --focus-inner-shadow: inset 0 0 0 calc(2rem / 16) var(--focus-color);
  --focus-offset: calc(2rem / 16);
}

:root {
  --root-transition-duration: 0.2s;
  --root-transition-timing-function: "ease-out";
  --button-transition-duration: var(--root-transition-duration);
  --button-transition-timing-function: var(--root-transition-timing-function);
  --link-transition-duration: var(--root-transition-duration);
  --link-transition-timing-function: var(--root-transition-timing-function);
}

:root {
  --size-row-padding-inline: clamp(1.25rem, 1.38vw + 0.93rem, 1.88rem);
  --size-row-max-width: calc(1100rem / 16);
}

:root {
  --text-large-size: clamp(1.13rem, 0.87vw + 0.92rem, 1.38rem);
  --text-small-size: calc(14rem / 16);
  --text-tiny-size: calc(12rem / 16);
}

:root {
  --text-theme-color-urgent: var(--color-red-light);
  --text-theme-color-warning: var(--color-orange);
  --text-theme-color-success: var(--color-green);
}

:root {
  --checkbox-input-size: calc(22rem / 16);
  --checkbox-border-radius: 0;
  --checkbox-checkmark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M5.5 10.5 L 9 14.5 L 15 6.5' /%3E%3C/svg%3E");
  /* checked */
  --checkbox-checked-background-color: var(--color-blue-bright);
  --checkbox-checked-border-color: var(--color-blue-bright);
  --checkbox-checked-hover-background-color: var(--color-blue);
  --checkbox-checked-hover-border-color: var(--color-blue);
  /* unchecked */
  --checkbox-unchecked-background-color: var(--color-white);
  --checkbox-unchecked-border-color: var(--color-grey);
  --checkbox-unchecked-hover-background-color: var(--color-white);
  --checkbox-unchecked-hover-border-color: var(--color-blue);
  /* disabled */
  --checkbox-disabled-checkmark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M5.5 10.5 L 9 14.5 L 15 6.5' /%3E%3C/svg%3E");
  --checkbox-unchecked-disabled-background-color: var(--color-grey-light);
  --checkbox-unchecked-disabled-border-color: var(--color-grey-light);
  --checkbox-checked-disabled-background-color: var(--color-grey-light);
  --checkbox-checked-disabled-border-color: var(--color-grey-light);
  /* invalid (required) */
  --checkbox-unchecked-invalid-background-color: var(--color-red-pale);
  --checkbox-unchecked-invalid-border-color: var(--color-red-light);
  --checkbox-unchecked-invalid-hover-background-color: var(--color-white);
  --checkbox-unchecked-invalid-hover-border-color: var(--color-red-light);
}

:root {
  --radio-input-size: calc(22rem / 16);
  --radio-checkmark-scale: 0.5;
  --radio-checkmark-background-color: var(--color-white);
  /* checked */
  --radio-checked-background-color: var(--color-blue-bright);
  --radio-checked-border-color: var(--color-blue-bright);
  /* unchecked */
  --radio-unchecked-background-color: var(--color-white);
  --radio-unchecked-border-color: var(--color-grey);
  --radio-unchecked-hover-background-color: var(--color-white);
  --radio-unchecked-hover-border-color: var(--color-blue);
  /* disabled */
  --radio-disabled-checkmark-background-color: var(--color-charcoal-dark);
  --radio-unchecked-disabled-background-color: var(--color-grey-light);
  --radio-unchecked-disabled-border-color: var(--color-grey-light);
  --radio-checked-disabled-background-color: var(--color-grey-light);
  --radio-checked-disabled-border-color: var(--color-grey-light);
  /* invalid (required) */
  --radio-unchecked-invalid-background-color: var(--color-red-pale);
  --radio-unchecked-invalid-border-color: var(--color-red-light);
}

:root {
  --dialog-backdrop-color: rgb(33 37 41 / 70%);
}

:root {
  --required-indicator-content: " *";
  --required-indicator-color: var(--color-red-light);
  --required-indicator-weight: 700;
}

@page {
  size: A3 landscape;
}
:root {
  --font-display: "Champion", Bahnschrift, 'DIN Alternate', 'Nimbus Sans Narrow', sans-serif-condensed, sans-serif;
}

@font-face {
  font-display: swap;
  font-family: "Champion";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/champion/Champion HTF-Welterweight Regular.woff2") format("woff2"), url("../fonts/champion/Champion HTF-Welterweight Regular.woff") format("woff");
}
:root {
  --font-body: Roboto, Arial, Helvetica, sans-serif;
}

/* roboto-regular - latin */
@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto/roboto-v30-latin-regular.woff2") format("woff2"), url("../fonts/roboto/roboto-v30-latin-regular.woff") format("woff");
}
/* roboto-italic - latin */
@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/roboto/roboto-v30-latin-italic.woff2") format("woff2"), url("../fonts/roboto/roboto-v30-latin-italic.woff") format("woff");
}
/* roboto-700 - latin */
@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto/roboto-v30-latin-700.woff2") format("woff2"), url("../fonts/roboto/roboto-v30-latin-700.woff") format("woff");
}
/* roboto-700italic - latin */
@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/roboto/roboto-v30-latin-700italic.woff2") format("woff2"), url("../fonts/roboto/roboto-v30-latin-700italic.woff") format("woff");
}
h1, h2 {
  font-family: var(--font-display);
  font-synthesis: none;
  color: var(--heading-color, inherit);
}
h1 em, h2 em {
  color: var(--heading-emphasis-color);
}

h2 {
  font-size: 1.375rem;
  line-height: 1.1;
}

h3 {
  font-size: 1.125rem;
  line-height: 1.1;
}

h4 {
  --block-gap: calc(30rem / 16);
  font-size: 1rem;
  line-height: 1.3;
}

h5 {
  font-size: 0.875rem;
  line-height: 1.3;
}

small {
  font-size: 0.875rem;
}

:is(h2, h3, h4, h5) small {
  font-weight: 400;
  font-size: 1rem;
  color: var(--heading-small-color);
}

.a-button--variant-form {
  font-size: 1.125rem;
  line-height: 1;
  font-family: var(--font-display);
  font-weight: 500;
}

.a-button--variant-tab {
  --tab-padding-inline: calc(16rem / 16);
}

.a-button--theme-default {
  --button-color: var(--button-default-color);
  --button-background-color: var(--button-default-background-color);
  --button-border-color: var(--button-default-border-color);
  --button-hover-color: var(--button-default-hover-color);
  --button-hover-background-color: var(--button-default-hover-background-color);
  --button-hover-border-color: var(--button-default-hover-border-color);
  --button-disabled-color: var(--button-default-disabled-color);
  --button-disabled-background-color: var(--button-default-disabled-background-color);
  --button-disabled-border-color: var(--button-default-disabled-border-color);
}

.a-button--theme-destructive {
  --button-color: var(--button-destructive-color);
  --button-background-color: var(--button-destructive-background-color);
  --button-border-color: var(--button-destructive-border-color);
  --button-hover-color: var(--button-destructive-hover-color);
  --button-hover-background-color: var(--button-destructive-hover-background-color);
  --button-hover-border-color: var(--button-destructive-hover-border-color);
  --button-disabled-color: var(--button-destructive-disabled-color);
  --button-disabled-background-color: var(--button-destructive-disabled-background-color);
  --button-disabled-border-color: var(--button-destructive-disabled-border-color);
}

.a-button--theme-hero {
  --button-color: var(--button-hero-color);
  --button-background-color: var(--button-hero-background-color);
  --button-border-color: var(--button-hero-border-color);
  --button-hover-color: var(--button-hero-hover-color);
  --button-hover-background-color: var(--button-hero-hover-background-color);
  --button-hover-border-color: var(--button-hero-hover-border-color);
  --button-disabled-color: var(--button-hero-disabled-color);
  --button-disabled-background-color: var(--button-hero-disabled-background-color);
  --button-disabled-border-color: var(--button-hero-disabled-border-color);
}

.a-button--theme-hero-positive {
  --button-color: var(--button-hero-positive-color);
  --button-background-color: var(--button-hero-positive-background-color);
  --button-border-color: var(--button-hero-positive-border-color);
  --button-hover-color: var(--button-hero-positive-hover-color);
  --button-hover-background-color: var(--button-hero-positive-hover-background-color);
  --button-hover-border-color: var(--button-hero-positive-hover-border-color);
  --button-disabled-color: var(--button-hero-positive-disabled-color);
  --button-disabled-background-color: var(--button-hero-positive-disabled-background-color);
  --button-disabled-border-color: var(--button-hero-positive-disabled-border-color);
}

.a-button--theme-hero-destructive {
  --button-color: var(--button-hero-destructive-color);
  --button-background-color: var(--button-hero-destructive-background-color);
  --button-border-color: var(--button-hero-destructive-border-color);
  --button-hover-color: var(--button-hero-destructive-hover-color);
  --button-hover-background-color: var(--button-hero-destructive-hover-background-color);
  --button-hover-border-color: var(--button-hero-destructive-hover-border-color);
  --button-disabled-color: var(--button-hero-destructive-disabled-color);
  --button-disabled-background-color: var(--button-hero-destructive-disabled-background-color);
  --button-disabled-border-color: var(--button-hero-destructive-disabled-border-color);
}

.a-button--theme-header-default {
  --button-color: var(--button-header-default-color);
  --button-background-color: var(--button-header-default-background-color);
  --button-icon-color: var(--button-header-default-icon-color);
  --button-toggle-icon-color: var(--button-header-default-toggle-icon-color);
  --button-toggle-hover-icon-color: var(--button-header-default-hover-toggle-icon-color);
  --button-selected-icon-color: var(--button-header-default-selected-icon-color);
  --button-hover-color: var(--button-header-default-hover-color);
  --button-hover-background-color: var(--button-header-default-hover-background-color);
  --button-selected-color: var(--button-header-default-selected-color);
  --button-selected-background-color: var(--button-header-default-selected-background-color);
  --button-selected-hover-background-color: var(--button-header-default-selected-hover-background-color);
  --button-selected-hover-icon-color: var(--button-header-default-selected-hover-icon-color);
  --button-disabled-color: var(--button-header-default-disabled-color);
  --button-disabled-background-color: var(--button-header-default-disabled-background-color);
}

.a-button--theme-header-hero {
  --button-color: var(--button-header-hero-color);
  --button-background-color: var(--button-header-hero-background-color);
  --button-hover-color: var(--button-header-hero-hover-color);
  --button-hover-background-color: var(--button-header-hero-hover-background-color);
  --button-toggle-icon-color: var(--button-header-hero-toggle-icon-color);
  --button-selected-background-color: var(--button-header-hero-selected-background-color);
  --button-selected-hover-background-color: var(--button-header-hero-selected-hover-background-color);
  --button-disabled-color: var(--button-header-hero-disabled-color);
  --button-disabled-background-color: var(--button-header-hero-disabled-background-color);
}

.a-button--theme-ui-default {
  --button-color: var(--button-ui-default-color);
  --button-background-color: var(--button-ui-default-background-color);
  --button-border-color: var(--button-ui-default-border-color);
  --button-icon-color: var(--button-ui-default-icon-color);
  --button-toggle-icon-color: var(--button-ui-default-toggle-icon-color);
  --button-selected-icon-color: var(--button-ui-default-selected-icon-color);
  --button-hover-color: var(--button-ui-default-hover-color);
  --button-hover-background-color: var(--button-ui-default-hover-background-color);
  --button-hover-border-color: var(--button-ui-default-hover-border-color);
  --button-disabled-color: var(--button-ui-default-disabled-color);
  --button-disabled-icon-color: var(--button-ui-default-disabled-icon-color);
  --button-disabled-background-color: var(--button-ui-default-disabled-background-color);
  --button-disabled-border-color: var(--button-ui-default-disabled-border-color);
  --button-selected-color: var(--button-ui-default-selected-color);
  --button-selected-background-color: var(--button-ui-default-selected-background-color);
  --button-selected-border-color: var(--button-ui-default-selected-border-color);
  --button-selected-hover-background-color: var(--button-ui-default-selected-hover-background-color);
  --button-selected-hover-border-color: var(--button-ui-default-selected-hover-border-color);
}

.a-button--theme-ui-destructive {
  --button-color: var(--button-ui-destructive-color);
  --button-background-color: var(--button-ui-destructive-background-color);
  --button-border-color: var(--button-ui-destructive-border-color);
  --button-icon-color: var(--button-ui-destructive-icon-color);
  --button-toggle-icon-color: var(--button-ui-destructive-toggle-icon-color);
  --button-hover-color: var(--button-ui-destructive-hover-color);
  --button-icon-hover-color: var(--button-ui-destructive-hover-icon-color);
  --button-hover-background-color: var(--button-ui-destructive-hover-background-color);
  --button-hover-border-color: var(--button-ui-destructive-hover-border-color);
  --button-disabled-color: var(--button-ui-destructive-disabled-color);
  --button-disabled-icon-color: var(--button-ui-destructive-disabled-icon-color);
  --button-disabled-background-color: var(--button-ui-destructive-disabled-background-color);
  --button-disabled-border-color: var(--button-ui-destructive-disabled-border-color);
}

.a-button--theme-ui-alert {
  --button-color: var(--button-ui-alert-color);
  --button-background-color: var(--button-ui-alert-background-color);
  --button-border-color: var(--button-ui-alert-border-color);
  --button-icon-color: var(--button-ui-alert-icon-color);
  --button-toggle-icon-color: var(--button-ui-alert-toggle-icon-color);
  --button-hover-color: var(--button-ui-alert-hover-color);
  --button-icon-hover-color: var(--button-ui-alert-hover-icon-color);
  --button-hover-background-color: var(--button-ui-alert-hover-background-color);
  --button-hover-border-color: var(--button-ui-alert-hover-border-color);
  --button-disabled-color: var(--button-ui-alert-disabled-color);
  --button-disabled-icon-color: var(--button-ui-alert-disabled-icon-color);
  --button-disabled-background-color: var(--button-ui-alert-disabled-background-color);
  --button-disabled-border-color: var(--button-ui-alert-disabled-border-color);
}

.a-button--theme-field-dismiss {
  --button-background-color: var(--color-white);
  --button-icon-color: var(--color-grey-dark);
  --button-icon-hover-color: var(--color-red-bright);
  --button-error-color: var(--color-red-light);
  --button-error-icon-color: var(--color-red-light);
  --button-error-hover-background-color: var(--color-red-pale);
}

.a-button--theme-tab {
  --button-color: var(--color-blue);
  --button-background-color: var(--color-grey);
  --button-border-color: transparent;
  --button-selected-border-color: var(--color-red-light);
  --button-hover-background-color: var(--color-blue-pale);
  --button-hover-border-color: var(--color-blue-pale);
  --button-selected-color: var(--color-white);
  --button-selected-background-color: var(--color-blue-bright);
  --button-disabled-color: var(--color-charcoal_25);
  --button-disabled-background-color: var(--color-grey);
}

.a-button--theme-feature-tab {
  --button-color: var(--color-blue);
  --button-background-color: var(--color-white);
  --button-border-color: var(--color-grey);
  --button-selected-border-color: var(--color-blue-bright);
  --button-hover-background-color: var(--color-white);
  --button-hover-border-color: var(--color-blue-half);
  --button-selected-color: var(--color-blue);
  --button-selected-background-color: var(--color-blue-tint);
  --button-disabled-color: var(--color-charcoal_25);
  --button-disabled-background-color: var(--color-grey);
  padding-inline: 0.625rem;
  --badge-count-block-inset: calc(-4rem / 16) auto;
  --badge-count-inline-inset: auto calc(-10rem / 16);
}

.a-button--theme-minor-tab {
  --button-color: var(--color-blue);
  --button-background-color: var(--color-grey-lighter);
  --button-border-color: var(--color-grey);
  --button-selected-border-color: var(--color-blue-bright);
  --button-hover-background-color: var(--color-grey-lighter);
  --button-hover-border-color: var(--color-blue-half);
  --button-selected-color: var(--color-blue);
  --button-selected-background-color: var(--color-blue-tint);
  --button-disabled-color: var(--color-charcoal_25);
  --button-disabled-background-color: var(--color-grey);
  padding-inline: 0.625rem;
}

.a-button--theme-tab-toggle {
  --button-color: var(--color-white);
  --button-background-color: var(--color-blue-bright);
  --button-border-color: var(--color-red-light);
  --focus-offset: calc(-2rem / 16);
  --button-icon-color: var(--color-white);
  --button-hover-background-color: var(--color-blue);
  --button-selected-background-color: var(--color-blue);
  --button-selected-border-color: transparent;
  --button-selected-hover-background-color: var(--color-blue-dark);
  --button-selected-hover-border-color: transparent;
}

.a-button--theme-boxless {
  --button-color: var(--color-blue-bright);
  --button-background-color: var(--color-white);
  --button-icon-color: var(--color-blue-bright);
  --button-hover-color: var(--color-blue);
  --button-hover-background-color: var(--color-blue-pale);
  --button-error-color: var(--color-red-light);
  --button-error-icon-color: var(--color-red-light);
  --button-error-hover-background-color: var(--color-red-pale);
  --button-selected-background-color: var(--color-white);
  --button-selected-hover-background-color: var(--color-blue-pale);
}

.a-button--theme-tip {
  --button-icon-color: var(--color-grey-dark);
  --button-background-color: inherit;
  --button-hover-background-color: var(--color-blue-pale);
  --button-selected-icon-color: var(--color-blue-bright);
  --button-selected-background-color: var(--color-blue-pale);
  --button-selected-hover-background-color: var(--color-blue-pale);
}

.a-button--theme-menu-default {
  --button-icon-color: var(--color-blue-bright);
  --button-color: var(--color-charcoal-dark);
  --button-background-color: var(--color-white);
  --button-hover-background-color: var(--color-blue-pale);
  --button-selected-color: var(--color-white);
  --button-selected-background-color: var(--color-blue-bright);
}

.a-button--theme-menu-positive {
  --button-icon-color: var(--color-green);
  --button-color: var(--color-charcoal-dark);
  --button-background-color: var(--color-white);
  --button-hover-background-color: var(--color-blue-pale);
  --button-selected-color: var(--color-white);
  --button-selected-background-color: var(--color-blue-bright);
}

.a-button--theme-menu-destructive {
  --button-icon-color: var(--color-red-light);
  --button-color: var(--color-charcoal-dark);
  --button-background-color: var(--color-white);
  --button-hover-background-color: var(--color-blue-pale);
  --button-selected-color: var(--color-white);
  --button-selected-background-color: var(--color-blue-bright);
}

.a-button--theme-menu-secondary {
  --button-icon-color: var(--color-charcoal-light);
  --button-color: var(--color-charcoal-dark);
  --button-background-color: var(--color-white);
  --button-hover-background-color: var(--color-blue-pale);
  --button-selected-color: var(--color-white);
  --button-selected-background-color: var(--color-blue-bright);
}

.a-button--theme-drop-down-select {
  --button-icon-color: var(--color-blue-bright);
  --button-background-color: transparent;
  --button-disabled-icon-color: var(--color-charcoal-light);
  --button-error-icon-color: var(--color-red-light);
}

.a-button--theme-filter-chip {
  --button-color: var(--color-charcoal-dark);
  --button-background-color: var(--color-grey);
  --button-hover-background-color: var(--color-red-pale);
  --button-icon-color: var(--color-grey-dark);
  --button-icon-hover-color: var(--color-red-light);
}

.a-button--theme-text-underlined {
  text-decoration: underline;
  cursor: pointer;
  --button-color: var(--link-color);
  --button-hover-color: var(--link-hover-color);
  --button-border-radius: calc(4rem / 16);
  --button-icon-color: var(--color-blue-bright);
  --button-icon-hover-color: var(--color-blue-bright);
  --button-border-style: none;
  --text-button-padding: 0;
}

.a-button--theme-main-nav-default {
  --button-border-style: none;
  --button-color: var(--color-white);
  --button-background-color: var(--color-blue);
  --button-hover-background-color: var(--color-blue-bright);
  --button-icon-color: var(--color-blue-bright);
  --button-icon-hover-color: var(--color-blue-pale);
  --button-current-icon-color: var(--color-blue-bright);
  --button-current-hover-icon-color: var(--color-blue-pale);
  --button-current-background-color: var(--color-blue-light);
  --button-current-hover-background-color: var(--color-blue-bright);
  --button-current-ribbon-color: var(--color-red-light);
  --button-expanded-hover-background-color: var(--color-blue-bright);
  --button-expanded-background-color: var(--color-blue-dark);
  --button-expanded-icon-color: var(--color-blue-bright);
  --button-expanded-hover-icon-color: var(--color-blue-pale);
}

.a-button--theme-heading-toggle {
  --button-color: var(--color-blue);
  --button-background-color: transparent;
  --button-border-color: transparent;
  --button-icon-color: var(--color-blue-bright);
  --button-hover-background-color: var(--color-blue-pale);
  --button-selected-color: var(--color-blue-pale);
  --button-selected-icon-color: var(--color-white);
  --button-selected-background-color: var(--color-blue-bright);
  --button-selected-border-color: transparent;
  --button-selected-hover-background-color: var(--color-blue-dark);
  --button-selected-hover-border-color: transparent;
  font-size: 1.375rem;
  padding-inline: 0.9375rem 0.5625rem;
}
.a-button--theme-heading-toggle[aria-expanded=true] strong {
  color: var(--color-white);
}

.a-button--theme-box-toggle {
  --button-icon-color: var(--color-blue-bright);
  --button-hover-background-color: var(--color-blue-tint);
  --button-border-width: calc(1rem / 16);
  --button-border-color: transparent;
  --button-hover-border-color: var(--color-blue-pale);
  --button-selected-color: var(--color-white);
  --button-selected-background-color: var(--color-blue-bright);
  --button-selected-border-color: var(--color-blue-bright);
  --button-selected-hover-background-color: var(--color-blue-light);
  --button-selected-hover-border-color: var(--color-blue-light);
}

.a-button--theme-field-chip {
  --button-color: var(--color-white);
  --button-hover-color: var(--color-charcoal-dark);
  --button-background-color: var(--color-blue-bright);
  --button-hover-background-color: var(--color-blue-half);
  --button-icon-color: var(--color-blue-half);
  --button-icon-hover-color: var(--color-blue-bright);
}

.a-link--variant-quicklink {
  --link-color: var(--color-blue);
  --link-background-color: var(--color-grey-light);
  --link-icon-color: var(--color-blue-bright);
  --link-hover-color: var(--color-blue);
  --link-hover-background-color: var(--color-blue-pale);
  --link-icon-gap: calc(10rem / 16);
  --link-icon-size: var(--quicklink-icon-size, calc(30rem / 16));
  --focus-offset: calc(1rem / 16);
  --link-selected-background-color: var(--color-blue-pale);
  --link-selected-ribbon-color: var(--color-blue-bright);
  font-weight: 700;
  font-size: var(--quicklink-font-size, 0.875rem);
  padding: var(--quicklink-padding, 0.9375rem);
}

.a-link--variant-texticon {
  --link-text-decoration: underline;
  --link-hover-color: var(--color-blue);
  --link-hover-text-decoration: none;
  --link-icon-hover-color: var(--color-blue);
}

:root {
  --box-padding-ui: clamp(0.94rem, 1.09vw + 0.68rem, 1.25rem);
  --box-padding-demoted: calc(8rem / 16);
  --box-padding-confined: calc(20rem / 16);
  --box-padding-notable: clamp(1.25rem, 5.23cqw + 0.16rem, 3.75rem);
  --box-padding-limited: clamp(1.25rem, 2.64cqw + 0.63rem, 1.88rem);
  --box-padding-important: clamp(2.5rem, 2.61cqw + 1.95rem, 3.75rem);
}

.box-pad--inline-side-nav {
  --box-pad-padding-inline: clamp(0.94rem, 16.92cqw + -7.88rem, 3.75rem);
}

.accordion-item__button {
  --button-border-style: none;
  --button-icon-color: var(--color-blue-bright);
  --button-selected-icon-color: var(--color-blue-bright);
  --button-background-color: var(--color-white);
  --button-selected-background-color: var(--color-white);
}

.accordion-item__content {
  --box-gradient: linear-gradient(180deg, var(--color-grey-lighter) 0, var(--color-white) 1rem);
}

.accordion-item__content * {
  --box-gradient: initial;
}

.filled-field {
  --filled-field-background-color: var(--color-grey-light);
  --filled-field-icon-color: var(--color-grey-dark);
  --filled-field-unit-color: var(--color-charcoal);
  --tag-color: var(--color-charcoal-dark);
  --tag-border-color: var(--color-grey-dark);
  --tag-background-color: var(--color-grey-light);
}

.filled-field__label {
  font-size: 0.875rem;
  line-height: 1.3;
  color: var(--color-charcoal);
}
.filled-field__label strong {
  color: var(--color-charcoal-dark);
}

.main-nav-section-link {
  --link-border-style: none;
  --link-color: var(--color-white);
  --link-hover-color: var(--color-white);
  --link-background-color: var(--color-blue);
  --link-hover-background-color: var(--color-blue-bright);
  --link-icon-color: var(--color-blue-bright);
  --link-icon-hover-color: var(--color-blue-pale);
  --link-current-icon-color: var(--color-blue-bright);
  --link-current-hover-icon-color: var(--color-blue-pale);
  --link-current-background-color: var(--color-blue-light);
  --link-current-hover-background-color: var(--color-blue-bright);
  --link-current-ribbon-color: var(--color-red-light);
}

:root {
  --choice-button-icon-color: var(--color-charcoal-light);
  --choice-button-hover-icon-color: var(--color-blue-bright);
  --choice-button-selected-icon-color: var(--color-white);
  --choice-button-selected-hover-icon-color: var(--color-white);
  --choice-button-disabled-icon-color: var(--color-charcoal-light);
}

.tab-group {
  --tab-group-list-background-color: var(--color-grey-shade);
}

.tab-group__tab-row {
  --tab-group-row-width: var(--size-row-max-width);
  --tab-group-row-padding-inline: var(--size-row-padding-inline);
}

.tab-group__tab-row > * {
  max-width: none;
}

:root {
  --tab-panel-block-padding: clamp(1.88rem, 2.18cqw + 1.36rem, 2.5rem);
}

.sub-nav-link {
  --link-color: var(--color-blue);
  --link-background-color: var(--color-grey);
  --link-border-color: transparent;
  --link-selected-border-color: var(--color-red-light);
  --link-hover-color: var(--color-blue);
  --link-hover-background-color: var(--color-blue-pale);
  --link-hover-border-color: var(--color-blue-pale);
  --link-selected-color: var(--color-white);
  --link-selected-background-color: var(--color-blue-bright);
  font-size: clamp(0.88rem, 0.44vw + 0.77rem, 1rem);
  font-weight: 700;
  line-height: 1.1;
}

.titled-section {
  --grid-border-color: var(--color-grey);
}

.validation-message {
  --labelled-icon-icon-size: calc(18rem / 16);
  --labelled-icon-gap: calc(7rem / 16);
  color: var(--color-red-light);
}

:root {
  --title-bar-title-font: var(--font-display);
}

:root {
  --page--padding-inline: clamp(1.25rem, 5.52cqw + -0.04rem, 3.75rem);
  --page--max-width: calc(1100rem / 16);
  --page--max-width-wide: calc(1800rem / 16);
  --page--padding-block: clamp(1.25rem, 4.14cqw + 0.28rem, 3.13rem);
}
@media print {
  :root {
    --page--padding-block: 40px;
  }
}

.page__buttons {
  box-shadow: 0 0 0.25rem var(--color-shadow_25);
}

:root {
  --simple-tab-group-bottom-border: solid calc(4rem / 16) var(--color-grey);
}

.tab-size--tab-small {
  --simple-tab-group-tab-min-width: 2rem;
}

.tab-size--tab-medium {
  --simple-tab-group-tab-min-width: calc(124rem / 16);
}

.breadcrumb {
  --breadcrumb-padding-block: calc(15rem / 16);
  --breadcrumb-padding-inline: var(--is-burger-displayed, var(--page--padding-inline));
  --breadcrumb-padding-inline-end: var(--page--padding-inline);
  --breadcrumb-list-padding-inline-start: var(--is-burger-hidden, calc(15rem / 16));
}

.breadcrumb__item-link {
  --link-icon-gap: calc(5rem / 16);
  --link-icon-size: calc(18rem / 16);
  --link-color: var(--color-blue);
  --link-hover-color: var(--color-blue);
  --link-hover-text-decoration: underline;
  --link-selected-color: var(--color-charcoal);
  border-radius: 0.125rem;
}

.breadcrumb__item-link--root {
  --link-icon-color: var(--color-blue-bright);
}

.breadcrumb__item-link--child {
  --link-icon-color: var(--color-grey);
  --link-selected-icon-color: var(--color-grey);
}

pop-tip {
  --pop-tip-drop-shadow: drop-shadow(0 0 calc(10rem / 16) var(--color-shadow_25));
  --pop-tip-background-color: var(--color-white);
}

.avatar {
  --avatar-highlight-color: var(--color-red-light);
  --avatar-name-color: var(--color-white);
  --avatar-name-background-color: var(--color-blue);
}

.badge-icon {
  --badge-icon-count-color: var(--color-white);
  --badge-icon-count-background-color: var(--color-red-light);
}

.data-review {
  --data-review-border-width: calc(1rem / 16);
  --data-review-border-color: var(--color-grey-light);
  --data-review-dt-color: var(--color-charcoal);
  --data-review-dt-font-size: calc(14rem / 16);
}

:where(.data-table) {
  --table-rowheader-font-weight: 700;
}
:where(.data-table):where(:has(thead)) {
  --table-rowheader-font-weight: 400;
}

.data-table {
  --table-cell-padding-inline-start: calc(10rem / 16);
  --table-cell-padding-inline-end: calc(10rem / 16);
  --table-cell-first-padding-inline-start: calc(20rem / 16);
  --table-cell-last-padding-inline-end: calc(20rem / 16);
  --table-columnheader-font-size: calc(14rem / 16);
  --table-columnheader-color: var(--color-charcoal-dark);
  --table-columnheader-background-color: var(--color-grey);
  --table-columnheader-padding-block: calc(9rem / 16) calc(10rem / 16);
  --table-rowheader-color: var(--color-charcoal-dark);
  --table-body-background-color: var(--color-white);
  --table-body-row-overlay-color: oklch(100% 0 none / 0.34);
  --table-body-row-alt-overlay-color: oklch(0% 0.00252 228.78 / 0.04);
  --table-body-cell-color: var(--color-charcoal-dark);
  --table-body-cell-secondary-color: var(--color-charcoal);
  --table-body-cell-positive-color: var(--color-green);
  --table-body-cell-positive-background-color: var(--color-grey-light);
  --table-body-cell-negative-color: var(--color-red);
  --table-body-cell-warning-color: var(--color-orange-dark);
  --table-body-cell-subdued-color: var(--color-charcoal);
  --table-body-cell-subdued-background-color: var(--color-grey-lighter);
  --table-body-cell-diminished-color: var(--color-grey-dark);
  --table-body-cell-diminished-background-color: var(--color-white);
  --table-body-cell-urgent-background-color: var(--color-red-tint);
  --table-body-cell-caution-color: var(--color-orange-dark);
  --table-body-cell-caution-background-color: var(--color-orange-tint);
  --table-body-cell-padding-block: calc(15rem / 16);
  --table-body-cell-border-block-end: solid thin var(--table-border-color);
  --table-border: solid thin var(--table-border-color);
  --table-caption-font-size: 1rem;
  --table-caption-font-weight: var(--font-body-weight-bold);
  --table-caption-color: var(--color-charcoal-dark);
  --table-caption-background-color: var(--color-grey-shade);
  --table-caption-padding-block: calc(15rem / 16) calc(16rem / 16);
  --table-caption-padding-inline: var(--table-cell-first-padding-inline-start);
  --table-foot-cell-padding-block: calc(20rem / 16);
  --table-foot-cell-border-block-end: solid thin var(--color-grey-light);
  --table-foot-cell-border-inline: solid thin var(--color-grey-light);
  --table-foot-cell-background-color: var(--color-grey-light);
  --table-cell-important-cell-rule-color: var(--color-blue);
  --table-summary-colheader-color: var(--color-white);
  --table-summary-colheader-background-color: var(--color-blue);
  --table-summary-background-color: oklch(91% 0.046 241);
  --button-ui-default-background-color: transparent;
  --button-ui-destructive-background-color: transparent;
  --button-ui-alert-background-color: transparent;
}
.data-table small {
  font-size: 0.6875rem;
}

.data-table--collapsing-3-col-selectable {
  --data-table-width: 32rem;
}

@container --layout-width (width < 32rem) {
  .data-table--collapsing-3-col-selectable {
    display: block;
    --data-table-width: 16rem;
  }
  .data-table--collapsing-3-col-selectable [role=rowgroup] {
    display: block;
    --table-body-cell-padding-block: 0;
  }
  .data-table--collapsing-3-col-selectable [role=rowgroup]:is(thead) {
    position: absolute;
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    overflow: hidden;
    white-space: nowrap;
  }
  .data-table--collapsing-3-col-selectable [role=row] {
    display: grid;
    grid-template-columns: 3rem 1fr min-content;
    grid-template-rows: repeat(5, min-content);
    padding-block: 1.125rem;
    --table-body-cell-border-block-end: none;
  }
  .data-table--collapsing-3-col-selectable [role=row]:not(:last-child) {
    border-bottom: solid thin var(--table-border-color);
  }
  .data-table--collapsing-3-col-selectable [role=row] > * {
    display: block;
    grid-column-start: 2;
    grid-column-end: 3;
  }
  .data-table--collapsing-3-col-selectable [role=row] > *:first-child {
    grid-row-start: 1;
    grid-row-end: -1;
    grid-column-start: 1;
    grid-column-end: 2;
  }
  .data-table--collapsing-3-col-selectable [role=row] > *:nth-child(5) {
    grid-row-start: 1;
    grid-row-end: -1;
    grid-column-start: 3;
    grid-column-end: 4;
  }
}
.data-table--documents {
  --table-saw-row-position: relative;
  --table-saw-cell-content-weight: 400;
  --table-saw-cell-content-size: calc(14rem / 16);
  --table-saw-cell-content-color: var(--color-charcoal);
  --table-saw-ratio: ;
  --table-saw-cell-block-gap: calc(11rem / 16);
  --table-cell-width: 35%;
  --table-cell-small-width: 15%;
  --table-rowheader-font-weight: 700;
}
.data-table--documents td[no-table-saw-label] {
  --table-saw-cell-block-gap: ;
}
.data-table--documents thead th:first-child {
  width: 2.625rem;
}
.data-table--documents tbody td:first-child {
  --table-saw-cell-position: absolute;
  --table-saw-cell-inset: calc(13rem / 16) auto auto calc(15rem / 16);
}

.data-table--2-col-tally {
  --data-table-width: 12rem;
}
.data-table--2-col-tally thead {
  --table-cell-width: 6ch;
}
.data-table--2-col-tally th:first-child {
  --_table-cell-width: 100%;
}

.data-table--roster {
  --table-saw-row-position: relative;
  --table-saw-cell-content-weight: 400;
  --table-saw-cell-content-size: calc(14rem / 16);
  --table-saw-cell-content-color: var(--color-charcoal);
  --table-saw-row-padding-inline: calc(20rem / 16);
  --table-saw-ratio: ;
  --table-saw-cell-block-gap: calc(11rem / 16);
  --table-cell-width: 35%;
  --table-cell-small-width: 25%;
  --table-saw-row-display: grid;
  --table-saw-row-gap: 0;
  --table-rowheader-font-weight: 700;
}
.data-table--roster tr {
  grid-template-columns: 1fr 1fr;
  column-gap: 1rem;
}
.data-table--roster :is(td, th):empty {
  --table-saw-cell-block-gap: ;
  --table-saw-cell-content: ;
}
.data-table--roster :is(td, th)[no-table-saw-label] {
  --table-saw-cell-block-gap: ;
  --table-saw-cell-content: ;
}
.data-table--roster :is(td, th)[table-saw-col-span] {
  grid-column: span 2;
}
.data-table--roster tr.row--subdued {
  --table-saw-row-background-color: var(--table-body-cell-subdued-background-color);
}

.data-table--kpi {
  --columnheader-non-main-width: calc(270rem / 16);
  --table-saw-row-position: relative;
  --table-saw-cell-content-weight: 400;
  --table-saw-cell-content-size: calc(14rem / 16);
  --table-saw-cell-content-color: var(--color-charcoal);
  --table-saw-row-padding-inline: calc(20rem / 16);
  --table-saw-ratio: ;
  --table-saw-cell-block-gap: calc(11rem / 16);
  --table-saw-row-display: grid;
  --table-saw-row-gap: 0;
}
.data-table--kpi tr {
  grid-template-columns: 1fr 1fr;
  column-gap: 1rem;
}
.data-table--kpi :is(td, th):empty {
  --table-saw-cell-content: ;
}
.data-table--kpi :is(td, th)[no-table-saw-label] {
  --table-saw-cell-content: ;
}
.data-table--kpi :is(td, th)[table-saw-col-span] {
  grid-column: span 2;
}
.data-table--kpi tr.row--subdued {
  --table-saw-row-background-color: var(--table-body-cell-subdued-background-color);
}
.data-table--kpi td.button-cell {
  --table-saw-cell-display: flex;
}
.data-table--kpi td.button-cell:empty {
  --table-saw-cell-display: none;
}
.data-table--kpi td.button-cell > button {
  flex: auto;
}

.data-table--preferred-partners {
  --table-saw-row-position: relative;
  --table-saw-cell-content-weight: 400;
  --table-saw-cell-content-size: calc(14rem / 16);
  --table-saw-cell-content-color: var(--color-charcoal);
  --table-saw-ratio: ;
  --table-saw-cell-block-gap: calc(11rem / 16);
  --table-cell-width: 35%;
  --table-cell-small-width: calc(100rem / 16);
}
.data-table--preferred-partners td[no-table-saw-label] {
  --table-saw-cell-block-gap: ;
}
.data-table--preferred-partners thead th:first-child {
  width: 2.625rem;
}
.data-table--preferred-partners tbody td:first-child {
  --table-saw-cell-position: absolute;
  --table-saw-cell-inset: calc(11rem / 16) auto auto calc(15rem / 16);
}
.data-table--preferred-partners .cell--very-small {
  width: 2.5rem;
}

.data-table--group-training {
  --table-saw-row-position: relative;
  --table-saw-cell-content-weight: 400;
  --table-saw-cell-content-size: calc(14rem / 16);
  --table-saw-cell-content-color: var(--color-charcoal);
  --table-saw-cell-display: flex;
  --table-saw-cell-align-items: baseline;
  --table-saw-cell-gap: 0 calc(5rem / 16);
  --table-saw-cell-block-gap: calc(11rem / 16);
  --table-cell-width: 35%;
  --table-cell-small-width: 25%;
}
.data-table--group-training [no-table-saw-label] {
  --table-saw-cell-block-gap: ;
}
.data-table--group-training thead th:first-child {
  width: 2.625rem;
}
.data-table--group-training tbody td:first-child {
  --table-saw-cell-position: absolute;
  --table-saw-cell-inset: calc(13rem / 16) auto auto calc(15rem / 16);
}
.data-table--group-training tfoot {
  --table-saw-cell-display: grid;
}

.data-table--invoices {
  --table-saw-row-padding-block: calc(20rem / 16);
  --table-saw-row-padding-inline: calc(20rem / 16) calc(10rem / 16);
  --table-saw-cell-content-size: calc(14rem / 16);
  --table-saw-cell-content-weight: 400;
  --table-saw-cell-content-color: var(--color-charcoal);
  --table-saw-row-display: grid;
  --table-saw-cell-display: flex;
  --table-saw-row-gap: 0;
}
.data-table--invoices tr {
  grid-template-columns: 1fr 1fr;
  row-gap: 0.3125rem;
  column-gap: 0.625rem;
}
.data-table--invoices tr:has(a) {
  cursor: pointer;
}
.data-table--invoices tr:has(a):hover {
  --table-body-row-background-color: var(--color-blue-tint);
  --table-saw-row-background-color: var(--color-blue-tint);
}
.data-table--invoices td {
  flex-direction: column;
}
.data-table--invoices td:has(svg) {
  grid-row-start: 1;
  grid-column-start: 2;
  --table-saw-cell-align-items: end;
  --_table-cell-color: var(--color-blue);
}
.data-table--invoices a {
  --link-text-decoration: none;
  --link-color: var(--color-charcoal-dark);
  --link-hover-color: var(--color-charcoal-dark);
}

.data-table--management-tasks {
  --columnheader-non-main-width: calc((980rem / 16));
  --data-table-width: calc(1280rem / 16);
}

.data-table--products-list {
  --columnheader-non-main-width: calc((670rem / 16));
  --data-table-width: calc(900rem / 16);
  --table-rowheader-font-weight: 700;
}

.data-table--rates-commissions {
  --data-table-width: calc(640rem / 16);
}
.data-table--rates-commissions col {
  width: calc(var(--data-table-width) / 6);
}
.data-table--rates-commissions col:nth-child(odd) {
  background-color: var(--color-grey-lightish);
}
.data-table--rates-commissions col:nth-child(even) {
  background-color: var(--table-columnheader-background-color);
}
.data-table--rates-commissions thead {
  --table-columnheader-background-color: transparent;
}
.data-table--rates-commissions tbody {
  background-color: var(--table-body-background-color);
}

.data-table--star-score {
  --columnheader-non-main-width: calc((350rem / 16));
  --data-table-width: calc(570rem / 16);
}

.data-table--product-reconcile {
  --table-saw-row-padding-block: calc(20rem / 16);
  --table-saw-row-padding-inline: calc(20rem / 16);
  --table-saw-cell-content-size: calc(14rem / 16);
  --table-saw-cell-content-color: var(--color-charcoal);
  --table-saw-cell-content-weight: 400;
  --table-saw-cell-display: flex;
  --table-saw-cell-gap: calc(5rem / 16);
  --table-saw-cell-padding-block: calc(4.5rem / 16);
  --table-saw-cell-align-items: baseline;
  --table-cell-small-width: calc(90rem / 16);
  --table-cell-width: 65%;
}
.data-table--product-reconcile .cell--very-small {
  width: 3.75rem;
}
.data-table--product-reconcile td:has(.form-field) {
  flex-direction: column;
}
.data-table--product-reconcile .form-field {
  width: 100%;
}
.data-table--product-reconcile td:empty {
  --table-saw-cell-content: ;
}

.data-table--client-enquiries {
  --columnheader-non-main-width: calc((1285rem / 16));
  --data-table-width: calc(1480rem / 16);
}

.data-table--trainer-enquiries {
  --columnheader-non-main-width: calc((1215rem / 16));
  --data-table-width: calc(1380rem / 16);
}

.data-table--sms-communication {
  --table-saw-row-position: relative;
  --table-saw-cell-content-weight: 400;
  --table-saw-cell-content-size: calc(14rem / 16);
  --table-saw-cell-content-color: var(--color-charcoal);
  --table-saw-ratio: ;
  --table-saw-cell-block-gap: calc(11rem / 16);
  --table-cell-width: 40%;
  --table-cell-medium-width: 25%;
  --table-cell-small-width: 6rem;
}
.data-table--sms-communication td[no-table-saw-label] {
  --table-saw-cell-block-gap: ;
}
.data-table--sms-communication thead th:first-child {
  width: 2.625rem;
}
.data-table--sms-communication tbody td:first-child {
  --table-saw-cell-position: absolute;
  --table-saw-cell-inset: calc(13rem / 16) auto auto calc(15rem / 16);
}

side-scroll:has(> .data-table--bioscan) {
  --side-scroll-shadow-offset: calc(200rem / 16);
}

.data-table--bioscan {
  --table-columnheader-font-weight: 700;
  --table-rowheader-font-weight: 700;
  --table-foot-row-background-color: var(--table-body-row-overlay-color);
  --table-foot-cell-background-color: initial;
  --table-foot-cell-border-block-end: solid calc(1rem / 16) var(--color-grey);
  --table-foot-cell-border-inline: none;
  --table-cell-first-padding-inline-start: calc(15rem / 16);
  --table-cell-last-padding-inline-end: calc(15rem / 16);
  --table-cell-padding-inline-start: calc(15rem / 16);
  --table-cell-padding-inline-end: calc(15rem / 16);
  --_cell-width: calc(100rem / 16);
  --_rowheader-width: calc(170rem / 16);
}
.data-table--bioscan tr:has(+ .table-row-divider) {
  --_table-cell-border-block-end: solid thin var(--color-charcoal-dark);
}
.data-table--bioscan thead th:not(:first-child),
.data-table--bioscan td {
  --_table-cell-align: right;
}
.data-table--bioscan :is(thead, tbody, tfoot) {
  position: relative;
}
.data-table--bioscan :is(thead, tbody, tfoot) th:first-child {
  --table-columnheader-cell-background-color: var(--table-columnheader-background-color);
  --table-rowheader-background-color: var(--table-body-pinned-cell-background-color);
  --table-footheader-background-color: var(--table-body-background-color);
  position: sticky;
  left: 0;
}
.data-table--bioscan thead th {
  --_table-cell-width: var(--_cell-width);
}
.data-table--bioscan thead th:first-child {
  --_table-cell-width: var(--_rowheader-width);
}
.data-table--bioscan tbody th small {
  font-weight: normal;
  color: var(--color-grey-dark);
}
.data-table--bioscan tfoot tr:last-child {
  --_table-cell-font-weight: 700;
}

.data-table--exercise {
  --columnheader-non-main-width: calc((380rem / 16));
  --data-table-width: calc(650rem / 16);
}

.data-table--goal-session-call {
  --columnheader-non-main-width: calc((520rem / 16));
  --data-table-width: calc(740rem / 16);
}

.data-table--group-training-planner {
  --columnheader-non-main-width: calc((310rem / 16));
  --data-table-width: calc(460rem / 16);
}

.data-table--exercise-history {
  --data-table-width: calc(400rem / 16);
}
.data-table--exercise-history tbody:nth-child(even) {
  --table-body-row-background-color: var(--table-body-cell-subdued-background-color);
  --rowheader-background-color: var(--color-grey);
}
.data-table--exercise-history [scope=rowgroup] {
  --_table-cell-vertical-align: top;
  --table-rowheader-font-weight: normal;
  --table-body-cell-background-color: var(
  	--rowheader-background-color,
  	var(--color-grey-lightish)
  );
}

.data-table--comments {
  --table-rowheader-font-weight: normal;
  --data-table-width: calc(694rem / 16);
  --columnheader-non-main-width: calc(438rem / 16);
}
.data-table--comments tbody:nth-child(even) {
  --table-body-row-background-color: var(--table-body-cell-subdued-background-color);
}

side-scroll:has(> .data-table--pre-scan-checklist) {
  --side-scroll-shadow-offset: calc(200rem / 16);
  display: flex;
  flex-direction: row-reverse;
  justify-content: end;
}

.data-table--pre-scan-checklist {
  --table-rowheader-font-weight: 700;
  --table-cell-first-padding-inline-start: calc(15rem / 16);
  --table-cell-last-padding-inline-end: calc(15rem / 16);
  --table-cell-padding-inline-start: calc(15rem / 16);
  --table-cell-padding-inline-end: calc(15rem / 16);
  --_cell-width: calc(100rem / 16);
  --_rowheader-width: calc(170rem / 16);
}
.data-table--pre-scan-checklist :is(thead, tbody, tfoot) {
  position: relative;
}
.data-table--pre-scan-checklist :is(thead, tbody, tfoot) th:first-child {
  --table-columnheader-cell-background-color: var(--table-columnheader-background-color);
  --table-rowheader-background-color: var(--table-body-pinned-cell-background-color);
  --table-footheader-background-color: var(--table-body-background-color);
  position: sticky;
  left: 0;
}
.data-table--pre-scan-checklist thead th {
  --_table-cell-width: var(--_cell-width);
}
.data-table--pre-scan-checklist thead th:first-child {
  --_table-cell-width: var(--_rowheader-width);
}

.data-table--exercise-plan-planner {
  --data-table-width: calc(690rem / 16);
  --columnheader-non-main-width: calc(545rem / 16);
}

.data-table--exercise-plan-tracker {
  --data-table-width: calc(770rem / 16);
  --columnheader-non-main-width: calc(625rem / 16);
}

.data-table--exercise-plan {
  --table-rowheader-font-weight: 700;
  --text-button-font-size: 1rem;
}
.data-table--exercise-plan :is(th, td)[rowspan] {
  --_table-cell-vertical-align: top;
}
.data-table--exercise-plan :is(th, td)[rowspan] > strong {
  margin-block-start: 0.625rem;
}
.data-table--exercise-plan :is(th, td)[rowspan] .row-title {
  margin-block-start: 0.1875rem;
}

.data-table--exercise-form {
  --table-border-inline: none;
  --table-border-block: none var(--table-border);
  --table-cell-width: 30%;
  --table-cell-small-width: calc(40rem / 16);
  --table-cell-medium-width: calc(120rem / 16);
  --table-cell-large-width: calc(360rem / 16);
  --table-saw-row-display: grid;
  --table-saw-row-padding-block: calc(15rem / 16);
  --table-saw-row-padding-inline: calc(20rem / 16);
  --table-saw-cell-display: grid;
  --table-saw-ratio: 1fr;
  --table-saw-cell-gap: calc(10rem / 16);
  --table-saw-cell-content-size: calc(14rem / 16);
  --table-saw-cell-content-color: var(--color-charcoal);
  --table-saw-cell-content-weight: 400;
  --table-rowheader-font-weight: 700;
  --text-button-padding: 0;
  --text-button-font-size: 1rem;
}
.data-table--exercise-form tr {
  grid-template-columns: 1fr 1fr;
  grid-template-columns: repeat(auto-fit, minmax(min(7.5rem, 100%), 1fr));
  column-gap: 1.25rem;
  row-gap: 0.9375rem;
}
.data-table--exercise-form .cell--positioned {
  --table-saw-cell-position: relative;
}
.data-table--exercise-form th[rowspan] {
  --_table-cell-vertical-align: top;
}
.data-table--exercise-form [span-grid-row] {
  grid-column: 1/-1;
}
.data-table--exercise-form td:empty {
  --table-saw-cell-display: none;
}

.exercise-row--easy {
  --table-body-row-background-color: var(--color-blue-tint);
  --table-saw-row-background-color: var(--color-blue-tint);
  --not-field-background-color: var(--color-blue-pale);
}

.exercise-row--rest {
  --table-body-row-background-color: var(--color-green-tint);
  --table-saw-row-background-color: var(--color-green-tint);
  --not-field-background-color: var(--color-green-pale);
}

side-scroll:has(> .data-table--measurements) {
  --_sticky-outer-width: min(
  		calc(104rem / 16),
  		calc((100cqi - (150rem / 16)) / 3)
  	);
  --side-scroll-shadow-offset: calc(var(--_sticky-outer-width) * 3);
}

.data-table--measurements {
  --table-rowheader-font-weight: 700;
  --table-cell-first-padding-inline-start: var(--_cell-inline-pad);
  --table-cell-last-padding-inline-end: var(--_cell-inline-pad);
  --table-cell-padding-inline-start: var(--_cell-inline-pad);
  --table-cell-padding-inline-end: var(--_cell-inline-pad);
  --_cell-width: calc(64rem / 16);
  --_cell-inline-pad: calc(15rem / 16);
  --cell-icon-inline: auto;
}
.data-table--measurements thead th:not(:first-child),
.data-table--measurements td {
  --_table-cell-align: center;
}
.data-table--measurements :is(thead, tbody, tfoot) {
  position: relative;
}
.data-table--measurements :is(thead, tbody, tfoot) th:first-child,
.data-table--measurements :is(thead, tbody, tfoot) th:first-child + * {
  --table-columnheader-cell-background-color: var(--table-columnheader-background-color);
  --table-rowheader-background-color: var(--table-body-pinned-cell-background-color);
  --table-body-cell-background-color: var(--table-body-pinned-cell-background-color);
  position: sticky;
  left: 0;
}
.data-table--measurements :is(thead, tbody, tfoot) th:first-child + * {
  left: calc(var(--_sticky-outer-width) * 2);
}
.data-table--measurements thead th {
  --_table-cell-width: var(--_cell-width);
}
.data-table--measurements thead th:first-child {
  --_table-cell-width: calc((var(--_sticky-outer-width) * 2) - (var(--_cell-inline-pad) * 2));
}
.data-table--measurements thead th:nth-child(2) {
  --_table-cell-width: calc((var(--_sticky-outer-width) * 1) - (var(--_cell-inline-pad) * 2));
}
.data-table--measurements thead th:last-child {
  --_table-cell-width: calc(120rem / 16);
}

.col-negative {
  background-color: oklch(100% 0.091 18deg);
}

.colheader-negative {
  background-color: var(--color-red-mid);
}

.data-table--today-task {
  --table-rowheader-font-weight: 700;
  --data-table-width: calc(1100rem / 16);
}

.data-table--spot-checks {
  --columnheader-non-main-width: calc((280rem / 16));
  --data-table-width: calc(774rem / 16);
  --table-rowheader-font-weight: 700;
}

.data-table--action-request {
  --columnheader-non-main-width: calc((666rem / 16));
  --data-table-width: calc(888rem / 16);
}

.data-table--direct-debit {
  --columnheader-non-main-width: calc((780rem / 16));
  --data-table-width: calc(1230rem / 16);
}
:where(.data-table--direct-debit thead th:not(:first-child), .data-table--direct-debit td) {
  --_table-cell-align: right;
}

.data-table--sessions-payment {
  --data-table-width: calc(760rem / 16);
}

.data-table--cart-product-list {
  --data-table-width: 10rem;
  --table-rowheader-font-weight: 700;
}
@container --layout-width (width < 32rem) {
  .data-table--cart-product-list {
    --table-body-cell-border-block-end: none;
    display: block;
  }
  .data-table--cart-product-list :is(thead, tbody) {
    display: block;
  }
  .data-table--cart-product-list tr {
    display: flex;
    flex-wrap: wrap;
  }
  .data-table--cart-product-list tr:not(:last-child) {
    border-bottom: solid thin var(--table-border-color);
  }
  .data-table--cart-product-list :is(th, td) {
    display: block;
  }
  .data-table--cart-product-list :is(th, td):first-child {
    flex-grow: 1;
  }
  .data-table--cart-product-list :is(th, td):not(:last-child) {
    --table-body-cell-padding-block: calc(15rem / 16) 0;
  }
  .data-table--cart-product-list thead th:last-child {
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
  }
  .data-table--cart-product-list tbody :is(th, td):last-child {
    width: 100%;
    --table-cell-last-padding-inline-end: var(--table-cell-padding-inline-start);
    --flex-item-width: 100%;
  }
}

.data-table--cart-order-summary {
  --table-rowheader-font-weight: 700;
  --table-saw-cell-display: flex;
  --table-saw-cell-gap: 0.5ch;
  --table-saw-row-padding-inline: calc(15rem / 16);
  --table-saw-cell-content-weight: 400;
  --table-saw-cell-content-color: var(--color-charcoal);
  --table-saw-cell-content-size: calc(14rem / 16);
  --table-saw-cell-align-items: baseline;
  --table-saw-row-position: relative;
  --table-saw-cell-block-gap: calc(9rem / 16);
  --table-saw-row-gap: 0;
}
.data-table--cart-order-summary tfoot {
  --table-saw-row-display: flex;
  --table-saw-cell-display: block;
  --table-saw-cell-block-gap: 0;
  --table-saw-row-padding-inline: 0;
  --table-saw-cell-padding-inline: calc(15rem / 16);
}
.data-table--cart-order-summary tfoot tr {
  --table-saw-row-background-color: var(--color-grey-light);
  --table-saw-row-padding-block: 0;
  --table-saw-cell-padding-block: var(--table-foot-cell-padding-block);
}
.data-table--cart-order-summary tfoot tr:first-child {
  --table-foot-cell-border-block-start: var(--table-saw--OFF, var(--table-border));
  --table-foot-cell-padding-block: calc(20rem / 16) calc(5rem / 16);
}
.data-table--cart-order-summary tfoot tr:last-child {
  --table-foot-cell-border-block-end: var(--table-border);
  --table-foot-cell-padding-block: calc(5rem / 16) calc(20rem / 16);
  --table-saw-row-border-block: none;
}
.data-table--cart-order-summary tfoot th {
  --table-foot-cell-border-inline: var(--table-border), none;
  flex-grow: 1;
}
.data-table--cart-order-summary tfoot td:empty {
  --table-saw-cell-display: none;
}
.data-table--cart-order-summary tfoot td:last-child {
  --table-foot-cell-border-inline: none, var(--table-border);
}
.data-table--cart-order-summary tbody th {
  --table-saw-cell-padding-inline: 0 calc(55rem / 16);
}
.data-table--cart-order-summary .cell--menu {
  --table-saw-cell-position: absolute;
  --table-saw-cell-inset: calc(25rem / 16) calc(15rem / 16) auto auto;
  --table-saw-cell-margin-block-start: 0;
}
.data-table--cart-order-summary td:has(> .form-field) {
  --table-saw-cell-display: grid;
  --table-saw-ratio: 1fr;
  --field-margin-block: var(--table-saw--ON, calc(15rem / 16)) ;
}

.data-table--performance-metrics {
  --table-cell-small-width: calc(78rem / 16);
  --table-cell-medium-width: calc(100rem / 16);
  --table-cell-large-width: calc(160rem / 16);
  --table-body-cell-padding-block: calc(6rem / 16);
  --table-cell-first-padding-inline-start: var(--side-nav-inline-padding);
}
.data-table--performance-metrics :where(mark) {
  display: inline;
  box-decoration-break: clone;
  border-radius: 0.3125rem;
  padding-block: 0.1875rem;
  padding-inline: 0.3125rem;
  --mark-background-color: var(--color-orange-pale);
  min-inline-size: 100%;
}
.data-table--performance-metrics thead {
  position: sticky;
  top: 0;
  z-index: 1;
}
@media print {
  .data-table--performance-metrics thead {
    border-block: solid 2px black;
  }
}
.data-table--performance-metrics tbody {
  break-inside: avoid;
}
.data-table--performance-metrics tbody:nth-of-type(even) {
  --table-body-row-background-color: var(--table-body-cell-subdued-background-color);
}
.data-table--performance-metrics tbody tr:first-child :is(th, td) {
  --table-body-cell-padding-block: calc(13rem / 16) calc(6rem / 16);
}
.data-table--performance-metrics tbody tr:first-child :is(th, td)[rowspan="5"] {
  --table-body-cell-padding-block: calc(13rem / 16);
}
.data-table--performance-metrics tbody :is(th, td)[rowspan="4"] {
  --table-body-cell-padding-block: calc(13rem / 16);
}
.data-table--performance-metrics tbody .pm_unruled :is(th, td) {
  --table-body-cell-padding-block: calc(6rem / 16) calc(13rem / 16);
}
@media print {
  .data-table--performance-metrics {
    --table-border-inline: none;
  }
  .data-table--performance-metrics .avatar {
    display: none;
  }
  .data-table--performance-metrics .name-tag__link {
    font-weight: 700;
  }
}

.pm_groupheader {
  position: sticky;
  left: 0;
}

.pm_spacer {
  --table-body-cell-padding-block: 0;
}

.pm_columnheader--main {
  width: 22.5rem;
}

.pm_columnheader--week-span {
  width: 14.625rem;
}

.pm_columnheader--current-week {
  width: 0.625rem;
}

.pm_columnheader--metric {
  font-size: 1rem;
  --table-body-cell-padding-block: calc(6rem / 16);
  --_table-cell-align: center;
  --_table-cell-padding-inline-start: 1px;
  --_table-cell-padding-inline-end: 1px;
}

.pm_cell--metric {
  height: 1.75rem;
  font-size: 1rem;
  --table-body-cell-padding-block: calc(6rem / 16);
  --_table-cell-align: center;
  --_table-cell-padding-inline-start: 1px;
  --_table-cell-padding-inline-end: 1px;
}
.pm_cell--metric * {
  display: block;
}
.pm_cell--metric strong:not(:has(> mark)) {
  border: solid thin var(--color-grey-lightish);
  padding-block: 0.1875rem;
  padding-inline: 0.3125rem;
  border-radius: 0.3125rem;
}

.pm_unruled {
  --table-body-cell-border-block-end: none;
}

.data-table--academy-completion {
  --data-table-width: min(100cqi + (180rem / 16), (752rem / 16));
  --columnheader-non-main-width: calc(160rem / 16);
  --table-cell-medium-width: calc(160rem / 16);
  --table-caption-font-weight: 700;
}

.data-table--paid-by {
  --data-table-width: calc(700rem / 16);
  --table-cell-padding-inline-start: 0;
  --table-cell-first-padding-inline-start: 0;
  --table-caption-font-weight: 700;
  --table-caption-background-color: transparent;
  --table-columnheader-background-color: transparent;
  --table-border-block: none;
  --table-border-inline: none;
  --table-columnheader-border-block-start: var(--table-border);
  --table-columnheader-border-block-end: var(--table-border);
  --table-body-cell-border-block-end: none;
  --table-columnheader-font-size: calc(14rem / 16);
  --table-columnheader-color: var(--color-charcoal);
}

.data-table--seminar-selection {
  --columnheader-non-main-width: calc((300rem / 16));
  --data-table-width: calc(600rem / 16);
}

.form-field {
  --field-padding-inline-start: calc(16rem / 16);
  --input-font-size: calc(16rem / 16);
  --input-padding-block: calc(14rem / 16);
  --input-padding-inline-end: calc(16rem / 16);
  --input-color: var(--color-charcoal-dark);
  --input-background-color: var(--color-white);
  --input-disabled-border-color: var(--color-grey-light);
  --input-disabled-background-color: var(--color-grey-light);
  --input-border-width: 1px;
  --input-border-color: var(--color-grey);
  --input-hover-border-color: var(--color-blue);
  --input-invalid-border-color: var(--color-red-light);
  --input-placeholder-color: var(--color-charcoal-light);
  --file-input-padding-block: var(--input-padding-block);
  --file-input-padding-inline: var(--field-padding-inline-start);
  --file-input-color: ;
  --file-input-background-color: transparent;
  --file-input-button-padding-block: calc(8rem / 16);
  --file-input-button-padding-inline: 1rem;
  --file-input-button-border-radius: calc(1rem * Infinity);
  --file-input-button-border-color: var(--color-charcoal);
  --file-input-button-background-color: var(--file-input-background-color);
  --file-input-button-hover-background-color: white;
  --select-padding-block-start: calc(13rem / 16);
  --select-padding-block-end: calc(14rem / 16);
  --select-padding-inline-start: calc(15rem / 16);
  --select-padding-inline-end: calc(36rem / 16);
  --select-icon-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%230079d1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  --select-error-icon-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23EA0029' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  --select-disabled-icon-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23a7a8ab' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  --select-icon-size: calc(24rem / 16);
  --select-icon-right-position: calc(13rem / 16);
  --select-icon-top-position: calc(13rem / 16);
  --form-field-extra-label-color: var(--color-charcoal-dark);
  --form-field-extra-label-background-color: var(--color-grey-lighter);
  --form-field-extra-label-border-color: var(--input-border-color);
  --form-field-currency-symbol-width: calc(38rem / 16);
  --form-field-left-icon-width: calc(47rem / 16);
  --form-field-right-icon-width: calc(47rem / 16);
  --form-field-right-button-width: calc(50rem / 16);
  --form-field-icon-color: var(--color-blue-bright);
  --form-field-unit-label-border-color: ;
  --form-field-layout-height: calc(50rem / 16);
  --form-field-popover-shadow: drop-shadow(0 calc(5rem / 16) calc(10rem / 16) var(--color-shadow_25));
  --choice-button-color: var(--color-charcoal-dark);
  --choice-button-secondary-color: var(--color-charcoal);
  --choice-button-border-color: var(--color-grey);
  --choice-button-background-color: var(--color-white);
  --choice-button-checked-color: var(--color-white);
  --choice-button-checked-border-color: var(--color-blue-bright);
  --choice-button-checked-background-color: var(--color-blue-bright);
  --choice-button-hover-border-color: var(--color-blue-pale);
  --choice-button-hover-background-color: var(--color-blue-pale);
  --choice-button-disabled-color: var(--color-charcoal-light);
  --choice-button-disabled-background-color: var(--color-grey-light);
  --choice-button-disabled-border-color: var(--color-grey);
  --highlight-matching-tag-color: var(--color-blue-system);
  font-size: 0.875rem;
  line-height: 1.3;
  color: var(--color-charcoal);
}

.form-field--show-error {
  --form-field-extra-label-color: var(--color-red-light);
  --form-field-extra-label-background-color: var(--color-red-pale);
  --form-field-extra-label-border-color: var(--input-invalid-border-color);
  --form-field-currency-symbol-border-color: var(--input-invalid-border-color);
  --form-field-icon-color: var(--color-red-light);
}

.form-field__label strong {
  font-weight: normal;
  color: var(--color-charcoal-dark);
}

.form-field__required-indicator {
  color: var(--color-red-light);
  font-weight: 700;
}

.form-field__character-count {
  font-size: 0.75rem;
  color: var(--color-charcoal-light);
}

.form-field__supporting-text {
  color: var(--color-charcoal-light);
}

.form-field__field-layout--short-number {
  --form-field-input-max-width: 3ch;
  --form-field-input-box-sizing: content-box;
}

.form-section {
  --form-section-divider-border: 1px solid var(--color-grey);
}

.loading-panel__pending {
  background-color: var(--color-grey-lighter-90);
  border: solid thin var(--color-grey-light);
  border-radius: 50%;
  padding: 1.25rem;
  opacity: 0;
}
.loading-panel[inert] .loading-panel__pending {
  animation-name: fadeIn;
  animation-delay: 0.2s;
  animation-duration: 0.75s;
  animation-timing-function: ease-in;
  animation-fill-mode: forwards;
}

.loading-panel__pending-icon {
  animation-name: spin;
  animation-duration: 0.75s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  color: var(--color-blue-bright);
}

.main-nav-link {
  --link-color: var(--color-blue-pale);
  --link-hover-color: var(--color-white);
  --link-selected-color: var(--color-white);
  --link-background-color: var(--color-blue-dark);
  --link-selected-background-color: var(--color-blue-light);
  --link-hover-background-color: var(--color-blue-bright);
  border-radius: 0.375rem;
  font-size: 1.0625rem;
  line-height: 1.5;
}

:root {
  --modal-dialog-footer-box-shadow: 0 0 calc(4rem / 16) var(--color-shadow-25);
  --box-padding-dialog-middle: clamp(0rem, 6.54vw + -1.53rem, 1.88rem) clamp(1.88rem, 6.54vw + 0.34rem, 3.75rem);
  --box-padding-dialog-ui: calc(15rem / 16);
}

.modal-dialog--side-drawer {
  --modal-dialog-footer-box-shadow: 0 0 calc(4rem / 16) var(--color-shadow_25);
  --title-bar-padding: clamp(0.13rem, 0.44vw + 0.02rem, 0.25rem);
  --title-bar-padding-left: clamp(1.25rem, 2.18vw + 0.74rem, 1.88rem);
  --title-bar-title-size: clamp(1.13rem, 3.49vw + 0.31rem, 2.13rem);
}

.progress-step {
  --progress-step-label-line-height: 1.2;
  --progress-step-label-font-size: clamp(0.75rem, 0.44vw + 0.65rem, 0.88rem);
}

.progress-step--done {
  --progress-step-connector-color: var(--color-green);
  --progress-step-menu-color: var(--color-charcoal-dark);
  --progress-step-menu-background-color: var(--color-grey);
  --button-border-style: none;
  --button-border-radius: 50%;
  --step-indicator-color: var(--color-white);
  --step-indicator-border-color: var(--color-green);
  --step-indicator-background-color: var(--color-green);
}
.progress-step--done:hover {
  --progress-step-menu-background-color: var(--color-blue-pale);
  --step-indicator-border-color: var(--color-green-dark);
  --step-indicator-background-color: var(--color-green-dark);
}

.progress-step--current {
  --progress-step-connector-color: var(--color-green);
  --progress-step-menu-color: var(--color-white);
  --progress-step-menu-background-color: var(--color-blue-bright);
  --progress-step-menu-highlight-color: var(--color-red-light);
  --progress-step-menu-highlight-width: calc(4rem / 16);
  --step-indicator-color: var(--color-green);
  --step-indicator-border-color: var(--color-green);
  --step-indicator-background-color: var(--color-white);
}

.progress-step--none {
  --progress-step-connector-color: var(--color-grey);
  --progress-step-label-color: var(--color-charcoal-light);
  --progress-step-menu-color: var(--color-grey-dark);
  --progress-step-menu-background-color: var(--color-grey);
  --step-indicator-color: var(--color-white);
  --step-indicator-border-color: var(--color-grey);
  --step-indicator-background-color: var(--color-grey);
}

:root {
  --progress-stepper-list-width: var(--size-row-max-width);
  --progress-stepper-pane-box-side-pad: clamp(1.25rem, 2.18vw + 0.74rem, 1.88rem);
  --progress-stepper-list-bar-top-pad: clamp(0.94rem, 3.27vw + 0.17rem, 1.88rem);
  --progress-stepper-list-bar-bottom-pad: clamp(2.25rem, 3.7vw + 1.38rem, 3.31rem);
  --progress-step-menu-divider-color: var(--color-grey-shade);
  --progress-step-menu-horizontal-min-width: calc(85rem / 16);
  --progress-step-menu-label-font-size: calc(14rem / 16);
  --progress-step-menu-label-padding-block: calc(10rem / 16);
  --progress-step-menu-label-padding-inline: calc(20rem / 16) calc(15rem / 16);
  --progress-step-menu-shadow: 0 0 calc(40rem / 16) rgb(0 0 0 / 40%);
  --step-indicator-font-weight: 700;
  --step-indicator-font-size: clamp(0.75rem, 0.87vw + 0.55rem, 1rem);
  --step-indicator-min-width: clamp(1.25rem, 2.18vw + 0.74rem, 1.88rem);
  --step-indicator-icon-size: clamp(0.63rem, 2.18vw + 0.11rem, 1.25rem);
}

table-saw {
  --table-saw-row-gap: calc(1rem / 16);
  --table-saw-row-padding-block: calc(25rem / 16);
  --table-saw-row-padding-inline: calc(72rem / 16) calc(15rem / 16);
  --table-saw-cell-padding-block: 0;
  --table-saw-cell-padding-inline: 0;
  --table-saw-cell-border-block: none;
}
table-saw tr {
  --table-saw-row-border-block: var(--table-body-cell-border-block-end);
  --table-saw-row-background-color: var(--table-body-cell-background-color);
}
table-saw :is(th, td)[no-table-saw-label] {
  --table-saw-cell-content: ;
  --table-saw-cell-display: block;
}

:root {
  --tag-padding-block: calc(11rem / 16);
}

.tag--type-session {
  --tag-color: var(--category-theme-color);
  --tag-border-color: var(--category-theme-accent-color);
  --tag-background-color: var(--category-theme-background-color);
  --tag-padding-inline: calc(10rem / 16) calc(20rem / 16);
  --tag-padding-block: calc(6rem / 16);
  --labelled-icon-icon-color: var(--category-theme-icon-color);
  --labelled-icon-gap: calc(8rem / 16);
  --labelled-icon-icon-size: calc(20rem / 16);
}

.tag--type-single {
  --tag-color: var(--category-theme-color);
  --tag-border-color: var(--category-theme-accent-color);
  --tag-background-color: var(--category-theme-background-color);
  --tag-padding-block: 0;
  --tag-padding-inline: calc(10rem / 16) calc(20rem / 16);
  --labelled-icon-icon-color: var(--category-theme-icon-color);
  --labelled-icon-gap: calc(10rem / 16);
  --labelled-icon-icon-size: calc(32rem / 16);
}

.row-title {
  line-height: 1.3;
  font-weight: 400;
}

.side-scroll-nav__list {
  --inline-wrapping-bricks-gap: calc(10rem / 16);
  --side-scroll-nav-padding-block: clamp(1.25rem, 2.18cqw + 0.74rem, 1.88rem);
}

.switch {
  --switch-label-color: var(--color-charcoal);
  --switch-label-font-size: calc(14rem / 16);
  --switch-border-width: calc(1rem / 16);
  --switch-off-color: var(--color-charcoal);
  --switch-off-hover-color: var(--color-blue);
  --switch-off-border-color: var(--color-grey);
  --switch-off-hover-border-color: var(--color-blue);
  --switch-off-background-color: var(--color-white);
  --switch-on-color: var(--color-white);
  --switch-on-hover-color: var(--color-white);
  --switch-on-border-color: var(--color-green);
  --switch-on-hover-border-color: var(--color-blue);
  --switch-on-background-color: var(--color-green);
  --switch-thumb-border-style: solid;
  --switch-thumb-border-width: calc(1rem / 16);
  --switch-thumb-size: calc(25rem / 16);
  --switch-thumb-off-background-color: var(--color-grey-lighter);
  --switch-thumb-off-hover-background-color: var(--color-white);
  --switch-thumb-on-background-color: var(--color-white);
  --switch-thumb-on-hover-background-color: var(--color-white);
}

.switch__button {
  font-size: 0.625rem;
  text-transform: uppercase;
}

.side-nav-page-layout {
  --side-nav-inline-padding: clamp(0.94rem, 16.92cqw + -7.88rem, 3.75rem);
}
@media print {
  .side-nav-page-layout {
    --side-nav-inline-padding: 0;
  }
}

.session-status {
  --labelled-icon-icon-color: var(--category-theme-accent-color);
  --labelled-icon-gap: calc(10rem / 16);
  color: var(--category-theme-color);
  background-color: var(--category-theme-background-color);
  border-block-end: solid 0.0625rem var(--category-theme-accent-color);
  --pane-box-padding-inline: clamp(1.25rem, 2.18vw + 0.74rem, 1.88rem);
  --pane-box-padding-block: 0;
  --pane-box-block-gap: 0;
}
.session-status > * {
  grid-column: box;
}
.session-status .accordion-item {
  display: grid;
  grid-template-columns: subgrid;
}
.session-status .accordion-item > * {
  grid-column: box;
}
.session-status .accordion-item__button {
  --focus-offset: calc(-4rem / 16);
  --_accordion-item-padding-block: calc(15rem / 16);
  --button-background-color: transparent;
  --button-selected-background-color: transparent;
}
.session-status .accordion-item__content {
  grid-column: col;
}

.session-status__detail {
  padding-block-start: var(--is-accordion-switch-on, 0.9375rem);
  padding-block-end: 0.9375rem;
}

.micro-message {
  --labelled-icon-icon-size: calc(24rem / 16);
  --labelled-icon-gap: calc(8rem / 16);
  --inline-wrapping-bricks-gap: 1ch;
  font-size: 1rem;
  color: var(--color-charcoal-dark);
}

.location-option {
  --labelled-icon-gap: calc(5rem / 16);
  --labelled-icon-icon-color: var(--color-charcoal-light);
}
.location-option small {
  color: var(--_choice-button-secondary-color);
}

.location-option__label > * {
  display: block;
}

.input-menu-bar {
  font-size: 0.6875rem;
}

.signature-input {
  --block-gap: calc(20rem / 16);
  --jh-canvas-outline: var(--input-border-width) solid var(--input-border-color);
  --jh-canvas-hover-outline: var(--input-border-width) solid var(--input-hover-border-color);
}

.sms-merge {
  --mark-color: var(--color-blue-system);
  --mark-background-color: transparent;
}

:root {
  --button-row-item-width: clamp(6.25rem, 8.28cqw + 4.31rem, 10rem);
}

.cart-status {
  --flex-item-width: 8rem;
  --inline-wrapping-bricks-align: baseline;
  --inline-wrapping-bricks-column-gap: calc(20rem / 16);
  --inline-wrapping-bricks-row-gap: calc(4rem / 16);
}
.cart-status > * {
  margin-block: 0;
}

.print-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-family: var(--font-display);
  font-size: 1.375rem;
  font-weight: 700;
  padding-block-end: 0.625rem;
  border-block-end: solid 2px black;
  --inline-wrapping-bricks-column-gap: calc(54rem / 16);
}
.print-header h1 {
  font-size: 2rem;
}
.print-header h2 {
  font-size: 1.625rem;
  color: black;
}
.print-header > * {
  margin-block: 0;
}

.invoice-letterhead {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: clamp(1.88rem, 2.64cqw + 1.26rem, 2.5rem);
}
.invoice-letterhead > * {
  margin-block: 0;
}
.invoice-letterhead img {
  width: clamp(112px, 40cqi, 224px);
}

.invoice-letterhead--client-address {
  flex-basis: 100%;
}

.gap-self--submit-row {
  --block-gap: clamp(2.81rem, 3.27cqw + 2.05rem, 3.75rem);
}

/*# sourceMappingURL=vos-components.css.map */